/* ============================================================
   定价页(公开页 /pricing)
   ------------------------------------------------------------
   左侧筛选 + 右侧按类型分组的价目表。
   样式原先只存在于离线原型 yanhuo-api-site/pricing.html 的内联 <style> 里,
   移植到服务端渲染时漏了这一页 —— console.css 收进了模型广场的
   .model-card2 / .featured-card2,却没有定价页这一段,导致这张表长期是
   浏览器默认样式(侧栏无版式、表格无边框)。
   ============================================================ */

/* ---------- 两栏骨架(窄屏堆叠) ---------- */
.pricing-layout{display:grid;grid-template-columns:272px 1fr;gap:26px;align-items:start;}

/* ---------- 左侧筛选 ---------- */
.pricing-side{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;position:sticky;top:92px;}
.pricing-side h4{font-size:13.5px;font-weight:600;color:var(--text4);margin:20px 0 10px;display:flex;align-items:center;gap:8px;}
.pricing-side h4:first-child{margin-top:0;}
.pricing-side .pradio{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;color:var(--text2);transition:background .15s;}
.pricing-side .pradio:hover{background:var(--panel3);}
.pricing-side .pradio.on{background:var(--primary-bg);color:var(--primary);font-weight:500;}

/* ---------- 右侧价目表 ---------- */
.pricing-main{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.pricing-table{width:100%;font-size:13.5px;}
.pricing-table th{text-align:left;padding:15px 16px;color:var(--text3);font-weight:500;font-size:12.5px;background:var(--panel3);border-bottom:1px solid var(--border);white-space:nowrap;}
.pricing-table td{padding:15px 16px;border-bottom:1px solid var(--border2);color:var(--text2);vertical-align:top;}
.pricing-table tbody tr:hover td{background:var(--panel3);}
/* 分组标题行(对话模型 / 图像生成模型 …) */
.pricing-table .grp-row td{background:var(--panel3);font-size:12.5px;color:var(--text3);font-weight:600;padding:11px 16px;}
.pricing-table .mname{color:var(--text4);font-weight:600;display:block;font-size:14px;}
.pricing-table .mid{font-family:Consolas,monospace;font-size:11.5px;color:#2549a8;display:block;margin-top:3px;}

/* ---------- 表下口径说明 ---------- */
/* 缓存命中价一列里「未单独定价」与「不适用」是两件事,且都不显示金额;
   不在页面上说明,整列看起来就像"这项数据没接上"。 */
.pricing-note{padding:13px 16px;background:var(--panel2);font-size:12px;color:var(--text3);line-height:1.9;}

@media (max-width:1000px){.pricing-layout{grid-template-columns:1fr;}.pricing-side{position:static;}}