/* 供应商报告价目页专属样式。
   2026-08-03 从页面内联 <style> 提取:全站 CSP 是 style-src 'self',内联样式一直被浏览器拦掉,
   页面自上线起都在降级呈现。修法是提成外部文件,而不是给 CSP 放开 unsafe-inline。 */
/* 价目表页专属:菜单表格化呈现,区别于 factory-check 的工具流版式 */
.menu-hero { padding: 4.5rem 0 2rem; }
.menu-hero h1 { font-size: clamp(1.9rem, 4vw, 2.8rem); max-width: 21ch; }
.menu-hero .hero-lede { max-width: 62ch; }
.price-board { border: 1px solid rgba(20, 45, 52, .18); border-radius: 12px; overflow: hidden; margin: 1.5rem 0 2rem; }
.price-board table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.price-board caption { text-align: left; padding: .8rem 1rem; font-weight: 700; background: rgba(8, 38, 48, .06); }
.price-board th, .price-board td { padding: .55rem 1rem; border-top: 1px solid rgba(20, 45, 52, .12); text-align: left; vertical-align: top; }
.price-board td.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 700; }
.price-board tr.board-tier td { background: rgba(243, 179, 62, .12); }
/* 2026-08-03 价目板 189 项:与构建器一致按大类折叠,收起时仍显示项数与起价 */
.price-board--group > summary { padding: .8rem 1rem; background: rgba(8, 38, 48, .06); cursor: pointer; display: flex; flex-wrap: wrap; gap: .5rem .9rem; align-items: baseline; }
.price-board--group .board-count { font-size: .85rem; font-weight: 600; opacity: .7; white-space: nowrap; }
.price-board--group td small { opacity: .7; }
.menu-steps { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin: 1.5rem 0; counter-reset: step; }
.menu-steps li { list-style: none; border: 1px solid rgba(20, 45, 52, .15); border-radius: 10px; padding: 1rem; counter-increment: step; }
.menu-steps li::before { content: counter(step, decimal-leading-zero); display: block; font-weight: 800; color: #f05d32; margin-bottom: .35rem; }

/* 购买场景层(2026-08-10):前台 4 张处境卡,153 项明细折叠进 Advanced。 */
.report-scenarios { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 18px; }
.report-scenario { display: grid; gap: 7px; align-content: start; text-align: left; border: 1px solid var(--line); background: var(--white); padding: 16px 18px; font: inherit; cursor: pointer; }
.report-scenario:hover { border-color: var(--ocean); }
.report-scenario[aria-pressed="true"] { border-color: var(--orange); box-shadow: 5px 5px 0 var(--paper-2); }
.report-scenario b { font-family: var(--display); font-size: 1.04rem; line-height: 1.3; }
.report-scenario span { color: var(--muted); font-size: .84rem; line-height: 1.55; }
.report-scenario em { font-style: normal; color: var(--green); font-family: var(--mono); font-size: .72rem; letter-spacing: .04em; }
.report-advanced { margin-top: 8px; border: 1px solid var(--line); background: var(--white); }
.report-advanced > summary { display: grid; gap: 4px; padding: 15px 18px; cursor: pointer; }
.report-advanced > summary b { font-family: var(--display); font-size: .98rem; }
.report-advanced > summary small { color: var(--muted); font-size: .8rem; }
.report-advanced[open] > summary { border-bottom: 1px solid var(--line); }
.report-advanced > *:not(summary) { margin-left: 18px; margin-right: 18px; }
.report-advanced > *:last-child { margin-bottom: 18px; }
@media (max-width: 760px) { .report-scenarios { grid-template-columns: 1fr; } }