:root{
  color-scheme:dark;
  --bg:#080a0b;--fg:#f2f1eb;--muted:rgba(242,241,235,.55);--line:rgba(242,241,235,.14);
  --panel:rgba(255,255,255,.035);--panel2:#101315;--accent:#a8c3cf;--alert:#d37d65;--success:#a4b891;
  --ease:cubic-bezier(.22,1,.36,1);--pad:clamp(20px,3vw,48px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
radial-gradient(circle at 72% 6%,rgba(168,195,207,.12),transparent 30rem),
linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.035) 1px),
linear-gradient(to bottom,transparent calc(100% - 1px),rgba(255,255,255,.035) 1px);background-size:auto,8vw 8vw,8vw 8vw;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.6) 68%,transparent 100%)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px var(--pad);border-bottom:1px solid var(--line);background:rgba(8,10,11,.82);backdrop-filter:blur(20px)}
.brand{display:flex;align-items:center;gap:18px}.brand img{width:142px;height:auto}.brand-divider{width:1px;height:22px;background:var(--line)}.brand-sub{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;gap:24px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.nav a{transition:color .25s}.nav a:hover{color:var(--fg)}.status{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.status i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(164,184,145,.7)}
main{padding:0 var(--pad)}
.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:8vw;min-height:calc(100vh - 68px);align-items:end;padding:clamp(90px,14vh,170px) 0 clamp(68px,10vh,110px);border-bottom:1px solid var(--line)}
.kicker,.section-index,.meta{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.kicker{margin:0 0 24px}.hero h1{margin:0;max-width:1040px;font-size:clamp(64px,9.4vw,154px);font-weight:480;letter-spacing:-.07em;line-height:.82}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(242,241,235,.55)}
.hero-copy{max-width:780px}.hero-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;margin-top:50px;padding-top:20px;border-top:1px solid var(--line)}.hero-intro p{margin:0}.hero-intro .cn{font-size:clamp(15px,1.1vw,18px);line-height:1.75;color:rgba(242,241,235,.82)}.hero-intro .en{font-size:11px;line-height:1.7;color:var(--muted)}
.signal-board{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));padding:22px}.signal-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.signal-head strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.radar{position:relative;aspect-ratio:1;margin:25px auto;border:1px solid rgba(168,195,207,.28);border-radius:50%;background:radial-gradient(circle,rgba(168,195,207,.1),transparent 55%)}.radar:before,.radar:after{content:"";position:absolute;inset:18%;border:1px solid rgba(168,195,207,.18);border-radius:50%}.radar:after{inset:38%}.radar-line{position:absolute;left:50%;top:50%;width:46%;height:1px;background:linear-gradient(to right,rgba(168,195,207,.75),transparent);transform-origin:left;animation:radar 8s linear infinite}.radar-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(168,195,207,.9)}.radar-dot.a{left:28%;top:34%}.radar-dot.b{right:20%;bottom:31%}.radar-dot.c{left:43%;bottom:18%}@keyframes radar{to{transform:rotate(360deg)}}.signal-list{display:grid;gap:0}.signal-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:11px}.signal-row span:last-child{color:var(--muted)}
.section{padding:clamp(78px,10vw,150px) 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr minmax(300px,.45fr);gap:8vw;align-items:end;margin-bottom:42px}.section-head h2{margin:8px 0 0;font-size:clamp(38px,5.1vw,78px);font-weight:480;letter-spacing:-.055em;line-height:.92}.section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.tools{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.tool{position:relative;grid-column:span 6;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:transform .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}.tool:hover{transform:translateY(-4px);border-color:rgba(242,241,235,.44);background:rgba(255,255,255,.055)}.tool--wide{grid-column:span 7}.tool--narrow{grid-column:span 5}.tool-top{display:flex;justify-content:space-between;gap:16px}.tool-number{font-size:10px;letter-spacing:.15em;color:var(--muted)}.badge{padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.badge.live{border-color:rgba(164,184,145,.4);color:var(--success)}.badge.prototype{border-color:rgba(168,195,207,.4);color:var(--accent)}.badge.research{color:#c2bcae}.tool-glyph{position:absolute;right:-30px;top:32px;width:210px;height:210px;opacity:.28}.tool-glyph.circle{border:1px solid var(--accent);border-radius:50%}.tool-glyph.circle:before,.tool-glyph.circle:after{content:"";position:absolute;border:1px solid var(--accent);border-radius:50%}.tool-glyph.circle:before{inset:22%}.tool-glyph.circle:after{inset:43%}.tool-glyph.lines{background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(168,195,207,.38) 15px 16px)}.tool-copy{position:relative;z-index:1;max-width:540px}.tool h3{margin:0;font-size:clamp(30px,3vw,50px);font-weight:500;letter-spacing:-.05em;line-height:.95}.tool p{max-width:490px;margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.tool-footer{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:38px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.open-tool{border:0;background:none;color:var(--fg);padding:0;cursor:pointer;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.open-tool:after{content:" ↗"}.open-tool:hover{color:var(--accent)}
.experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.experiment{min-height:250px;padding:22px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}.experiment-visual{height:108px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.experiment-visual:before{content:"";position:absolute;inset:15px 20px;border:1px solid rgba(168,195,207,.28);transform:perspective(300px) rotateX(58deg) rotateZ(-15deg)}.experiment-visual.splat:before{border:0;background:radial-gradient(circle at 30% 35%,rgba(168,195,207,.8) 0 2px,transparent 3px),radial-gradient(circle at 65% 50%,rgba(211,125,101,.7) 0 2px,transparent 3px),radial-gradient(circle at 45% 75%,rgba(242,241,235,.5) 0 1px,transparent 2px);background-size:19px 17px,27px 23px,13px 15px;filter:blur(.2px)}.experiment h3{margin:20px 0 7px;font-size:19px;font-weight:500;letter-spacing:-.025em}.experiment p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.experiment .meta{margin-top:20px}
.guide-list{border-top:1px solid var(--line)}.guide{display:grid;grid-template-columns:60px 1fr 1fr auto;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .35s var(--ease),background .35s}.guide:hover{padding-left:12px;background:rgba(255,255,255,.025)}.guide b{font-size:19px;font-weight:500;letter-spacing:-.025em}.guide p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.guide .arrow{font-size:20px}
.archive{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.archive-main,.archive-side{border:1px solid var(--line);background:var(--panel);padding:24px}.archive-main{min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.archive-main h3{margin:0;font-size:clamp(38px,4vw,64px);font-weight:480;letter-spacing:-.055em;line-height:.92}.archive-main p{max-width:580px;color:var(--muted);font-size:13px;line-height:1.75}.archive-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.archive-stats div{padding:20px 0}.archive-stats div+div{border-left:1px solid var(--line);padding-left:20px}.archive-stats strong{display:block;font-size:28px;font-weight:500}.archive-stats span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.archive-side{display:grid;gap:0}.archive-link{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.archive-link:first-child{padding-top:0}.archive-link:last-child{border-bottom:0;padding-bottom:0}.archive-link span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:28px var(--pad);color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.footer-links{display:flex;gap:26px}
.modal{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.68);backdrop-filter:blur(12px)}.modal.open{display:flex}.dialog{width:min(820px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(242,241,235,.25);background:#0d1012;padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.dialog h3{margin:0;font-size:26px;font-weight:500;letter-spacing:-.04em}.close{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.field input,.field select{width:100%;border:1px solid var(--line);background:#090b0c;color:var(--fg);padding:13px}.action{margin-top:20px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);padding:13px 18px;cursor:pointer;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.output{display:none;margin-top:20px;padding:18px;border:1px solid var(--line);background:#090b0c;white-space:pre-wrap;color:rgba(242,241,235,.8);font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.output.show{display:block}.dropzone{display:grid;place-items:center;min-height:280px;margin-top:22px;border:1px dashed rgba(168,195,207,.45);background:rgba(168,195,207,.035);text-align:center;padding:25px}.dropzone input{max-width:100%}.preview{max-width:100%;max-height:420px;margin-top:18px}
@media(max-width:1000px){.nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.signal-board{max-width:560px}.tool,.tool--wide,.tool--narrow{grid-column:span 12}.experiment-grid{grid-template-columns:1fr 1fr}.guide{grid-template-columns:42px 1fr auto}.guide p{display:none}.archive{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:25px}.brand-sub,.brand-divider{display:none}}
@media(max-width:640px){.topbar{padding:17px 18px}.brand img{width:126px}.status span{display:none}main{padding:0 18px}.hero{padding:90px 0 65px}.hero h1{font-size:clamp(60px,18vw,92px)}.hero-intro{grid-template-columns:1fr;gap:16px;margin-top:36px}.section{padding:78px 0}.section-head{margin-bottom:30px}.tool{min-height:310px;padding:20px}.tool-glyph{width:160px;height:160px}.experiment-grid{grid-template-columns:1fr}.guide{gap:16px}.archive-stats{grid-template-columns:1fr}.archive-stats div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.footer{grid-template-columns:1fr;padding:24px 18px}.footer-links{justify-content:space-between}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}