body:has(.car-guide){background:#102b3d;margin:0;overflow:hidden}.car-guide{color:#d7e8ec;flex-direction:column;height:100svh;font-family:Arial,PingFang SC,sans-serif;display:flex}.car-switcher{z-index:2;padding:env(safe-area-inset-top,0px) 20px 0;background:#102b3d;border-bottom:1px solid #315568;flex:none}.car-switcher nav{justify-content:center;gap:24px;display:flex}.car-switcher button{color:#9ab8c6;cursor:pointer;background:0 0;border:0;min-height:54px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.3;transition:color .15s;position:relative}.car-switcher strong{margin-left:5px;font-size:15px;font-weight:500}.car-switcher button[aria-pressed=true]{color:#e2f6f5}.car-switcher button:after{content:"";background:#a7e9d1;height:2px;transition:transform .15s;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.car-switcher button[aria-pressed=true]:after{transform:scaleX(1)}.car-switcher button:focus-visible{outline-offset:-5px;border-radius:4px;outline:2px solid #a7e9d1}#car-content{flex:1;min-height:0;position:relative}#car-view{background:#102b3d;border:0;width:100%;height:100%;display:block}#car-switch-status{color:#9ab8c6;pointer-events:none;background:#102b3d;place-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0}#car-switch-status[hidden]{display:none}@media (width<=760px){.car-switcher{padding-left:12px;padding-right:12px}.car-switcher nav{gap:8px}.car-switcher button{flex:1;min-height:50px;padding:0 6px}.car-switcher strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.car-switcher button,.car-switcher button:after{transition:none}}body{background:#102b3d;margin:0}.blueprint{--ink:#d7e8ec;--muted:#a1bcc9;--line:#315568;--accent:#bce9f3;color:var(--ink);background:#102b3d;min-height:100svh;font-family:Arial,PingFang SC,Microsoft Yahei,sans-serif}.blueprint *{box-sizing:border-box}.blueprint ::selection{color:#102b3d;background:#92cadb}.blueprint a{color:inherit;text-underline-offset:4px}.blueprint button,.blueprint select{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:2px}.blueprint button{padding:8px 11px}.blueprint button:hover,.blueprint button[aria-pressed=true]{color:#fff;background:#284c60}.blueprint button:disabled{opacity:.35;cursor:default}.blueprint :focus-visible{outline-offset:3px;outline:2px solid #e6faff}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;margin:0 3vw;font-size:12px;display:flex}.masthead a{text-decoration:none}.masthead span{color:var(--muted);margin-left:10px}.masthead h1{margin:0;font-size:14px;font-weight:500}.masthead h1 span{font-size:11px}.story-layout{grid-template-columns:minmax(190px,23%) minmax(0,77%);gap:2vw;margin:0 2vw 0 4vw;display:grid}.reading{min-width:0}.chapter{min-height:100svh;padding:25svh 1vw 15svh 0;scroll-margin-top:0;position:relative}.chapter-index{color:var(--muted);margin-bottom:20px;font-size:12px;display:block}.chapter h2{letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(23px,2vw,34px);font-weight:500;line-height:1.4}.chapter .lead{color:var(--muted);max-width:18em;font-size:16px;line-height:1.9}.drawing{border-left:1px solid var(--line);background:#102b3d;flex-direction:column;align-self:start;min-width:0;height:calc(100svh - 78px);min-height:550px;padding-left:18px;display:flex;position:sticky;top:10px}.stage-heading{align-items:center;gap:12px;min-height:45px;font-size:12px;display:flex}.stage-heading>span{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.stage-heading p{flex:1;margin:0;font-size:14px}.stage-heading button{white-space:nowrap;font-size:11px}.chapter-nav{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:8px;padding:7px 0;display:flex}.chapter-nav select{border:0;flex:1;width:0;padding:8px;font-size:12px}.chapter-nav select option{background:#102b3d}.chapter-nav button{min-width:40px}.visual-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(215px,28%);gap:16px;min-height:0;display:grid}.model-area{flex-direction:column;min-width:0;min-height:0;display:flex}.scene-wrap{flex:1;min-height:160px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:pan-y!important}#loading{text-align:center;color:var(--muted);font-size:13px;line-height:1.8;position:absolute;top:40%;left:10%;right:10%}#annotations{pointer-events:none;position:absolute;inset:0;overflow:hidden}.annotation{white-space:normal;text-align:center;color:#d9f7ff;background:#102b3ded;border:1px solid #537c91;width:max-content;max-width:calc(100% - 16px);padding:5px 8px;font-size:11px;line-height:1.6;position:absolute;top:0;left:0}.annotation-dot{background:#d9f7ff;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.annotation-leader{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.annotation-leader line{stroke:#82b3c9;stroke-width:1px}.model-inspector{scrollbar-width:thin;scrollbar-color:#537c91 #102b3d;min-width:0;padding-right:5px;overflow:auto}.inspector-heading{z-index:1;color:var(--muted);border-bottom:1px solid var(--line);background:#102b3d;justify-content:space-between;padding:10px 0;font-size:11px;display:flex;position:sticky;top:0}#inspector-rows{flex-direction:column;display:flex}.inspector-row{border-bottom:1px solid var(--line);min-width:0;padding:5px 0;position:relative}.blueprint .inspector-value{z-index:1;text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:9px 6px;font-size:11px;line-height:1.5;display:flex;position:relative}.inspector-value>span{color:var(--muted)}.inspector-value strong{font-variant-numeric:tabular-nums;font-size:clamp(18px,1.55vw,25px);font-weight:500;line-height:1.3}.inspector-value em{color:#bce9f3;margin-top:2px;font-size:11px;font-style:normal}.metric-bar{background:#1c4054;height:3px;position:absolute;bottom:0;left:0;right:0}.metric-bar span{transform-origin:0;background:#74b7c7;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1);display:block}#stage-sources{color:var(--muted);padding:16px 5px;font-size:11px;line-height:1.8}#stage-sources summary{cursor:pointer}#source-content a{margin:10px 0;display:block}#source-content p{font-size:11px}.stage-bottom{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:8px;padding:8px 0;font-size:10px;line-height:1.6;display:flex}.stage-bottom p{margin:0}.explorer{font-size:11px;position:relative}.explorer>summary{cursor:pointer;color:#bed3db;padding:10px 0}.explorer>summary span{float:right;color:var(--muted);font-size:10px}.explorer-content{z-index:5;background:#153548;border:1px solid #537c91;max-height:55svh;padding:16px;position:absolute;bottom:100%;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #081d3066}.explorer-content>div{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.explorer-content button{min-height:34px;font-size:11px}.options{align-items:center}.options label{align-items:center;gap:4px;min-height:36px;margin-right:8px;display:flex}.blueprint input{accent-color:#b4e5ed}.explorer-content p{color:var(--muted);margin:0;line-height:1.7}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#turn-controls:not([hidden]),.demo-timeline{border-top:1px solid var(--line);align-items:center;gap:8px;padding:9px 0;font-size:11px;display:flex}#turn-controls input,.demo-timeline input{flex:1;min-width:40px}#turn-status{color:var(--muted);max-width:10em;font-size:10px}#turn-controls button,.demo-timeline button,.demo-options button{white-space:nowrap;padding:8px;font-size:11px}.demo-options{flex-wrap:wrap;align-items:center;gap:7px;padding:10px 0;font-size:11px;display:flex}.demo-options>span{color:var(--muted);font-size:10px}.demo-options label{margin-left:auto}.demo-caption,#range-caption{color:var(--muted);font-size:10px;line-height:1.6}.energy-track{background:#25485d;height:7px;margin:10px 0}.energy-track>span{transform-origin:0;background:#83d5c4;width:100%;height:100%;transition:transform .75s cubic-bezier(.16,1,.3,1);display:block}#live-hud:not([hidden]){pointer-events:none;background:linear-gradient(#102b3d,#102b3dcc,#0000);justify-content:center;gap:18px;padding:8px 4px 22px;display:flex;position:absolute;top:12px;left:8px;right:8px}#live-hud>div{flex-direction:column;gap:3px;min-width:70px;display:flex}#live-hud span{color:var(--muted);font-size:10px}#live-hud strong{font-variant-numeric:tabular-nums;font-size:clamp(23px,3vw,42px);font-weight:500;line-height:1.15}#live-hud small{color:var(--muted);font-size:10px}#live-hud[data-kind=clearance] strong{color:#ffd591}@media (width<=1050px) and (width>=761px){.story-layout{grid-template-columns:180px minmax(0,1fr);gap:14px;margin-left:20px}.visual-body{grid-template-columns:minmax(0,1fr) 185px;gap:8px}.drawing{padding-left:10px}.inspector-value strong{font-size:18px}.chapter .lead{font-size:14px}.chapter h2{font-size:25px}}@media (width<=760px){.masthead{height:48px;margin:0 16px;font-size:10px}.masthead h1{font-size:12px}.masthead h1 span{font-size:10px}.story-layout{margin:0 16px;display:block}.reading{display:none}.drawing{border:0;height:auto;min-height:calc(100svh - 48px);padding:0;position:relative;top:auto}.stage-heading{gap:8px;min-height:46px}.stage-heading p{font-size:12px}.stage-heading>span{font-size:10px}.stage-heading button{padding:7px;font-size:10px}.chapter-nav{z-index:5;background:#102b3d;margin:0;padding:5px 0;position:sticky;top:0}.chapter-nav button{min-height:36px}.visual-body{flex-direction:column;gap:12px;min-height:0;display:flex}.model-area{min-height:0}.scene-wrap{flex:none;height:46svh;min-height:290px}.model-inspector{max-height:none;padding:0;overflow:visible}.inspector-heading{padding:8px 0;position:static}#inspector-rows{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.blueprint .inspector-value{min-height:85px;padding:12px 4px}.inspector-value strong{font-size:23px}.inspector-value>span,.inspector-value em{font-size:11px}.annotation{padding:4px 6px;font-size:10px}.stage-bottom{font-size:10px}.explorer>summary{padding:14px 0}.explorer-content{max-height:60svh}#turn-controls label{display:none}#turn-status{font-size:9px}#turn-controls button,.demo-timeline button,.demo-options button{min-height:36px}.demo-options>span{width:100%}#live-hud strong{font-size:31px}#live-hud{gap:18px}#stage-sources{padding:18px 4px}.drawing[data-chapter=turning] .scene-wrap{height:52svh}.drawing[data-chapter=performance] .scene-wrap{height:43svh}}@media (prefers-reduced-motion:reduce){.metric-bar span,.energy-track>span{transition:none}}.blueprint .inspector-value:disabled{opacity:1;cursor:default}.blueprint .inspector-value:disabled:hover{color:inherit;background:0 0}.visual-body{flex:1;min-height:0;display:flex!important}.model-area{flex:1;width:100%}.scene-wrap{flex:1;min-height:360px}#live-hud,#annotations{display:none!important}#diagram-pages{justify-content:center;gap:12px;padding:5px;display:flex}#diagram-pages button{font-size:12px}#stage-sources{max-height:150px;padding:4px 14px;font-size:12px;overflow:auto}#stage-sources summary{cursor:pointer;color:var(--muted)}@media (width<=760px){.drawing{height:auto;min-height:calc(100svh - 60px)}.scene-wrap,.drawing[data-chapter] .scene-wrap{flex:none;height:64svh;min-height:460px}.visual-body{display:block!important}.model-area{height:auto}.energy-track{display:none}}.scroll-cue{display:none}@media (width<=760px){.masthead{display:none}.story-layout{grid-template-columns:minmax(0,1fr);gap:0;margin:0 16px;display:grid}.reading{visibility:hidden;pointer-events:none;grid-area:1/1;display:block}.chapter{height:110svh;min-height:110svh;padding:0}.chapter>*{display:none}.drawing{grid-area:1/1;align-self:start;height:100svh;min-height:0;max-height:100svh;position:sticky;top:0}.drawing:before{content:"";height:2px;transform:scaleX(var(--chapter-progress,0));transform-origin:0;background:#89dfcb;position:absolute;top:0;left:0;right:0}.chapter-nav{display:none}.scroll-cue{color:var(--muted);justify-content:space-between;padding:2px 0 8px;font-size:10px;display:flex}.visual-body{flex:1;min-height:0}.model-area{flex-direction:column;height:100%;display:flex}.scene-wrap,.drawing[data-chapter] .scene-wrap{flex:none;height:calc(100svh - 270px);min-height:190px}#drive-controls,#range-controls,#charge-controls,#turn-controls{overscroll-behavior:contain;max-height:130px;overflow-y:auto}#diagram-pages{flex-shrink:0;gap:8px;padding:4px}#diagram-pages button{padding:7px;font-size:11px}#stage-sources{flex-shrink:0;max-height:100px;padding:3px 4px}.stage-bottom{display:none}.explorer{flex-shrink:0}.explorer>summary{padding:9px 0}}.chapter-nav{display:none}.scroll-cue{color:var(--muted);justify-content:space-between;padding:2px 0 8px;font-size:10px;display:flex}@media (width>=761px){.drawing:before{content:"";height:2px;transform:scaleX(var(--chapter-progress,0));transform-origin:0;background:#89dfcb;position:absolute;top:0;left:18px;right:0}.scene-wrap{flex:none;height:calc(100svh - 320px);min-height:190px}#drive-controls,#range-controls,#charge-controls,#turn-controls{max-height:130px;overflow-y:auto}}#drive-controls,#range-controls,#charge-controls,#turn-controls{flex-shrink:0}@media (width>=761px){.scene-wrap{height:calc(100svh - 450px)}}#cabin-controls:not([hidden]){flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;max-height:115px;padding:8px 0;display:flex;overflow-y:auto}#cabin-controls button{min-height:34px;padding:7px;font-size:11px}#cabin-controls span{color:var(--muted);font-size:10px}@media (width<=760px){.scene-wrap,.drawing[data-chapter] .scene-wrap{height:calc(100svh - 310px)}}@media (width>=761px){.chapter{min-height:calc(100svh * var(--steps,1))}.chapter>*{position:relative}}@media (width<=760px){.chapter{height:calc(110svh * var(--steps,1));min-height:calc(110svh * var(--steps,1))}}@media (width>=761px){.chapter-summary{position:sticky;top:25svh}}.drawing{border:0;height:100svh;min-height:0;max-height:100svh;padding:0;top:0}.drawing:before{display:none}.visual-body{width:100%;height:100%;display:flex!important}.model-area{justify-content:center;height:100%;position:relative}.scene-wrap,.drawing[data-chapter] .scene-wrap{flex:none;width:100%;height:80svh;min-height:190px}.scroll-cue{z-index:2;pointer-events:none;justify-content:center;gap:12px;position:absolute;bottom:14px;left:0;right:0}#cabin-controls,#drive-controls,#range-controls,#charge-controls,#turn-controls{z-index:3;background:#102b3deb;position:absolute;bottom:42px;left:0;right:0}.vehicle-identity{margin-bottom:48px}.vehicle-identity p{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.8}.vehicle-identity h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(36px,4vw,58px);font-weight:500}@media (width>=761px){.chapter{padding-top:25svh}.chapter-summary{top:25svh}}@media (width<=760px){.scene-wrap,.drawing[data-chapter] .scene-wrap{height:80svh}.drawing{height:100svh}.model-area{height:100%}.scroll-cue{font-size:10px}#cabin-controls,#drive-controls,#range-controls,#charge-controls,#turn-controls{transform:translateY(var(--scroll-y,0px));filter:blur(var(--scroll-blur,0px));opacity:var(--scroll-opacity,1)}}@media (prefers-reduced-motion:reduce){#cabin-controls,#drive-controls,#range-controls,#charge-controls,#turn-controls{filter:none;opacity:1;transform:none}}@media (width>=761px){.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3vw;margin:0 3vw}.chapter{min-height:100svh;padding:18svh 2vw 12svh 0}.chapter-summary{max-width:540px;top:18svh}.chapter h2{margin-bottom:30px;font-size:clamp(26px,2.5vw,38px)}.vehicle-identity{margin-bottom:30px}.vehicle-identity h1{font-size:clamp(36px,3.5vw,52px)}.buying-advice{gap:26px;display:grid}.advice-group h3{letter-spacing:.04em;color:#89dfcb;margin:0 0 10px;font-size:14px;font-weight:600}.advice-group.bad h3{color:#efb39f}.advice-group ul{margin:0;padding-left:1.15em}.advice-group li{color:#c4d9e2;margin:0 0 10px;padding-left:5px;font-size:clamp(14px,1.15vw,17px);line-height:1.8}.advice-group li:last-child{margin-bottom:0}.advice-group li::marker{color:#6d97a9;font-size:.7em}}@media (width>=761px) and (height<=760px){.chapter{padding-top:10svh}.chapter-summary{top:10svh}.vehicle-identity{margin-bottom:18px}.buying-advice{gap:18px}.chapter h2{margin-bottom:20px}}body:has(.ex30){background:#102b3d;margin:0}.ex30{--ink:#d7e8ec;--muted:#9ab8c6;--rule:#315568;color:var(--ink);background:#102b3d;min-height:100svh;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.ex30 *{box-sizing:border-box}.ex30-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.ex30-reading{min-width:0}.ex30-chapter{height:115svh;padding:20svh 6vw 10svh;position:relative}.ex30-summary{max-width:33em;position:sticky;top:20svh}.ex30-identity{margin-bottom:36px}.ex30-identity>p:first-child{letter-spacing:.25em;font-size:13px}.ex30-identity h1{letter-spacing:-.06em;margin:8px 0 15px;font-size:clamp(48px,6vw,88px);font-weight:400}.ex30-identity p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.ex30-summary h2{letter-spacing:-.025em;margin:0 0 32px;font-size:clamp(24px,2.5vw,37px);font-weight:400;line-height:1.3}.ex30-summary h3{letter-spacing:.13em;margin:0 0 10px;font-size:12px;font-weight:500}.ex30-summary ul{max-width:30em;margin:0;padding:0;list-style:none}.ex30-summary li{margin:0 0 7px;font-size:15px;line-height:1.8}.ex30-good{margin:0 0 25px}.ex30-good h3{color:#a7e9d1}.ex30-bad{color:#a6bfcc}.ex30-bad h3{color:#e4bfa9}.ex30-stage{border-left:1px solid #234657;align-self:start;height:100svh;position:sticky;top:0;overflow:hidden}.ex30-stage:before{content:"";height:2px;transform:scaleX(var(--ex30-progress,0));transform-origin:0;z-index:2;background:#a7e9d1;position:absolute;top:0;left:0;right:0}#ex30-viewport{position:absolute;inset:0}#ex30-viewport canvas{width:100%;height:100%;display:block;touch-action:pan-y!important}#ex30-loading{text-align:center;width:100%;color:var(--muted);font-size:13px;position:absolute;top:45%}.ex30-scroll{bottom:max(14px,env(safe-area-inset-bottom));letter-spacing:.08em;color:#7398aa;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;left:25px;right:25px}.ex30-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.ex30 ::selection{color:#102b3d;background:#6fabb9}@media (width<=760px){.ex30-layout{grid-template-columns:1fr;display:grid}.ex30-reading,.ex30-stage{grid-area:1/1}.ex30-reading{pointer-events:none;visibility:hidden}.ex30-summary{display:none}.ex30-chapter{height:100svh;padding:0}.ex30-stage{border-left:none;height:100svh}.ex30-scroll{font-size:10px;left:20px;right:20px}.ex30-sr-only{visibility:visible}}.cover[data-astro-cid-k4zu2kya]{color:oklch(96% .02 240);background:oklch(30% .08 255);width:1200px;height:630px;padding:36px 44px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.cover[data-astro-cid-k4zu2kya] img[data-astro-cid-k4zu2kya]{width:1200px;height:auto;position:absolute;top:90px;left:70px}.cover[data-astro-cid-k4zu2kya] header[data-astro-cid-k4zu2kya],.cover[data-astro-cid-k4zu2kya] h1[data-astro-cid-k4zu2kya],.cover[data-astro-cid-k4zu2kya] p[data-astro-cid-k4zu2kya],.cover[data-astro-cid-k4zu2kya] footer[data-astro-cid-k4zu2kya]{position:relative}.cover[data-astro-cid-k4zu2kya] header[data-astro-cid-k4zu2kya]{font-size:16px}.cover[data-astro-cid-k4zu2kya] header[data-astro-cid-k4zu2kya] span[data-astro-cid-k4zu2kya]{color:oklch(78% .055 240);margin-left:16px}.cover[data-astro-cid-k4zu2kya] h1[data-astro-cid-k4zu2kya]{letter-spacing:-.035em;margin:52px 0 10px;font-size:76px;font-weight:400}.cover[data-astro-cid-k4zu2kya] p[data-astro-cid-k4zu2kya]{margin:0;font-size:20px}.cover[data-astro-cid-k4zu2kya] footer[data-astro-cid-k4zu2kya]{border-top:1px solid oklch(52% .065 250);justify-content:space-between;padding-top:20px;font-size:14px;display:flex;position:absolute;bottom:30px;left:44px;right:44px}