@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--paper:#111213;--card:#1b1d1f;--ink:#f1eee7;--muted:#a7aaa9;--line:#353739;--orange:#ff7947;--orange-dark:#ff956d;--red:#ffab93;--radius:14px;--shadow:none}
body{font-family:Manrope,"PingFang SC","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8;caret-color:var(--orange)}
:lang(zh-CN){font-family:"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC",sans-serif;letter-spacing:0}
:lang(zh-CN) h1,:lang(zh-CN) h2,:lang(zh-CN) h3,:lang(zh-CN) button{font-family:"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC",sans-serif;font-weight:600;letter-spacing:-.018em!important}
:lang(zh-CN) p,:lang(zh-CN) small,:lang(zh-CN) label,:lang(zh-CN) strong,:lang(zh-CN) b{font-weight:400;letter-spacing:0}
::selection{background:#ff7947;color:#151515}*{scrollbar-color:#646363 #18191a;scrollbar-width:thin}button,a,input,select{touch-action:manipulation}button{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffad8a;outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3{text-wrap:balance;letter-spacing:-.03em!important}p{max-width:72ch}.eyebrow{display:none}small{line-height:1.6}
main{max-width:1400px;padding:0 56px}.topbar{background:#111213;backdrop-filter:none;border-color:var(--line)}.topbar-inner{max-width:1400px;padding:20px 56px}.brand{font-size:24px;letter-spacing:-.035em}.nav{gap:30px;font-size:14px}.pill{border-color:#666;padding:8px 20px}.hero{min-height:720px;padding:72px 0 88px;gap:30px;grid-template-columns:1fr 1.12fr}.hero h1{font-size:clamp(38px,4.4vw,65px);line-height:1.3;font-weight:700;margin:16px 0 26px}.hero h1 span{display:inline;color:var(--ink)}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:17px;color:#b4b5b2;line-height:1.9;max-width:32em}.hero-wordmark{font-size:clamp(44px,6vw,88px);line-height:1.15;letter-spacing:-.04em;font-weight:700}.hero-meta{display:flex;gap:18px;color:#b9b9b6;font-size:12px;margin-top:24px}.hero-art{margin:0;align-self:center}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block}.hero-art figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a6a6a2;margin:18px 15px 0}.hero-art .mini-route{border-top:1px solid #434443;padding-top:12px}.primary,.secondary{border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700}.secondary{border-color:#555}.primary{color:#201510}.hero-actions{gap:12px}.section{padding:96px 0;scroll-margin-top:84px}.section-intro{gap:72px;margin-bottom:40px;align-items:center}.section h2{font-size:clamp(30px,3.5vw,48px);line-height:1.35;font-weight:600}.section-intro p{font-size:15px;line-height:1.9;max-width:420px}.quote-board{background:none;border:0;border-radius:0;gap:26px}.quote{padding:20px 0;min-height:180px;border-top:1px solid #555;background:none}.quote b{font-size:13px;color:#aaa;margin-bottom:24px;font-weight:500}.quote q{font-size:23px;line-height:1.7;font-weight:600}.quote small{font-size:12px;margin-top:18px}.photo-story{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:44px}.photo-story figure{margin:0}.photo-story img{width:100%;height:340px;object-fit:cover;display:block;border-radius:4px}.photo-story figure:last-child img{object-position:center 56%}.photo-story figcaption{font-size:12px;color:#ababaa;margin-top:12px}.photo-story figcaption a{color:#d3d3cf;text-decoration:underline;text-underline-offset:4px}.photo-story strong{font-weight:500;color:#eee}.flow{display:none}
.flow-canvas{overflow-x:auto;padding:32px 24px;background:#17191a;border:1px solid #333637;border-radius:12px}.flow-lanes{min-width:990px}.lane-caption{display:flex;gap:12px;align-items:center;font-size:12px;color:#b6b8b5;margin-bottom:24px}.lane-caption span{display:inline-block;width:28px;height:2px;background:var(--orange)}.wire-row{display:grid;grid-template-columns:repeat(6,1fr);gap:27px}.wire-node{position:relative;min-width:0}.wire-node:not(:last-child):after{content:'→';position:absolute;right:-22px;top:100px;color:#ff9368;font-size:20px}.wire-device{height:207px;border:1px solid #666b6c;border-radius:12px;padding:13px 12px;background:#1c1f20}.wire-device header{font-size:11px;display:flex;justify-content:space-between;color:#b4b6b5;margin-bottom:15px}.wire-device h4{font-size:14px;margin:0 0 16px;font-weight:600}.wire-line{height:9px;border-radius:2px;background:#505454;margin:9px 0}.wire-line.short{width:60%}.wire-box{border:1px solid #5a5d5d;height:34px;border-radius:3px;margin-bottom:8px;font-size:9px;display:flex;align-items:center;padding:6px;color:#ccc}.wire-button{font-size:9px;padding:4px;background:#6b4d3e;border:1px solid #a7785e;border-radius:3px;text-align:center;margin-top:14px}.wire-node>b{display:block;font-size:13px;margin-top:14px;font-weight:600}.wire-node>p{font-size:11px;color:#b4b5b4;margin:4px 0}.branch-row{display:flex;gap:20px;margin-top:28px;padding-top:24px;border-top:1px dashed #555}.branch-row div{flex:1;font-size:12px;color:#b9b9b6}.branch-row strong{display:block;color:#ffad8b;font-weight:500;margin-bottom:5px}.flow-caption{font-size:12px;color:var(--muted);margin:18px 0 0}.prototype-intro{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px}.prototype-intro h3{font-size:18px;margin:0;font-weight:600}.prototype-intro span{font-size:12px;color:#a8aaa7}.step-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:0 0 30px}.step-thumb{text-align:left;cursor:pointer;min-width:0;border:0;border-bottom:2px solid transparent;padding:0 0 12px;background:none;color:#aaa;transition:border-color .15s}.step-thumb[aria-pressed=true]{border-color:var(--orange);color:#fff}.step-thumb:hover .mini-screen{border-color:#ff7947}.mini-screen{display:block;background:#202325;border:1px solid #3f4344;border-radius:10px;padding:12px;height:185px;overflow:hidden;pointer-events:none}.mini-screen>small{font-size:9px;color:#aeb2b1;display:block;margin-bottom:10px}.mini-screen strong{display:block;font-size:12px;line-height:1.6;margin-bottom:12px}.mini-screen i{display:block;font-style:normal;font-size:9px;padding:6px;margin-bottom:7px;border:1px solid #44494a;border-radius:4px;color:#d9d8d1}.mini-screen em{display:block;font-style:normal;background:#ff7947;color:#1a1513;font-size:8px;padding:5px;text-align:center;border-radius:4px;margin-top:8px}.mini-screen img{width:100%;height:48px;object-fit:cover;border-radius:3px}.step-thumb>b{display:block;font-size:12px;margin-top:10px;font-weight:500}.app-shell{background:#1a1c1e;border:1px solid #383b3d;border-radius:16px;grid-template-columns:172px 1fr;padding:24px;gap:26px}.side{padding:12px 18px 12px 0;border-color:#3e4244}.side-nav{gap:8px}.side-nav button{background:none;border:0;border-radius:6px;padding:10px;text-align:left;color:#afb6b4;font-size:13px}.side-nav button.active{background:#35302d;color:#ffad8b}.side-foot{margin-top:80px}.screen-top{gap:20px;margin-bottom:24px}.screen-top h3{font-size:23px;line-height:1.5;font-weight:600}.screen-top small{font-size:12px}.chip{background:#323839;color:#d6dcda;font-size:11px;white-space:nowrap}.candidate{background:#222628;border-color:#42484a;transform:none!important;border-radius:10px;grid-template-columns:1fr auto;padding:19px}.candidate.selected{background:#2b2825}.candidate .title{font-size:17px;font-weight:600}.candidate small{font-size:12px;color:#b1b8b6}.meter{margin-top:10px}.score{font-size:20px;color:#ffae86}.tag{font-size:11px}.vote-btn{font-size:12px;color:#201510;min-height:44px}.vote-btn.voted{background:#d7f0ee}.tab{min-height:44px;font-size:12px;border-color:#576366}.tab.active{background:#e6e5dc;color:#202627}.detail{background:#262b2d}.detail label{color:#b2bcb9;font-size:12px}.detail strong{font-size:14px;font-weight:500}.source-note{font-size:12px;color:#b4b8b4}.risk{background:#2a2421;border:1px solid #654636;border-radius:12px;padding:24px}.risk p{color:#d4beb2;line-height:1.9}.risk strong{font-weight:600}.test-grid{grid-template-columns:1.1fr 1fr;gap:60px}.principles{grid-template-columns:1fr;gap:25px}.principle{border-top:1px solid #555;padding-top:15px}.principle b{font-size:20px;font-weight:600}.principle p{font-size:14px;margin-top:6px}.test-row{padding:20px 0;gap:25px}.test-row span{min-width:76px}.test-row b{font-weight:500;font-size:14px}.footer{font-size:13px}.drawer{border:1px solid #50504b;max-height:90vh;overflow:auto;border-radius:16px}.choice span{font-size:14px}.close{width:44px;height:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{font-size:13px;color:#bcc0bd}.form-grid input,.form-grid select{display:block;margin-top:9px;width:100%;min-height:48px;background:#262a2c;color:#f0eee7;border:1px solid #5b6365;border-radius:6px;padding:12px;font:inherit}.form-grid .full{grid-column:1/-1}.step-copy{color:#b7bcb9;font-size:14px;margin-bottom:26px}.next-action{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.next-action small{color:#abb3af}.need-list{display:grid;gap:0}.need-item{padding:16px 0;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.need-item strong{font-weight:500}.need-item span{color:#ffad8b;font-size:12px}.checklist label{display:block;padding:16px 0;border-bottom:1px solid #444;font-size:14px}.checklist input{accent-color:var(--orange);width:18px;height:18px;margin-right:12px}.session-note{font-size:12px;color:#a8adaa;margin:16px 0 0}.prototype-photo{width:100%;height:180px;object-fit:cover;border-radius:8px;display:block;margin:18px 0}.toast{border:1px solid #565d5b;max-width:90vw;border-radius:8px}.match-preview{flex-wrap:wrap}.credits{font-size:12px;color:#a6aaa8}.credits a{text-decoration:underline;text-underline-offset:4px}
.candidate[hidden]{display:none}.app-shell{scroll-margin-top:95px}.wire-device{height:238px}.mini-screen{height:210px}.source-note{color:#b4b8b4}
.wire-device{height:290px}.step-gallery .mini-screen{height:245px}.mini-screen em{margin-top:10px}.step-thumb{align-self:start}.need-item span{text-align:right;max-width:65%}.form-grid input{min-width:0}.hero-art img{border-radius:8px}
.hero{position:relative;isolation:isolate;min-height:calc(100vh - 72px);display:flex;align-items:center;overflow:hidden}
.hero>div:first-child{position:relative;z-index:2;width:48%;max-width:640px}
.hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#111213 0%,rgba(17,18,19,.96) 28%,rgba(17,18,19,.78) 49%,rgba(17,18,19,.22) 75%,rgba(17,18,19,.06) 100%);pointer-events:none}
.hero-art{position:absolute;z-index:0;inset:-4% -5% -4% 35%;margin:0;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,rgba(255,121,71,.13),transparent 33%);z-index:-1}
.hero-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;display:block;mix-blend-mode:screen;opacity:.9}
.hero-art figcaption{position:absolute;right:5%;bottom:5%;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a6a6a2;margin:18px 15px 0;max-width:360px}
.hero-art figcaption{display:none}
@media(max-width:760px){.hero{min-height:calc(100svh - 60px);display:flex;flex-direction:column;align-items:stretch}.hero>div:first-child{width:100%;max-width:none}.hero:after{background:linear-gradient(180deg,#111213 0%,rgba(17,18,19,.9) 39%,rgba(17,18,19,.45) 69%,#111213 100%)}.hero-art{position:absolute;inset:auto -22px 0 -22px;height:58%;margin:0;align-items:flex-end}.hero-art img{object-position:center bottom;opacity:.58}.hero-art figcaption{bottom:12px;right:4px;max-width:270px}}
@media(min-width:1500px){.hero-art{margin-right:-30px}}
@media(max-width:1050px){main{padding:0 32px}.topbar-inner{padding:16px 32px}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero h1{font-size:39px}.section-intro{gap:30px}.step-gallery{grid-template-columns:repeat(3,1fr)}.mini-screen{height:160px}.test-grid{gap:30px}.app-shell{grid-template-columns:135px 1fr;gap:18px;padding:18px}}
@media(max-width:760px){main{padding:0 20px}.topbar-inner{padding:14px 20px}.hero{grid-template-columns:1fr;padding:42px 0 52px;gap:24px}.hero h1{font-size:40px;max-width:13em}.hero-wordmark{font-size:60px}.hero p{font-size:15px}.hero-art{margin:0 -10px}.hero-art figcaption{font-size:10px}.hero-meta{font-size:11px}.section{padding:60px 0}.section-intro{display:block}.section-intro p{margin-top:18px}.quote-board{grid-template-columns:1fr 1fr;gap:20px}.quote q{font-size:19px}.quote{min-height:175px}.photo-story{gap:16px;grid-template-columns:1fr 1fr}.photo-story img{height:230px}.photo-story figcaption{font-size:10px}.app-shell{grid-template-columns:1fr;padding:15px}.side{display:none}.screen-top{display:block}.screen-top .chip{display:inline-block;margin-top:12px}.test-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.form-grid{gap:16px}.prototype-intro{display:block}.prototype-intro span{display:block;margin-top:5px}.step-gallery{gap:10px}.mini-screen{padding:9px;height:170px}.mini-screen strong{font-size:10px}.mini-screen i{font-size:8px}.step-thumb>b{font-size:11px}.candidate{padding:14px}.candidate .title{font-size:15px}.voter{gap:15px}.photo-story{margin-top:28px}.branch-row{gap:30px}.footer{padding-bottom:35px}.flow-canvas{padding:24px 18px}}
@media(max-width:420px){.hero h1{font-size:33px}.hero-wordmark{font-size:53px}.photo-story{grid-template-columns:1fr}.photo-story img{height:240px}.step-gallery{grid-template-columns:repeat(2,1fr)}.detail-grid,.form-grid{grid-template-columns:1fr}.candidate{grid-template-columns:1fr}.candidate>div:last-child{justify-self:start}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.primary,.secondary{padding:11px 13px;font-size:12px}.tabs{gap:5px;flex-wrap:wrap}.screen-top h3{font-size:20px}}