code{font:12px var(--mono);color:var(--green);background:rgba(169,214,110,.08);padding:1px 5px}
.page-hero{padding:88px 0 48px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 18px;font-weight:650}
.page-hero h1 em{font-style:normal;color:var(--green)}
.crumb{font:12px var(--mono);color:var(--dim);letter-spacing:.08em}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--green)}
.subnav{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font:12px var(--mono);color:var(--muted)}
.subnav a:hover,.subnav a.active{color:var(--green)}
.note{margin:28px 0 0;padding:14px 16px;border:1px solid var(--line);border-left:2px solid var(--green2);background:var(--panel);color:var(--muted);font-size:13px}
.note b{color:var(--text)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:36px 0 0}
.stat-row div{background:var(--panel);padding:18px 16px}
.stat-row strong,.stat-row small{display:block}
.stat-row strong{font-size:26px;line-height:1.1;letter-spacing:-.03em}
.stat-row small{margin-top:6px;font-size:12px;color:var(--dim)}
.page-section{padding:72px 0;border-bottom:1px solid var(--line)}
.page-section h2{font-size:28px;margin:8px 0 12px}
.page-section h3{font-size:16px;margin:28px 0 8px}
.page-section .lead-s{color:var(--muted);max-width:760px}
.caption{margin:8px 0 0;font:11px var(--mono);color:var(--dim);letter-spacing:.02em}
.figure{margin-top:22px;border:1px solid var(--line);background:#0a0c09}
.figure img{display:block;width:100%;height:auto}
.figure.contain img{max-height:420px;width:100%;object-fit:contain;background:#111}
.flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;padding:16px 18px;border:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
.flow span{font:12px var(--mono);color:var(--text)}
.flow b{color:var(--green)}
.data-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}
.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.data-table th{font:11px var(--mono);color:var(--dim);letter-spacing:.08em;font-weight:500}
.data-table td{color:var(--muted)}
.data-table td:first-child,.data-table th:first-child{color:var(--text)}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12px;color:var(--text)}
.data-table tr.warn td{color:var(--paper)}
.data-table .tag{font:10px var(--mono);color:var(--green);border:1px solid var(--line);padding:1px 6px;margin-left:6px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--panel)}
.chart-box{margin-top:22px;border:1px solid var(--line);background:var(--panel);padding:16px 12px 8px}
.chart-box svg{display:block;width:100%;height:auto}
.chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin:4px 12px 10px;font:11px var(--mono);color:var(--muted)}
.chart-legend i{display:inline-block;width:18px;height:2px;margin-right:6px;vertical-align:middle}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
.two-col article{background:var(--panel);padding:22px}
.two-col h3{margin:0 0 8px;font-size:15px}
.two-col p{margin:0;color:var(--muted);font-size:13px}
.split-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.split-3 div{background:var(--panel);padding:18px}
.split-3 strong{display:block;font-size:22px;letter-spacing:-.03em}
.split-3 small{display:block;margin-top:6px;color:var(--dim);font-size:12px}
details.fold{margin-top:28px;border:1px solid var(--line);background:var(--panel)}
details.fold>summary{cursor:pointer;padding:14px 16px;font:13px var(--mono);color:var(--text);list-style:none}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:"展开";float:right;color:var(--green)}
details.fold[open]>summary::after{content:"收起"}
.page-end{padding:72px 0 100px}
.page-end h2{font-size:28px;margin:8px 0 12px}
@media(max-width:800px){
  .stat-row,.two-col,.split-3{grid-template-columns:1fr}
  .page-hero{padding-top:72px}
  .page-section{padding:56px 0}
  .subnav{gap:12px}
}

/* v7: recruiter-scan friendly summaries */
.mini-flow{display:flex;align-items:center;gap:10px;margin:24px 0 0;flex-wrap:wrap}
.mini-flow span{border:1px solid var(--line);background:var(--panel);padding:10px 14px;font-size:13px;color:var(--text)}
.mini-flow b{color:var(--green);font-family:var(--mono)}
.trend-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:30px}
.trend-line>i{font-style:normal;color:var(--green);font:20px var(--mono)}
.trend-step{min-height:112px;border:1px solid var(--line);background:var(--panel);padding:16px;display:flex;flex-direction:column;justify-content:center}
.trend-step span{font:11px var(--mono);color:var(--green);letter-spacing:.12em;margin-bottom:8px}.trend-step b{font-size:15px}.trend-step small{margin-top:6px;color:var(--muted);line-height:1.5}
@media(max-width:900px){.trend-line{grid-template-columns:1fr}.trend-line>i{transform:rotate(90deg);justify-self:center}.mini-flow{align-items:flex-start}.mini-flow b{transform:rotate(90deg)}}

