:root{--paper:#f8f5ee;--ink:#171c21;--text:#3e4851;--muted:#7b858d;--line:#ccd3d5;--blue:#2e7098;--green:#317e6a;--orange:#ba6737;--red:#a64b47;--stage-w:1600px;--stage-h:900px;--scale:1}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#11171b;color:var(--ink)}
body{font-family:Arial,"PingFang SC",sans-serif}
.viewport{position:fixed;inset:0}
.stage{position:absolute;left:var(--stage-x,0);top:var(--stage-y,0);width:var(--stage-w);height:var(--stage-h);transform:scale(var(--scale));transform-origin:top left;background:var(--paper);box-shadow:0 22px 80px rgba(0,0,0,.35);overflow:hidden}
.slide{position:absolute;inset:0;display:none;padding:54px 70px 52px;background:var(--paper)}
.slide.active{display:flex;flex-direction:column}
.meta{display:flex;justify-content:space-between;gap:30px;padding-bottom:13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:17px;letter-spacing:.06em;text-transform:uppercase}
h1,h2{margin:28px 0 13px;font-family:Georgia,"Songti SC",serif;font-weight:600;line-height:1.12;letter-spacing:-.015em}
h1{max-width:1280px;font-size:64px}h2{font-size:48px}.lead{max-width:1240px;margin:0 0 26px;color:var(--text);font-size:25px;line-height:1.5}
.content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{padding:24px 25px;border:1px solid var(--line);background:#fff}.card.blue{border-top:5px solid var(--blue)}.card.green{border-top:5px solid var(--green)}.card.orange{border-top:5px solid var(--orange)}.card.red{border-top:5px solid var(--red)}
.card h3{margin:0 0 12px;font-size:23px}.card p,.card li{color:var(--text);font-size:20px;line-height:1.48}.card p{margin:0}.card ul{margin:0;padding-left:1.1em}.card li{margin:.35em 0}
.flow{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:36px;align-items:stretch}.step{position:relative;min-height:210px;padding:24px 22px;border:1px solid var(--line);background:#fff}.step:not(:last-child)::after{content:"→";position:absolute;right:-29px;top:42%;color:var(--blue);font-size:30px}.step b{display:block;margin-bottom:13px;color:var(--blue);font-size:17px;letter-spacing:.04em}.step strong{display:block;margin-bottom:10px;font-size:23px}.step p{margin:0;color:var(--text);font-size:18px;line-height:1.48}
.metric{padding:25px;border-block:1px solid var(--line);background:#fff}.metric strong{display:block;color:var(--blue);font:600 46px/1 Georgia,serif}.metric span{display:block;margin-top:13px;color:var(--text);font-size:18px;line-height:1.45}
.table-wrap{width:100%;overflow:hidden;border:1px solid var(--line);background:#fff}.table{width:100%;border-collapse:collapse;font-size:18px;line-height:1.38}.table th,.table td{padding:13px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#e9edef;font-size:16px}.table tr:last-child td{border-bottom:0}.table th:last-child,.table td:last-child{border-right:0}.ours{color:var(--blue);font-weight:700}.bad{color:var(--red);font-weight:700}.good{color:var(--green);font-weight:700}
.formula{padding:24px 28px;border-block:2px solid var(--blue);background:#fff;font:600 25px/1.55 "SFMono-Regular",Consolas,monospace;text-align:center}.code{padding:22px 26px;background:#1d252b;color:#edf0f2;font:20px/1.55 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap}.callout{padding:20px 24px;border-left:6px solid var(--orange);background:#fff}.callout.red{border-color:var(--red)}.callout.green{border-color:var(--green)}.callout p{margin:0;color:var(--text);font-size:21px;line-height:1.5}
.barset{display:grid;gap:16px}.barrow{display:grid;grid-template-columns:210px 1fr 82px;gap:16px;align-items:center;font-size:19px}.track{height:28px;background:#dde3e5}.fill{display:block;height:100%;width:var(--v);background:var(--blue)}.fill.gray{background:#8b979e}.fill.green{background:var(--green)}.fill.orange{background:var(--orange)}
.foot{display:flex;justify-content:space-between;gap:30px;margin-top:20px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:15px;line-height:1.35}.foot span:first-child{max-width:1230px}
.nav{position:fixed;right:18px;bottom:16px;z-index:5;display:flex;align-items:center;gap:8px;padding:7px;background:rgba(20,27,32,.88);color:#fff}.nav button,.nav a{min-width:38px;height:34px;border:1px solid #55616a;background:#202a30;color:#fff;font:600 14px/32px Arial;text-align:center;text-decoration:none;cursor:pointer}.nav button:hover,.nav a:hover{background:#34434c}.counter{min-width:66px;text-align:center;font:13px/1 monospace}.overview{position:fixed;inset:0;z-index:8;display:none;overflow:auto;padding:34px;background:#11171b}.overview.open{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;align-content:start}.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #52616a;background:var(--paper);cursor:pointer}.thumb .slide{display:flex;transform:scale(.18);transform-origin:top left;pointer-events:none}.thumb::after{content:attr(data-page);position:absolute;right:8px;bottom:7px;padding:3px 7px;background:#11171b;color:#fff;font:12px monospace}
@media print{html,body{overflow:visible;background:#fff}.viewport{position:static}.stage{position:static;width:auto;height:auto;transform:none;box-shadow:none;overflow:visible}.slide{position:relative;display:flex!important;width:1600px;height:900px;page-break-after:always}.nav,.overview{display:none!important}}