@font-face{font-family:Qinghe;src:url('assets/qinghe-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#19212a;--muted:#56616d;--blue:#2458db;--paper:#f7f9fc;--line:#dce1e8;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;font-family:Qinghe,'Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4b80f2;outline-offset:5px}button{color:inherit}p{line-height:1.75;margin:0}button,a{transition:background .22s,color .22s,transform .22s var(--ease)}button:active,.btn:active{transform:scale(.97)}.wrap{max-width:1440px;margin:auto;padding-inline:64px}.nav{height:100px;display:flex;align-items:center;gap:42px;position:relative;z-index:10}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:28px;height:32px;display:inline-block;position:relative}.brand-mark:before,.brand-mark:after{content:'';position:absolute;width:11px;height:25px;background:currentColor;border-radius:2px;transform:skewY(-25deg);top:1px;left:0}.brand-mark:after{left:15px;top:7px;transform:skewY(25deg)}.nav-links{display:flex;gap:32px;font-size:15px;margin-left:auto;align-items:center}.nav-links a:hover{color:var(--blue)}.nav-join{font-size:15px;background:transparent;border:1px solid var(--line);border-radius:50px;padding:13px 20px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;border-radius:50px;background:var(--ink);color:white;padding:16px 25px;font-size:16px;font-weight:550;border:1px solid transparent;min-height:54px}.btn:hover{background:var(--blue);transform:translateY(-2px)}.btn .arrow{font-family:Arial,sans-serif;font-size:23px;font-weight:400}.btn.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.btn.secondary:hover{border-color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:15px}.meta{font-size:14px;color:var(--muted);line-height:1.65}.section{padding-block:100px}.section-top{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:36px}.section h2{font-size:44px;line-height:1.35;font-weight:650;letter-spacing:-1.5px;margin:0}.section-top p{max-width:370px;color:var(--muted);font-size:16px}.searchbar{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-block:14px;gap:12px}.searchbar svg{width:20px;height:20px;flex-shrink:0}.searchbar input{background:transparent;color:inherit;border:0;width:100%;outline:0;font-size:16px;padding:10px 4px}.searchbar button{background:none;border:0;white-space:nowrap;padding:12px;font-size:14px}.filterbar{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-block:26px 34px}.filterbar button{border:1px solid transparent;border-radius:40px;padding:10px 18px;background:transparent;color:var(--muted);z-index:1;font-size:15px}.filterbar button[aria-pressed=true]{background:var(--ink);color:white}.filterbar button:hover{border-color:var(--line)}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.person{border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:26px 0 20px;transition:transform .3s var(--ease);color:inherit;min-width:0}.person:hover{transform:translateY(-4px)}.person:hover .person-go{transform:translateX(5px)}.person-art{height:220px;position:relative;overflow:hidden;background:#e5ebf3;display:flex;align-items:center;justify-content:center}.person-art .art-word{font-family:Arial,sans-serif;font-size:66px;letter-spacing:-4px;font-weight:600}.person-art.art-voice{background:#e4edff;color:#2a5bb8}.art-voice .art-word{font-size:55px;font-weight:400}.art-voice:after{content:'';height:90px;width:170px;background:repeating-linear-gradient(90deg,transparent 0 8px,#2458db 8px 11px,transparent 11px 16px);position:absolute;bottom:-50px;transform:rotate(-10deg)}.art-office{background:#e4e9e9;color:#326054}.art-office:before{content:'';position:absolute;inset:28px;border:1px solid #8eaaa0;background:repeating-linear-gradient(0deg,transparent 0 32px,#bacac5 32px 33px),repeating-linear-gradient(90deg,transparent 0 70px,#bacac5 70px 71px)}.art-office .art-word{font-size:52px;z-index:1}.art-design{background:#e9e4f0;color:#6b5c86}.art-design .art-word{font-size:110px;transform:rotate(-15deg)}.person-top{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.person h3{font-size:23px;font-weight:650;line-height:1.4;margin:0}.person-go{font-size:23px;transition:transform .22s}.person p{font-size:15px;color:var(--muted);margin-top:8px}.tags{font-size:13px;margin-top:15px;color:var(--blue);display:flex;gap:16px}.empty{grid-column:1/-1;padding:56px;text-align:center;border:1px solid var(--line);font-size:17px;line-height:1.8}.empty button{border:0;border-bottom:1px solid currentColor;background:none;padding:0;font-size:15px}.flow{background:#edf1f7}.flow-items{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;gap:50px}.flow-item{position:relative;border-top:1px solid #bbc6d5;padding-top:24px}.flow-item .step{color:var(--blue);font-size:15px}.flow-item h3{font-size:23px;font-weight:550;margin:18px 0 12px}.flow-item p{font-size:16px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:36px;font-size:14px;color:var(--muted)}.footer a{border-bottom:1px solid var(--line)}.prototype-note{font-size:13px;color:var(--muted);padding:20px 64px;background:#edf1f7;border-top:1px solid var(--line);line-height:1.8}.lab-bar{position:fixed;right:22px;bottom:20px;z-index:50;background:#fff;color:#19212a;border:1px solid #dce1e8;box-shadow:0 6px 30px #142c4914;border-radius:50px;padding:5px 7px 5px 16px;display:flex;align-items:center;gap:12px;font-size:13px}.lab-bar button,.lab-bar a{padding:8px 11px;border:0;background:transparent;border-radius:30px;font-size:13px;color:inherit}.lab-bar button:hover,.lab-bar a:hover{background:#eef2fa}.lab-bar button[aria-pressed=true]{background:#18212a;color:#fff}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%,15px);opacity:0;background:#17212c;color:white;padding:15px 24px;border-radius:10px;z-index:120;max-width:90vw;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:0;border:0;box-shadow:0 24px 90px #11182744;max-width:min(560px,calc(100vw - 32px));border-radius:18px;background:#f9fbff;color:#19212a}dialog::backdrop{background:#111c3180;backdrop-filter:blur(5px)}.dialog-body{padding:40px}.dialog-body h2{font-size:29px;line-height:1.4;margin:10px 0 20px}.dialog-body p{font-size:16px;margin:12px 0;color:#4d5b6b}.dialog-close{float:right;border:0;background:#e8edf6;border-radius:50%;width:36px;height:36px;font-size:24px}.motion-notes{padding-left:20px;margin:20px 0;line-height:1.9;font-size:15px}.motion-notes li{margin-bottom:14px}.dialog-body .person-art{height:200px;margin:24px 0}.dialog-body .btn{width:100%;margin-top:20px}.dialog-body label{display:block;font-size:15px;margin-top:16px}.dialog-body input{width:100%;border:1px solid #ccd4df;border-radius:6px;background:white;padding:12px;margin-top:8px}.detail-preview{font-size:13px!important;color:#596778!important}.screenreader{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.story-stage{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:70px;overflow:hidden}.prototype-note{max-width:none;text-wrap:pretty;padding-right:max(64px,calc(100vw - 1050px))}
.lab-actions{display:flex;align-items:center;gap:0}.lab-bar .lab-label{padding-inline:0;font-size:13px}.lab-bar .lab-label:hover{background:transparent}.prototype-note{font-size:14px;line-height:1.8;width:min(100%,840px);margin-inline:auto;padding:24px}
@media(max-width:1000px){.wrap{padding-inline:36px}.nav-links{gap:22px}.people{gap:20px}.section h2{font-size:36px}.person-art{height:180px}.prototype-note{padding-inline:36px}}
@media(max-width:600px){html{scroll-padding-top:30px}.wrap{padding-inline:24px}.nav{height:82px;gap:12px}.brand{font-size:21px;gap:8px}.brand-mark{transform:scale(.8);width:24px}.nav-links{display:none}.nav-join{margin-left:auto;font-size:13px;padding:10px 13px}.section{padding-block:64px}.section h2{font-size:31px;letter-spacing:-.8px}.section-top{display:block;margin-bottom:28px}.section-top p{margin-top:18px;font-size:15px}.people{grid-template-columns:1fr;gap:15px}.person{display:grid;grid-template-columns:92px 1fr;column-gap:20px;padding-block:22px}.person-art{grid-row:1/5;height:110px}.person-art .art-word{font-size:32px}.art-voice .art-word{font-size:28px}.art-design .art-word{font-size:60px}.art-office:before{inset:12px}.person-top{margin-top:2px}.person h3{font-size:21px}.person p{font-size:14px}.tags{font-size:12px;gap:12px;margin-top:10px}.flow-items{grid-template-columns:1fr;gap:34px;margin-top:30px}.flow-item{padding-top:18px}.flow-item h3{margin-block:10px;font-size:21px}.footer{flex-direction:column;font-size:13px;padding-bottom:100px}.prototype-note{padding:20px 24px 28px}.lab-bar{left:50%;right:auto;transform:translateX(-50%);bottom:12px;white-space:nowrap;gap:4px;padding-left:12px}.lab-bar button,.lab-bar a{font-size:12px;padding:8px}.btn{font-size:15px;padding:14px 22px;min-height:50px}.dialog-body{padding:28px}.filterbar{gap:0}.filterbar button{padding:9px 14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-story{height:auto!important}.story-stage{position:relative!important;top:auto!important}.scroll-cue{display:none!important}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .scroll-story{height:auto!important}html[data-motion=off] .story-stage{position:relative!important;top:auto!important}html[data-motion=off] .scroll-cue{display:none!important}
@media(max-width:600px){.lab-bar{left:auto;right:12px;bottom:12px;transform:none;padding:5px 16px;min-height:42px}.lab-bar .lab-label{font-size:12px}.lab-bar .lab-actions{display:none;position:absolute;right:0;bottom:54px;white-space:nowrap;background:white;border:1px solid #dce1e8;border-radius:30px;padding:6px;box-shadow:0 8px 40px #142c4922}.lab-bar.open .lab-actions{display:flex}}

/* Shared interior shell. */
body{background:#f5f8fc}
.nav{border-bottom:1px solid #dce3ed}
.brand{color:#2356d6}