:root{--bg:#eef4f9;--surface:#fff;--surface-2:#f7fafc;--ink:#102548;--muted:#64748b;--line:#dce7f0;--blue:#2867e8;--violet:#8855e8;--teal:#18b8b0;--gold:#e5ad1b;--coral:#ed6c6d;--shadow:0 18px 48px rgba(36,75,120,.10);--radius:18px;--density:1;--max:1280px}
body[data-theme="executive"]{--bg:#e9eff7;--surface:#fff;--surface-2:#f3f6fa;--ink:#122033;--muted:#5e6b7b;--line:#d3ddea;--blue:#1559c5;--violet:#5967c9;--teal:#168f91;--gold:#c78e13;--coral:#c95059}
body[data-theme="night"]{--bg:#07111f;--surface:#0d1b2e;--surface-2:#10233a;--ink:#eff6ff;--muted:#9cb0c7;--line:#233952;--blue:#5b8dff;--violet:#a17af2;--teal:#36c9bd;--gold:#f0bd46;--coral:#f27a80;--shadow:0 22px 60px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"MiSans","HarmonyOS Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif;line-height:1.55;transition:background .25s,color .25s}button{font:inherit}.progress{position:fixed;inset:0 0 auto;height:3px;background:var(--line);z-index:50}.progress span{display:block;width:0;height:100%;background:var(--blue)}
.topbar{position:fixed;z-index:40;top:3px;left:0;right:0;height:64px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 88px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--surface);font-weight:800;font-size:13px;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%)}.brand strong{font-size:14px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em}.top-actions{display:flex;align-items:center;gap:10px}.page-no{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;cursor:pointer;font-weight:800}
.rail{position:fixed;z-index:45;left:20px;top:50%;transform:translateY(-50%);display:grid;gap:8px}.rail button{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.rail button:hover,.rail button.active{background:var(--surface);color:var(--blue);box-shadow:0 8px 24px rgba(36,75,120,.12)}
main{padding-top:67px}.screen{min-height:calc(100vh - 67px);padding:clamp(58px,7vw,108px) clamp(26px,7vw,110px);display:flex;align-items:center;scroll-margin-top:67px}.screen:not(.hero){align-items:flex-start}.inner{width:100%;max-width:var(--max);margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);gap:28px;align-items:end;margin-bottom:36px}.section-head h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:10px 0 0;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:14px}.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.on{opacity:1;transform:none}.muted{color:var(--muted)}
.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:44vw;height:44vw;right:-18vw;top:2vw;border:1px solid color-mix(in srgb,var(--blue) 22%,transparent);border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--teal) 4%,transparent),0 0 0 150px color-mix(in srgb,var(--violet) 3%,transparent);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:68px;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(46px,6vw,86px);line-height:1.02;letter-spacing:-.065em;margin:18px 0 24px;max-width:860px}.hero h1 span{display:block;color:var(--blue)}.hero-lead{font-size:clamp(16px,1.5vw,21px);color:var(--muted);max-width:750px}.formula{margin-top:30px;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);max-width:720px}.formula b{color:var(--blue);white-space:nowrap}.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric{padding:24px;min-height:145px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--c,var(--blue))}.metric strong{display:block;font-size:42px;line-height:1;color:var(--c,var(--blue));margin-bottom:13px}.metric strong small{font-size:.38em;margin-left:.12em;vertical-align:baseline;color:inherit}.metric span{font-size:13px;color:var(--muted)}.metric.wide{grid-column:1/-1;min-height:118px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.metric.wide strong{margin:0}.scroll-tip{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;color:var(--muted)}
.positioning-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.position-lead{padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.position-lead blockquote{margin:0;font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.35;letter-spacing:-.03em}.position-lead footer{padding-top:28px;color:var(--muted);font-size:13px}.flow-board{padding:28px}.flow-steps{display:grid;gap:12px}.flow-step{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.flow-step .num{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--c);font-weight:900}.flow-step b{display:block;font-size:16px}.flow-step small{color:var(--muted)}.flow-step .arrow{color:var(--c);font-size:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.principle{padding:18px;text-align:center;border-top:3px solid var(--c);background:var(--surface-2);border-radius:12px}.principle b{display:block}.principle small{color:var(--muted)}
.star-board{padding:34px;display:grid;grid-template-columns:minmax(470px,.95fr) 1.05fr;gap:40px;align-items:center}.star-figure{position:relative;height:540px}.star-shape{position:absolute;width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%);background:var(--blue);filter:drop-shadow(0 25px 28px rgba(40,103,232,.22))}.star-shape:after{content:"";position:absolute;inset:86px;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%);background:var(--surface)}.star-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;text-align:center}.star-core strong{display:block;font-size:26px}.star-core small{color:var(--muted)}.star-label{position:absolute;z-index:4;min-width:118px;padding:11px 13px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--c);border-radius:12px;box-shadow:0 8px 24px rgba(36,75,120,.1);text-align:center}.star-label b{display:block;font-size:14px}.star-label small{color:var(--muted);font-size:10px}.sl1{top:6px;left:50%;transform:translateX(-50%)}.sl2{right:0;top:150px}.sl3{right:42px;bottom:24px}.sl4{left:42px;bottom:24px}.sl5{left:0;top:150px}.support-list{display:grid;gap:10px}.support{display:grid;grid-template-columns:9px 120px 1fr;gap:13px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.support:last-child{border:0}.support i{width:9px;height:9px;border-radius:50%;background:var(--c);margin-top:7px}.support b{font-size:14px}.support span{font-size:12px;color:var(--muted)}
.phase-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.logic-title{display:flex;flex-wrap:wrap;column-gap:.8em;row-gap:.08em}.phase-card{padding:24px;position:relative;min-height:170px}.phase-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}.phase-card .step{font-size:10px;color:var(--c);font-weight:900;letter-spacing:.12em}.phase-card h3{font-size:18px;margin:12px 0 8px}.phase-card p{font-size:12px;color:var(--muted);margin:0}.phase-card:not(:last-child):after{content:"→";position:absolute;right:-21px;top:72px;color:var(--c);z-index:3;font-size:22px}.causal{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.causal-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.causal-item{padding:18px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);min-height:100px}.causal-item strong{display:block;color:var(--c);font-size:15px}.causal-item span{font-size:11px;color:var(--muted)}.causal-item.core{grid-column:1/-1;background:var(--blue);color:white}.causal-item.core strong,.causal-item.core span{color:white}.causal-quote{padding:28px}.causal-quote p{font-size:clamp(20px,2.3vw,31px);line-height:1.45;font-weight:800;margin:0}.causal-quote p span{display:block;white-space:nowrap}.causal-quote small{display:block;color:var(--muted);margin-top:18px}
.diag-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px}.method-board{padding:26px}.three-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.look{padding:18px 12px;background:var(--surface-2);border-radius:12px;border-top:3px solid var(--c);text-align:center}.look b{display:block}.look small{color:var(--muted)}.methods{display:grid;gap:8px;margin-top:18px}.method{display:grid;grid-template-columns:32px 90px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.method:last-child{border:0}.method em{font-style:normal;color:var(--c);font-weight:900}.method span{color:var(--muted)}.radar-board{padding:22px;display:grid;place-items:center}.radar-board canvas{width:min(100%,520px);height:auto}.maturity{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;align-items:end}.level{padding:16px 14px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:13px;min-height:calc(112px + var(--n)*16px)}.level strong{display:block;color:var(--c);font-size:12px}.level b{display:block;margin:6px 0}.level span{font-size:10px;color:var(--muted)}
.tom{padding:30px}.tom-top{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role{padding:26px 22px;background:var(--surface-2);border-radius:14px;border-top:4px solid var(--c);min-height:170px}.role .tag{color:var(--c);font-weight:900;font-size:11px}.role h3{margin:11px 0 7px}.role p{font-size:12px;color:var(--muted);margin:0}.tom-center{margin:18px 0;padding:20px;background:var(--ink);color:var(--surface);border-radius:14px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.tom-center b{font-size:20px}.tom-center span{font-size:12px;opacity:.78}.metrics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric-pill{padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;text-align:center}.metric-pill b{display:block;color:var(--c)}.metric-pill small{color:var(--muted)}
.mode-layout{display:grid;grid-template-columns:270px 1fr;gap:16px}.big-finance{padding:26px;min-height:470px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.big-finance:after{content:"";position:absolute;width:260px;height:260px;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:50%;box-shadow:0 0 0 38px color-mix(in srgb,var(--gold) 5%,transparent)}.view-orbit{width:218px;height:218px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;background:var(--surface)}.view-orbit strong{display:block;font-size:30px;color:var(--gold)}.view-orbit span{font-size:12px;color:var(--muted)}.view-axis{position:absolute;z-index:2;bottom:27px;display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.view-axis span{padding:7px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:10px}.function-stack{display:grid;gap:12px}.function-row{display:grid;grid-template-columns:175px 1fr;min-height:140px;overflow:hidden}.function-role{padding:22px;background:var(--c);color:#fff;display:flex;flex-direction:column;justify-content:center}.function-role small{font-size:10px;opacity:.75;letter-spacing:.09em}.function-role strong{font-size:21px;margin-top:5px}.function-detail{padding:20px 24px}.function-detail b{display:block;color:var(--c);font-size:15px;margin-bottom:6px}.function-detail p{font-size:12px;color:var(--muted);margin:0 0 10px}.function-tags{display:flex;gap:6px;flex-wrap:wrap}.function-tags span{padding:5px 8px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);font-size:10px}.outcome-ribbon{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:2px}.outcome{padding:17px 12px;text-align:center;position:relative;overflow:hidden}.outcome:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--c)}.outcome b{display:block;color:var(--c);font-size:17px}.outcome small{color:var(--muted);font-size:10px}.blueprint-inputs{display:grid;grid-template-columns:repeat(3,1fr) 38px 1.35fr;gap:9px;align-items:stretch}.blueprint-input{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.blueprint-input span{display:block;color:var(--c);font-size:10px;font-weight:900;letter-spacing:.08em}.blueprint-input b{display:block;margin-top:5px}.input-arrow{display:grid;place-items:center;color:var(--blue);font-size:24px}.five-year{padding:18px;background:var(--ink);color:var(--surface);border-radius:13px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.five-year strong{font-size:33px;color:var(--teal)}.five-year b{display:block}.five-year small{opacity:.72}.task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.task-card{padding:23px;min-height:205px;display:grid;grid-template-columns:58px 1fr;gap:15px;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}.task-no{font-size:38px;line-height:1;color:var(--c);font-weight:900}.task-card h3{font-size:17px;line-height:1.35;margin:0 0 8px}.task-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.task-tags{display:flex;gap:6px;flex-wrap:wrap}.task-tags span{padding:5px 8px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);font-size:10px}.blueprint-note{margin-top:14px;padding:17px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.blueprint-note b{color:var(--blue)}.blueprint-note span{font-size:11px;color:var(--muted)}
.five-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.five-card{padding:24px 18px;min-height:270px;position:relative}.five-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}.five-card .idx{color:var(--c);font-weight:900;font-size:12px}.five-card h3{font-size:17px;margin:12px 0}.five-card ul{padding:0;margin:0;list-style:none}.five-card li{padding:7px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.five-card li:last-child{border:0}.trace{margin-top:18px;padding:24px}.trace h3{margin:0 0 16px;font-size:15px}.trace-pipe{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.trace-pipe span{padding:11px 5px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);font-size:10px;text-align:center;position:relative}.trace-pipe span:not(:last-child):after{content:"";position:absolute;right:-7px;top:50%;width:7px;height:1px;background:var(--blue)}
.delivery-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px}.matrix{padding:26px}.matrix-wrap{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,150px);gap:8px;position:relative;margin:18px 0 0 18px}.quad{padding:18px;border-radius:13px;background:color-mix(in srgb,var(--c) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 25%,var(--line))}.quad b{color:var(--c);display:block}.quad span{font-size:11px;color:var(--muted)}.axis-y{position:absolute;left:-20px;top:50%;transform:rotate(-90deg) translateY(-50%);transform-origin:left top;font-size:9px;color:var(--muted);letter-spacing:.1em}.axis-x{text-align:center;font-size:9px;color:var(--muted);letter-spacing:.1em}.roadmap{padding:26px}.road{display:grid;gap:13px}.road-stage{display:grid;grid-template-columns:95px 1fr auto;gap:16px;align-items:center;padding:19px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.road-stage .stage{color:var(--c);font-weight:900}.road-stage b{display:block}.road-stage small{color:var(--muted)}.road-stage .dot{width:12px;height:12px;border:3px solid var(--c);border-radius:50%}.deliverable{margin-top:16px;padding:18px;background:var(--ink);color:var(--surface);border-radius:13px;display:flex;justify-content:space-between;gap:16px}.deliverable small{opacity:.72}
.value-map{display:grid;gap:11px}.value-layer{display:grid;grid-template-columns:205px 1fr;overflow:hidden;min-height:128px}.value-anchor{padding:20px 22px;background:var(--c);color:#fff;display:flex;flex-direction:column;justify-content:center}.value-anchor span{font-size:10px;font-weight:850;letter-spacing:.12em;opacity:.78}.value-anchor strong{font-size:22px;margin:4px 0}.value-anchor small{font-size:10px;opacity:.8}.value-cells{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1px;background:var(--line)}.value-cell{padding:17px 16px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;min-width:0}.value-cell b{display:block;color:var(--c);font-size:14px;margin-bottom:6px}.value-cell p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.value-layer.focus{min-height:156px}.value-layer.focus .value-anchor{background:var(--ink)}.value-layer.focus .value-anchor strong{color:var(--gold)}.value-map-note{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;color:var(--muted);font-size:11px}.value-map-note b{color:var(--blue);white-space:nowrap}
.features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.feature{padding:24px 18px;min-height:230px}.feature .big{font-size:46px;line-height:1;color:var(--c);font-weight:900}.feature h3{font-size:16px;margin:18px 0 9px}.feature p{font-size:11px;color:var(--muted);margin:0}.final-line{margin-top:22px;padding:34px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}.final-line .star-mini{width:70px;height:70px;background:var(--blue);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%)}.final-line p{font-size:clamp(18px,2.2vw,30px);font-weight:800;line-height:1.45;margin:0}
.tweak-panel{position:fixed;right:22px;bottom:76px;z-index:60;width:240px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:none}.tweak-panel.open{display:block}.tweak-panel h3{font-size:13px;margin:0 0 12px}.theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-row button,.toggle-row button{min-height:40px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;cursor:pointer;font-size:11px}.theme-row button.active{border-color:var(--blue);color:var(--blue)}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tweak-launch{position:fixed;right:22px;bottom:22px;z-index:61;width:44px;height:44px;border:0;border-radius:14px;background:var(--ink);color:var(--surface);box-shadow:var(--shadow);cursor:pointer;font-weight:900}
/* 全局可读性与紧凑度优化 */
.screen{padding:clamp(42px,5vw,76px) clamp(24px,5vw,82px)}.section-head{margin-bottom:26px;gap:22px}.section-head p{font-size:15px;line-height:1.65}.eyebrow{font-size:12px}.board{box-shadow:0 14px 38px rgba(36,75,120,.09)}
.position-lead{min-height:330px;padding:30px}.flow-board,.causal{padding:24px}.flow-step{padding:15px}.flow-step small,.principle small{font-size:12px}.support{padding:13px 0}.support b{font-size:15px}.support span{font-size:13px}.star-board{padding:30px}.phase-card{padding:21px;min-height:150px}.phase-card .step{font-size:11px}.phase-card p{font-size:13px}.causal-item{padding:15px;min-height:88px}.causal-item span{font-size:12px}
.method-board{padding:23px}.look{padding:15px 11px}.look small{font-size:12px}.methods{margin-top:14px}.method{font-size:13px;padding:9px 0}.radar-board{padding:18px}.maturity{margin-top:14px}.level{padding:14px 12px;min-height:calc(100px + var(--n)*14px)}.level strong{font-size:13px}.level span{font-size:11px}
.big-finance{min-height:430px}.function-stack{gap:10px}.function-row{min-height:128px}.function-role{padding:19px}.function-role small{font-size:11px}.function-role strong{font-size:22px}.function-detail{padding:17px 21px}.function-detail b{font-size:16px}.function-detail p{font-size:13px;margin-bottom:8px}.function-tags span,.task-tags span{font-size:11px}.outcome{padding:15px 10px}.outcome small{font-size:11px}
.blueprint-input{padding:16px}.blueprint-input span{font-size:11px}.five-year{padding:16px}.five-year small{font-size:12px}.task-grid{gap:10px;margin-top:13px}.task-card{padding:20px;min-height:184px}.task-card h3{font-size:18px}.task-card p{font-size:12.5px;line-height:1.6}.blueprint-note{margin-top:11px;padding:14px 18px}.blueprint-note span{font-size:12px}
.matrix,.roadmap{padding:23px}.matrix-wrap{grid-template-rows:repeat(2,136px);margin-top:14px}.quad{padding:16px}.quad span{font-size:12px}.road{gap:10px}.road-stage{padding:16px}.road-stage small{font-size:12px}.deliverable{margin-top:13px;padding:15px}
.value-map{gap:9px}.value-layer{min-height:116px}.value-layer.focus{min-height:142px}.value-anchor{padding:17px 20px}.value-anchor span,.value-anchor small{font-size:11px}.value-cell{padding:14px}.value-cell b{font-size:15px}.value-cell p{font-size:11.5px}.value-map-note{padding:12px 16px;font-size:12px}
.feature{padding:21px 17px;min-height:205px}.feature p{font-size:12.5px}.final-line{margin-top:17px;padding:27px}.trace{margin-top:14px;padding:20px}.trace-pipe span{font-size:11px}.five-card{padding:21px 17px;min-height:245px}.five-card li{font-size:12px}
body.compact{--density:.82}.compact .screen{padding-top:48px;padding-bottom:48px}.compact .board{box-shadow:none}.no-motion *{animation:none!important;transition:none!important}.no-motion .reveal{opacity:1;transform:none}
@media(min-width:1100px){#star .section-head{grid-template-columns:minmax(0,1.6fr) minmax(250px,.45fr)}#star .section-head h2{font-size:clamp(38px,3.8vw,52px);white-space:nowrap}}
@media(max-width:1050px){.star-board,.hero-grid,.mode-layout{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr)}.metric.wide{grid-column:auto;grid-template-columns:1fr}.star-board{padding:24px}.star-figure{height:520px}.big-finance{min-height:290px}.task-grid{grid-template-columns:1fr}.five-chain{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(3,1fr)}.trace-pipe{grid-template-columns:repeat(4,1fr)}.value-layer{grid-template-columns:170px 1fr}.value-cells{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:0 15px}.brand small,.page-no{display:none}.rail{left:50%;top:auto;bottom:8px;transform:translateX(-50%);grid-auto-flow:column;gap:2px;padding:5px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:15px}.rail button{width:30px;height:38px}.screen{padding:58px 18px 84px;min-height:auto}.section-head,.positioning-grid,.causal,.diag-grid,.delivery-grid,.function-row,.blueprint-inputs{grid-template-columns:1fr}.section-head{gap:10px}.hero{min-height:calc(100vh - 67px);align-items:flex-start;padding-top:92px}.hero h1{font-size:46px}.hero-metrics{grid-template-columns:repeat(2,1fr)}.metric.wide{grid-column:1/-1}.star-board{grid-template-columns:1fr}.star-figure{height:420px;transform:scale(.84);margin:-30px}.phase-strip,.tom-top,.metrics-row,.maturity{grid-template-columns:1fr 1fr}.phase-card:not(:last-child):after{display:none}.function-role{min-height:104px}.outcome-ribbon{grid-template-columns:repeat(2,1fr)}.input-arrow{transform:rotate(90deg);min-height:32px}.five-year{grid-template-columns:auto 1fr}.five-chain,.features{grid-template-columns:1fr 1fr}.trace-pipe{grid-template-columns:repeat(2,1fr)}.value-layer{grid-template-columns:1fr}.value-anchor{min-height:112px}.value-cells{grid-template-columns:1fr}.value-map-note{display:grid}.star-board{overflow:hidden}.final-line,.blueprint-note{grid-template-columns:1fr;display:grid}.scroll-tip{display:none}.tweak-launch{bottom:64px}.tweak-panel{bottom:118px}}
@media(max-width:480px){.hero-metrics,.phase-strip,.tom-top,.metrics-row,.maturity,.five-chain,.features,.three-looks,.outcome-ribbon{grid-template-columns:1fr}.metric.wide{grid-column:auto}.star-figure{transform:scale(.7);margin:-75px}.support{grid-template-columns:9px 90px 1fr}.matrix-wrap{grid-template-rows:repeat(2,180px)}.road-stage{grid-template-columns:76px 1fr}.road-stage .dot{display:none}.tweak-panel{right:14px;bottom:118px}.tweak-launch{right:14px;bottom:64px}}

.solution-page .topbar {
  height: 70px;
  padding: 0 4vw;
  display: grid;
  grid-template-columns: minmax(170px, 1fr) auto minmax(520px, 1fr);
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 120;
  background: rgba(238, 243, 248, 0.94);
  border-bottom: 1px solid #dbe4ef;
  backdrop-filter: blur(14px);
}
.solution-page .topbar .brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  justify-self: start;
  text-decoration: none;
  color: inherit;
}
.solution-page .topbar .brand img {
  display: block;
  width: auto;
  height: 34px;
  object-fit: contain;
}
.solution-page .topbar .brand-back-text {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  white-space: nowrap;
}
.solution-page .topbar .report-name {
  justify-self: center;
  padding: 0 16px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0b1736;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(38vw, 520px);
}
.solution-page .topbar-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  justify-self: end;
  min-width: 0;
  width: 100%;
}
.solution-page .topbar-end nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-end;
  overflow-x: auto;
  scrollbar-width: none;
  font-size: 12px;
  font-weight: 500;
}
.solution-page .topbar-end nav::-webkit-scrollbar { display: none; }
.solution-page .topbar-end nav a {
  flex: 0 0 auto;
  font-size: 12px;
  color: #536277;
  padding: 7px 8px;
  border-radius: 9px;
  white-space: nowrap;
  text-decoration: none;
}
.solution-page .topbar-end nav a:hover,
.solution-page .topbar-end nav a.current {
  background: #f1f6fc;
  color: #2f7cf6;
}
.solution-page .topbar-end .solution-nav-auth {
  flex: 0 0 auto;
  min-width: max-content;
  margin-left: 8px;
}
.solution-page .topbar-end nav { display: none; }
.solution-page .topbar .report-name { display: none; }
.solution-page .topbar-end {
  grid-column: 3;
  justify-self: end;
}
@media (max-width: 1180px) {
  .solution-page .topbar .report-name { display: none; }
  .solution-page .topbar { grid-template-columns: minmax(170px, 1fr) minmax(520px, 1fr); }
  .solution-page .topbar-end { grid-column: 2; }
}
@media (max-width: 980px) {
  .solution-page .topbar {
    grid-template-columns: minmax(150px, 1fr) auto;
    height: auto;
    min-height: 70px;
  }
  .solution-page .topbar-end {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: space-between;
    padding: 0 0 8px;
  }
}
@media (max-width: 760px) {
  .solution-page .topbar {
    height: auto;
    min-height: 70px;
    padding: 10px 20px;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .solution-page .topbar-end {
    width: 100%;
    padding: 0 0 8px;
    justify-content: space-between;
  }
}

/* 报告目录：避免 .toc-item span 覆盖编号徽章样式 */
#solutionContentHost .toc-item .toc-no {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px;
  height: 30px;
  line-height: 1;
  margin-top: 0 !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}
#solutionContentHost .toc-item .toc-no[style*="--yellow"] {
  color: #0b1736 !important;
}
#solutionContentHost .toc-item .toc-arrow {
  display: block !important;
  color: #94a3b8 !important;
  margin-left: auto;
  margin-top: 0 !important;
  font-size: 17px;
  font-weight: 700;
}
#solutionContentHost .toc-item > span:not(.toc-no):not(.toc-arrow) > span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  margin-top: 1px;
}

.solution-page.finance-plan-page #solutionContentHost .topbar { display: none !important; }
.solution-page.finance-plan-page #solutionContentHost main { padding-top: calc(67px + 70px); }
.solution-page.finance-plan-page #solutionContentHost .rail { z-index: 110; }