:root{--font-body: "Noto Sans SC", "IBM Plex Sans", "Segoe UI", sans-serif;--font-display: "Noto Sans SC", "IBM Plex Sans", "Segoe UI", sans-serif;--bg-base: #f7efe2;--bg-paper: #fffaf2;--surface: #fffdf8;--surface-alt: #fff8ee;--ink: #16253b;--ink-soft: #4b6079;--line: #d8cbb4;--line-strong: #c8b18f;--accent: #e65a2f;--accent-soft: #ffe4d6;--signal: #0c8177;--signal-soft: #d7f4ef;--cta: #0069d6;--cta-hover: #0153aa;--shadow-soft: 0 14px 40px rgba(22, 37, 59, .11)}*{box-sizing:border-box}html,body{margin:0;height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 12% 2%,rgba(230,90,47,.18),transparent 44%),radial-gradient(circle at 88% 12%,rgba(0,105,214,.16),transparent 36%),linear-gradient(180deg,var(--bg-base) 0%,#f4ecdf 38%,#f7f1e8 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(90deg,rgba(22,37,59,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(22,37,59,.03) 1px,transparent 1px);background-size:22px 22px}html:lang(zh-CN) body,html:lang(zh) body{font-family:Noto Sans SC,IBM Plex Sans,sans-serif}.bg-ring{position:fixed;z-index:0;border-radius:999px;filter:blur(20px);pointer-events:none}.ring-a{width:260px;height:260px;top:-130px;left:-120px;background:#e65a2f47}.ring-b{width:280px;height:280px;right:-140px;bottom:-130px;background:#0069d63d}.container{position:relative;z-index:1;width:min(100%,76rem);margin:0 auto;padding:.9rem .8rem 2rem}.hero{border:1px solid var(--line-strong);border-radius:22px;padding:1rem;background:linear-gradient(170deg,#fffffff0,#fffaf2f5);box-shadow:var(--shadow-soft)}.hero-top{display:grid;gap:.8rem}.chip{margin:0;width:fit-content;font-family:var(--font-display);font-size:.8rem;letter-spacing:.03em;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.3rem .68rem}.lang-wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.48rem;align-items:center}.lang-btn{border:1px solid #b9cbe2;border-radius:999px;background:#fff;color:#2b4f79;font-family:var(--font-body);font-size:.88rem;font-weight:700;padding:.44rem .82rem;cursor:pointer;transition:all .18s ease}.lang-btn:hover{border-color:#8caed4;color:#183f69}.lang-btn.active{border-color:#005cc2;background:#005cc2;color:#fff}h1{margin:.7rem 0 0;font-family:var(--font-display);font-size:clamp(1.72rem,6vw,2.75rem);line-height:1.18;letter-spacing:0}.hero-subtitle{margin:.58rem 0 0;color:var(--ink-soft);font-size:1.04rem;line-height:1.4}.guide-meta{margin-top:.92rem;border:1px solid #d8c9ae;border-radius:16px;background:#fff8eed1;padding:.75rem;display:grid;gap:.64rem}.guide-meta-row{display:grid;grid-template-columns:1fr;gap:.5rem}.guide-meta-item{border-radius:12px;background:#fff;border:1px solid #eadbc2;padding:.56rem .68rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.guide-meta-item span{color:#576d88;font-size:.82rem;font-weight:700}.guide-meta-item strong{color:#14365d;font-family:var(--font-display);font-size:.92rem;text-align:right}.driver-changelog{border-top:1px solid #e3d2b6;padding-top:.55rem}.driver-changelog summary{color:#9f3920;cursor:pointer;font-family:var(--font-display);font-size:.94rem;font-weight:800}.driver-changelog ul{margin:.48rem 0 0;padding-left:1.08rem;display:grid;gap:.28rem;color:#365473;font-size:.9rem;line-height:1.42}.source-box{margin-top:.9rem;border:1px dashed #cabca4;border-radius:14px;background:#ffffffa6;padding:.74rem .82rem;display:grid;gap:.35rem;color:#395272}.source-box strong{font-family:var(--font-display);font-size:1rem}.source-updated{font-weight:700;color:#39587c;font-size:.84rem}.phase-nav{margin-top:.95rem;display:grid;grid-template-columns:1fr;gap:.5rem}.phase-btn{border:1px solid #cfbea2;border-radius:13px;padding:.62rem;background:linear-gradient(180deg,#fffdfa,#fff5e8);color:#2d4e75;font-family:var(--font-display);font-size:.89rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.phase-btn:hover{transform:translateY(-1px);border-color:#b59568}.timeline-root{margin-top:1.02rem;display:grid;gap:.9rem}.phase-card{border:1px solid #d2c1a5;border-radius:18px;background:linear-gradient(180deg,#fffcf7,#fff7ee);box-shadow:var(--shadow-soft);padding:.9rem;position:relative;overflow:hidden;animation:card-rise .5s ease both}.phase-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 42%)}.phase-card:nth-child(1){animation-delay:.04s}.phase-card:nth-child(2){animation-delay:.08s}.phase-card:nth-child(3){animation-delay:.12s}.phase-card:nth-child(4){animation-delay:.16s}.phase-card:nth-child(5){animation-delay:.2s}.phase-card:nth-child(6){animation-delay:.24s}.phase-head{position:relative;z-index:1}.phase-index{margin:0;width:fit-content;font-family:var(--font-display);color:#0458aa;background:#dcecff;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:700}.phase-title{margin:.45rem 0 0;font-family:var(--font-display);font-size:clamp(1.35rem,4.8vw,1.78rem);line-height:1.24}.phase-desc{margin:.45rem 0 0;color:var(--ink-soft)}.step-grid{margin-top:.78rem;display:grid;gap:.72rem;grid-template-columns:1fr}.step-card{position:relative;z-index:1;border:1px solid #d7cab4;border-radius:14px;background:var(--surface-alt);padding:.74rem}.step-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between}.step-number{margin:0;border-radius:999px;background:#ffe2d3;color:#9f3920;font-family:var(--font-display);font-size:.8rem;font-weight:700;padding:.22rem .58rem}.step-deadline{border-radius:999px;background:var(--signal-soft);color:var(--signal);font-size:.76rem;font-weight:700;padding:.22rem .58rem}.step-title{margin:.55rem 0 0;font-family:var(--font-display);font-size:1.08rem;line-height:1.2}.step-notes{margin:.52rem 0 0;padding-left:1.02rem;display:grid;gap:.24rem;color:#34506f}.evidence-grid{margin-top:.68rem;display:grid;grid-template-columns:1fr;gap:.58rem}.evidence{margin:0;border:1px solid #cfbda3;border-radius:12px;overflow:hidden;background:#fefbf6}.evidence-stage{position:relative;overflow:hidden;background:linear-gradient(160deg,#f2f6fb,#fef7ee)}.evidence-trigger{border:0;padding:0;margin:0;width:100%;display:block;cursor:zoom-in;background:linear-gradient(160deg,#f2f6fb,#fef7ee)}.evidence img{width:100%;height:auto;max-height:min(58vh,28rem);object-fit:contain;display:block;margin:0 auto;transition:transform .2s ease}.step-card.has-annotated-evidence .evidence-grid{grid-template-columns:1fr}.evidence.annotated{width:100%;max-width:34rem;margin-inline:auto}.evidence.annotated img{max-height:none}.annotation-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.annotation-pin{position:absolute;left:var(--target-x);top:var(--target-y);width:1.12rem;height:1.12rem;transform:translate(-50%,-50%);display:inline-grid;place-items:center;border:2px solid #ffffff;border-radius:999px;color:#0a1e38;background:#ffd35c;box-shadow:0 0 0 2px #0a1e38c7,0 8px 18px #10253f40;font-size:clamp(.58rem,2.1vw,.72rem);font-weight:900;line-height:1}.annotation-bubble{position:absolute;left:var(--label-x);top:var(--label-y);width:min(46%,12.5rem);pointer-events:auto;z-index:1}.annotation-bubble[data-placement=right]{transform:translate(-100%,-50%)}.annotation-bubble[data-placement=left]{transform:translateY(-50%)}.annotation-bubble[data-placement=top]{transform:translate(-50%,-100%)}.annotation-bubble[data-placement=bottom]{transform:translate(-50%)}.annotation-bubble[open]{z-index:5;width:min(72%,16rem)}.annotation-bubble summary{list-style:none;display:flex;align-items:center;gap:.28rem;width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.66);border-radius:999px;padding:.2rem .42rem .2rem .24rem;color:#fff;background:#0a1e38eb;box-shadow:0 8px 22px #10253f47;cursor:pointer;font-size:clamp(.58rem,2.2vw,.78rem);font-weight:800;line-height:1.15}.annotation-bubble summary::-webkit-details-marker{display:none}.annotation-dot{flex:0 0 auto;display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;color:#0a1e38;background:#ffd35c;font-size:.68rem}.annotation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-body{margin-top:.24rem;border:1px solid rgba(14,36,65,.16);border-radius:10px;padding:.42rem .48rem;color:#13243a;background:#fffdf8f5;box-shadow:0 12px 26px #10253f33;font-size:clamp(.68rem,2.55vw,.86rem);line-height:1.28}.annotation-body p{margin:0}.annotation-limit{margin-top:.28rem!important;color:#8f321e}.evidence-trigger:hover img{transform:scale(1.01)}.evidence-trigger:focus-visible{outline:3px solid #5d9ce5;outline-offset:-3px}.evidence figcaption{padding:.46rem .52rem .5rem;color:#4a6180;font-size:.8rem}body.preview-open{overflow-y:auto}.evidence-preview{position:fixed;inset:0;z-index:50;display:grid;place-items:start center;overflow-y:auto;scroll-behavior:auto;scrollbar-gutter:stable;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:.75rem}.evidence-preview[hidden]{display:none;pointer-events:none}.evidence-preview-backdrop{position:fixed;inset:0;border:0;margin:0;padding:0;width:100%;height:100%;display:block;background:#06101fc2}.evidence-preview-dialog{margin:0;position:relative;z-index:1;width:min(100%,38rem);border:1px solid rgba(188,210,238,.45);border-radius:14px;padding:.62rem;background:#09182f;display:grid;gap:.5rem}.evidence-preview-close{position:sticky;top:0;z-index:2;justify-self:end;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(228,239,255,.64);background:#ffffff24;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.evidence-preview-image{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:10px;background:#0b203f}.evidence-preview-caption{margin:0;color:#d7e7ff;font-size:.88rem;line-height:1.45}.rule-panel,.media-panel{margin-top:1rem;border:1px solid #d0c2a9;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft);padding:.9rem}.rule-panel h2,.media-panel h2{margin:0;font-family:var(--font-display);font-size:clamp(1.32rem,4.7vw,1.8rem)}.rule-panel ul{margin:.66rem 0 0;padding-left:1.06rem;display:grid;gap:.4rem;color:#355273}.media-panel p{margin:.56rem 0 .75rem;color:var(--ink-soft)}.media-panel video{width:100%;border-radius:12px;border:1px solid #d4c7b0;background:#e8eef5}@media(min-width:560px){.container{padding-left:1rem;padding-right:1rem}.lang-wrap{justify-content:flex-end}.phase-nav,.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card.has-annotated-evidence .evidence-grid{grid-template-columns:1fr}.evidence-preview-dialog{width:min(52rem,calc(100vw - 1.8rem));max-height:calc(100vh - 1.8rem);padding:.74rem}}@media(min-width:820px){.container{padding-top:1.25rem}.hero{padding:1.2rem 1.25rem}.hero-top{grid-template-columns:1fr auto;align-items:start}h1{max-width:24ch}.guide-meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.phase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.1rem}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card.has-annotated-evidence{grid-column:1 / -1}.annotation-bubble summary{font-size:.72rem}.annotation-body{font-size:.78rem}}@media(min-width:1080px){.phase-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.evidence img{max-height:min(52vh,24rem)}.evidence.annotated img{max-height:none}}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media print{@page{size:A4 portrait;margin:12mm}body{background:#fff;color:#10263f;font-size:11pt;line-height:1.45}body:before,.bg-ring,.phase-nav,.evidence-preview,.media-panel video{display:none!important}.container{width:100%;margin:0;padding:0}.hero,.phase-card,.rule-panel,.media-panel,.step-card,.evidence{box-shadow:none;border-color:#b6c7dc;background:#fff;break-inside:avoid-page;page-break-inside:avoid}.timeline-root,.step-grid,.evidence-grid{gap:.4rem}.evidence img{max-height:48mm;transition:none}.annotation-layer{display:none!important}}