/* v8: stronger visual hierarchy for recruiter scanning */
.focus-hero .lead{max-width:850px}
.hero-priority{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.hero-priority article,.fix-grid article{border:1px solid var(--line);background:var(--panel);padding:22px;position:relative}
.hero-priority span,.fix-grid span{font:11px var(--mono);color:var(--green);letter-spacing:.12em}.hero-priority b,.fix-grid b{display:block;font-size:17px;margin:8px 0}.hero-priority p,.fix-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.compact-stats{margin-top:14px}.scan-section{padding:64px 0}.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:60px;align-items:end;margin-bottom:30px}.section-heading h2{font-size:30px;margin-bottom:0}.section-heading>p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.before-after article{border:1px solid var(--line);padding:24px;background:var(--panel)}.before-after small{font:11px var(--mono);color:var(--dim);letter-spacing:.12em}.before-after h3{font-size:20px;margin:10px 0}.before-after p{color:var(--muted);margin:0}.accent-card{border-color:rgba(169,214,110,.45)!important;box-shadow:inset 0 2px 0 var(--green)}.accent-card small{color:var(--green)}.cut-arrow{display:flex;align-items:center;color:var(--dim);font:12px var(--mono)}.cut-arrow b{color:var(--green);margin:0 6px}
.big-flow,.summary-chain{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);padding:20px;margin-bottom:24px}.big-flow span,.summary-chain span{padding:9px 13px;border:1px solid var(--line);font:12px var(--mono)}.big-flow strong{padding:10px 16px;background:var(--green);color:#10140f;font:700 13px var(--mono)}.big-flow b,.summary-chain b{color:var(--green)}
.visual-pair{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.visual-pair figure{margin:0;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.visual-pair img{width:100%;height:340px;object-fit:contain;background:#0b0d0a}.visual-pair figcaption{padding:14px 16px;color:var(--muted);font-size:12px;line-height:1.6;border-top:1px solid var(--line)}.visual-pair figcaption b{color:var(--text);font-size:13px}
.key-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:16px}.key-callouts div{background:var(--panel);padding:18px}.key-callouts strong,.key-callouts span{display:block}.key-callouts strong{font-size:18px}.key-callouts span{margin-top:6px;color:var(--muted);font-size:12px}
.economy-highlight{display:grid;grid-template-columns:1fr auto 1fr 1.25fr;gap:14px;align-items:center;margin-bottom:18px}.economy-highlight>div{border:1px solid var(--line);background:var(--panel);padding:18px}.economy-highlight small,.economy-highlight strong{display:block}.economy-highlight small{font:11px var(--mono);color:var(--dim)}.economy-highlight strong{font-size:24px;margin-top:5px}.economy-highlight>i{font-style:normal;color:var(--green);font-size:24px}.economy-highlight .active{border-color:rgba(169,214,110,.45)}.economy-highlight .active strong{color:var(--green)}.economy-highlight .impact{border:0;background:transparent}.economy-highlight .impact b,.economy-highlight .impact span{display:block}.economy-highlight .impact b{font-size:28px;color:var(--green)}.economy-highlight .impact span{font-size:12px;color:var(--muted);margin-top:4px}
.inside-fold{margin:0;border-width:1px 0 0}.fix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line)}.boundary-grid p{background:var(--panel);margin:0;padding:18px;color:var(--muted);font-size:13px}.boundary-grid b{color:var(--text)}
@media(max-width:900px){.hero-priority,.fix-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr;gap:12px}.visual-pair{grid-template-columns:1fr}.economy-highlight{grid-template-columns:1fr}.economy-highlight>i{text-align:center;transform:rotate(90deg)}.before-after{grid-template-columns:1fr}.cut-arrow{justify-content:center;transform:rotate(90deg);min-height:30px}}
@media(max-width:600px){.hero-priority,.fix-grid,.key-callouts,.boundary-grid{grid-template-columns:1fr}.visual-pair img{height:auto}}