:root{color-scheme:light;--bg:#f3f6fa;--paper:#fff;--text:#233348;--muted:#61738b;--line:#dce4ed;--accent:#176b8c;--soft:#e9f3f7;--side:#20364c;--code:#edf2f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:15px/1.85 "Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--paper);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;line-height:1.5}button:hover,.button:hover{border-color:var(--accent);text-decoration:none}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}aside{position:fixed;width:250px;inset:0 auto 0 0;background:var(--side);color:#d1dfea;display:flex;flex-direction:column;padding:30px 20px;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:20px}.brand img{width:40px;height:40px;object-fit:cover;border-radius:10px}.brand strong{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:#a7bfd2}.search{margin:30px 0 16px}.search span{font-size:11px;color:#a7bfd2}.search input{background:#2c455e;border-color:#40566b;color:white;font-size:12px}.search input::placeholder{color:#b4c5d4}nav{overflow:auto;flex:1}nav a{display:block;color:#c3d2df;padding:9px 12px;font-size:13px;border-radius:6px;margin:3px 0}nav a.active{color:white;background:#365773;border-left:3px solid #70b8d4}nav a:hover{color:white;background:#2d4861;text-decoration:none}.side-bottom{font-size:11px;color:#a7bfd2;padding-top:20px;border-top:1px solid #3c5165}.side-bottom a{display:block;color:#e0edf5;margin-top:8px}.workspace{margin-left:250px}header{height:68px;position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:12px;font-size:12px;color:var(--muted)}header div{display:flex;gap:8px}#menu{display:none}main{max-width:1240px;margin:auto;padding:0 48px}section{padding:56px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;padding:15px 0 45px}.eyebrow,.section-kicker{font-size:12px;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(34px,3.5vw,52px);font-weight:600;line-height:1.35;letter-spacing:-1px;margin:14px 0 24px}h2{font-size:26px;line-height:1.5;font-weight:600;margin:0 0 20px}h3{font-size:17px;font-weight:600;margin:25px 0 10px}p{margin:10px 0 16px;max-width:78ch}.lead{font-size:15px;color:var(--muted)}.handoff-note{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:12px;font-size:13px;box-shadow:0 8px 30px #253f5b06}.handoff-note dl{margin:22px 0;display:grid;grid-template-columns:80px 1fr;row-gap:12px}.handoff-note dt{color:var(--muted)}.handoff-note dd{margin:0}.handoff-note p{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);margin-bottom:0}.live-dot{display:inline-block;width:7px;height:7px;background:#39876b;border-radius:50%;margin-right:7px}.intro-route{border-top:1px solid var(--line);padding-top:24px}.intro-route h2{font-size:16px}.intro-route ol{list-style:none;counter-reset:route;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.intro-route li{counter-increment:route;border-left:1px solid var(--line);padding-left:16px}.intro-route li:before{content:counter(route);display:block;color:var(--muted);font-size:12px}.intro-route a{font-size:14px}.intro-route span{display:block;color:var(--muted);font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}.feature-grid article{border-top:1px solid var(--line);padding:2px 0 15px}.feature-grid p{color:var(--muted);font-size:14px}.callout{background:var(--soft);border-left:3px solid var(--accent);padding:16px 20px;font-size:13px;margin:24px 0;border-radius:0 8px 8px 0}.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-weight:600;background:var(--code);white-space:nowrap}td,th{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td,tr:last-child th{border-bottom:0}code{font-family:Consolas,"Cascadia Code",monospace;font-size:12px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;background:var(--code);padding:20px;border-radius:8px}.flow{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center;gap:12px}.flow small{color:var(--muted);font-size:12px}.flow b{color:var(--muted)}.steps{padding-left:24px}.steps li{padding:5px 0 8px 8px}.link-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.link-row a{border-bottom:1px solid var(--line);padding-bottom:5px;font-size:13px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:230px}.toolbar span,.muted{color:var(--muted);font-size:12px}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--text);font:inherit;font-size:13px;line-height:1.6;border-radius:7px;padding:10px 12px}label{display:block;font-size:13px;margin:14px 0}label input,label select,label textarea{display:block;margin-top:6px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #5b9fbc;outline-offset:3px}textarea{resize:vertical}.test-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.test-layout form{padding:5px 22px 20px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.test-layout form>.primary{margin-top:20px}.result-pane{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.result-title{display:flex;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line);font-size:13px}.result-title span{font-size:11px;color:var(--muted)}.result-title button{margin-left:auto;padding:5px 9px}.result-pane pre{margin:0;background:transparent;min-height:250px;max-height:560px;overflow:auto}.download-panel{display:flex;gap:25px;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);padding:25px;border-radius:12px}.download-panel h3{margin-top:0}.download-panel button{flex-shrink:0}.checklist{padding-left:20px}.checklist li{padding:5px}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:500;font-size:15px}details p{font-size:14px;color:var(--muted)}footer{padding:35px 0 50px;font-size:14px}footer span,footer p{font-size:11px;color:var(--muted)}dialog{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:30px;width:440px;max-width:calc(100% - 30px)}dialog::backdrop{background:#14283e88;backdrop-filter:blur(3px)}dialog h2{font-size:22px}dialog p{font-size:13px;color:var(--muted)}#authError{color:#ac3b36}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#24465c;color:white;padding:10px 20px;border-radius:9px;opacity:0;pointer-events:none;z-index:100;font-size:13px}#toast.show{opacity:1}.empty{padding:30px;color:var(--muted)}[hidden]{display:none!important}body.dark{color-scheme:dark;--bg:#172333;--paper:#213146;--text:#d4dfeb;--muted:#a3b5c9;--line:#394c61;--accent:#85bfd8;--soft:#243d50;--side:#122234;--code:#293c51}body.dark .primary{color:#122638}body.dark .search input{background:#243b51}@media(max-width:1100px){aside{width:215px}.workspace{margin-left:215px}main{padding:0 28px}.hero{gap:24px;grid-template-columns:1.2fr 1fr}.test-layout{grid-template-columns:1fr}.intro-route ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{transform:translateX(-100%);width:250px;transition:transform .15s}body.nav-open aside{transform:translateX(0)}.workspace{margin-left:0}#menu{display:block}header{padding:0 16px;height:60px}header>span{display:none}main{padding:0 20px}section{padding:35px 0}.hero{grid-template-columns:1fr;padding-bottom:25px}h1{font-size:36px}.feature-grid{grid-template-columns:1fr}h2{font-size:23px}.download-panel{display:block}.flow{flex-direction:column}.flow b{transform:rotate(90deg)}.toolbar>*{width:100%;max-width:none!important}.test-layout{gap:15px}footer{padding-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{aside,header,button,.actions,.toolbar,dialog,#toast{display:none!important}.workspace{margin:0}main{padding:0;max-width:100%}section{padding:20px 0;break-inside:auto}.hero{grid-template-columns:1fr 1fr}body{background:white;color:#222}pre{max-height:none!important}.table-wrap{overflow:visible}a{color:#234}footer{padding:15px 0}}