:root {
  --bg:#040812; --panel:#09111f; --panel-2:#0d1728; --ink:#f6f8fc;
  --muted:#93a1b7; --dim:#59687f; --line:#1c2a42;
  --cyan:#2dddf4; --blue:#3b82f6; --amber:#f5a623; --violet:#8b7cff;
  color-scheme:dark;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-width:320px;overflow-x:clip;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);color:var(--ink);background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.65} img{max-width:100%}a{color:inherit}button,input{font:inherit}a,button{touch-action:manipulation}.shell{width:min(1260px,calc(100% - 48px));margin-inline:auto}
.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(130,164,210,.13)}
.brand{display:flex;align-items:center;gap:12px;color:#f3f8ff;font-size:.96rem;font-weight:800;letter-spacing:.025em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(45,221,244,.42);border-radius:10px;color:var(--cyan);background:rgba(45,221,244,.07);font-size:.7rem;letter-spacing:-.04em}.site-nav{display:flex;gap:4px;align-items:center}.site-nav a{padding:8px 14px;border-radius:999px;color:#75839a;font-size:.84rem;font-weight:680;text-decoration:none}.site-nav a:hover{color:#d9e3f0}.site-nav a[aria-current=page]{color:#ecfdff;background:rgba(45,221,244,.09)}
.hero{position:relative;isolation:isolate;min-height:660px;overflow:hidden;border-bottom:1px solid rgba(112,153,207,.17)}.hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,7,15,.99) 0%,rgba(3,8,17,.9) 30%,rgba(3,8,17,.28) 63%,rgba(3,8,17,.12) 100%),linear-gradient(0deg,rgba(4,8,18,.98) 0%,transparent 38%,rgba(4,8,18,.18) 100%)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.hero-inner{min-height:660px;display:flex;align-items:center}.hero-copy{max-width:650px;padding:70px 0 110px}.hero-kicker{display:flex;align-items:center;gap:10px;color:#73eafa;font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-kicker::before{content:"";width:28px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero h1{margin:20px 0 18px;font-size:clamp(4rem,8vw,7.8rem);line-height:.9;letter-spacing:-.08em;text-wrap:balance}.hero h1 span{display:block;color:transparent;background:linear-gradient(90deg,#fff 5%,#c5f9ff 54%,#55ddef);background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:570px;margin:0;color:#afbdcf;font-size:clamp(1.02rem,1.8vw,1.28rem)}.hero-lead strong{color:#f6fbff;font-weight:720}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.primary-action{display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid rgba(45,221,244,.48);border-radius:10px;color:#e9fdff;background:rgba(8,31,43,.66);font-size:.87rem;font-weight:720;text-decoration:none;backdrop-filter:blur(10px)}.primary-action b{color:var(--cyan)}.hero-stat{color:#78879d;font-size:.78rem}.hero-stat strong{margin-right:6px;color:#c8d6e5;font-size:1rem}
.hero-index{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(1260px,calc(100% - 48px));border:1px solid rgba(117,157,211,.16);border-bottom:0;background:rgba(6,11,21,.78);backdrop-filter:blur(18px)}.hero-index a{display:flex;align-items:center;gap:12px;min-height:82px;padding:15px 20px;border-right:1px solid rgba(117,157,211,.14);text-decoration:none}.hero-index a:last-child{border-right:0}.hero-index span{color:#4f6078;font-size:.69rem;font-weight:760}.hero-index b{display:block;font-size:1rem}.hero-index small{display:block;color:#596980;font-size:.67rem}.hero-index a.active b{color:#c9faff}.hero-index a.active span{color:var(--cyan)}
.framework{padding:90px 0 100px;background:radial-gradient(circle at 12% 20%,rgba(35,94,145,.1),transparent 35rem),var(--bg)}.section-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end;margin-bottom:34px}.section-label{color:#5d6e86;font-size:.73rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase}.section-intro h2{margin:8px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.055em}.section-intro p{max-width:650px;margin:0 0 6px;color:#8998ad}.pillar-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.pillar{position:relative;overflow:hidden;min-height:300px;padding:26px;border:1px solid rgba(98,135,188,.19);border-radius:18px;background:linear-gradient(145deg,rgba(13,23,39,.95),rgba(7,12,22,.96))}.pillar::after{content:attr(data-symbol);position:absolute;right:-12px;bottom:-55px;color:rgba(145,179,221,.035);font-size:13rem;font-weight:900;line-height:1}.pillar.compute,.pillar.storage{grid-column:span 6}.pillar.transport{grid-column:span 8;min-height:405px}.pillar.other{grid-column:span 4;min-height:405px}.pillar-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:start}.pillar-num{color:#52627a;font-size:.7rem;font-weight:780}.pillar-state{padding:4px 8px;border:1px solid #28374d;border-radius:999px;color:#607086;font-size:.65rem}.pillar-state.live{border-color:rgba(45,221,244,.26);color:#7feaf6;background:rgba(45,221,244,.06)}.pillar h3{position:relative;z-index:2;margin:42px 0 3px;font-size:2.4rem;line-height:1;letter-spacing:-.05em}.pillar h3 small{margin-left:8px;color:#68778c;font-size:.72rem;font-weight:620;letter-spacing:.05em;text-transform:uppercase}.pillar-desc{position:relative;z-index:2;max-width:500px;margin:12px 0 0;color:#8391a6;font-size:.88rem}.empty-slots{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.empty-slots span{padding:7px 10px;border:1px dashed #2a394f;border-radius:8px;color:#536177;font-size:.72rem}.transport{border-color:rgba(45,221,244,.25);background:linear-gradient(145deg,rgba(10,30,43,.94),rgba(7,13,24,.97))}.transport h3{margin-top:24px}.transport-list{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.transport-card{position:relative;overflow:hidden;min-height:176px;padding:18px;border:1px solid rgba(95,137,194,.24);border-radius:13px;background:#090f1b;text-decoration:none}.transport-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.31;transition:transform .3s ease,opacity .3s ease}.transport-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,18,.98),rgba(5,10,18,.5))}.transport-card:hover img{transform:scale(1.04);opacity:.43}.transport-card > div{position:relative;z-index:2}.transport-card small{color:#73dce7;font-size:.66rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.transport-card b{display:block;margin-top:27px;font-size:1.6rem;line-height:1}.transport-card span{display:block;margin-top:7px;color:#91a0b3;font-size:.75rem}.transport-upcoming{position:relative;z-index:2;display:flex;gap:8px;margin-top:12px}.transport-upcoming span{padding:6px 9px;border:1px dashed #2a4054;border-radius:8px;color:#607086;font-size:.68rem}.transport-upcoming b{padding:6px 0;color:#3f5067;font-size:.66rem;font-weight:600}.other-list{position:relative;z-index:2;margin-top:32px;border-top:1px solid #1b293e}.other-list div{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #1b293e;color:#6f7f95;font-size:.79rem}.other-list em{color:#45546a;font-size:.68rem;font-style:normal}
.principle{display:grid;grid-template-columns:240px 1fr;gap:34px;margin-top:74px;padding-top:30px;border-top:1px solid var(--line)}.principle h2{margin:5px 0 0;font-size:1.45rem}.principle-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.principle-steps div{padding:17px;border:1px solid rgba(90,126,177,.16);border-radius:12px;background:rgba(10,17,29,.58)}.principle-steps b{display:block;color:#d9e6f2;font-size:.85rem}.principle-steps span{display:block;margin-top:4px;color:#64738a;font-size:.74rem}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:34px 0 42px;border-top:1px solid rgba(130,164,210,.12);color:#56647a;font-size:.76rem}
/* archive */
.archive-main{padding:66px 0 90px}.archive-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end}.archive-hero h1{margin:10px 0 0;font-size:clamp(3.2rem,7vw,6rem);line-height:.94;letter-spacing:-.07em}.archive-hero p{margin:0 0 7px;color:#8e9db1}.archive-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:44px 0 24px;padding:14px;border:1px solid rgba(94,130,180,.18);border-radius:14px;background:rgba(10,17,29,.72)}.archive-search{display:flex;align-items:center;gap:9px;min-width:260px}.archive-search svg{width:18px;fill:none;stroke:#637289;stroke-width:1.8}.archive-search input{width:100%;border:0;outline:0;color:#eef6ff;background:transparent}.archive-search input::placeholder{color:#5b697e}.archive-filters{display:flex;gap:6px}.filter{padding:8px 12px;border:1px solid transparent;border-radius:999px;color:#728096;background:transparent;cursor:pointer}.filter.active{color:#e7fcff;border-color:rgba(45,221,244,.3);background:rgba(45,221,244,.07)}.filter span{margin-left:5px;color:#4f5e74;font-size:.7rem}.archive-board{display:grid;grid-template-columns:220px 1fr;gap:24px}.category-rail{padding:16px;border:1px solid rgba(94,130,180,.16);border-radius:15px;background:rgba(9,15,26,.64)}.category-rail div{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;padding:12px 8px;border-radius:9px;color:#66758b}.category-rail div.active{color:#d9faff;background:rgba(45,221,244,.07)}.category-rail b{font-size:.8rem}.category-rail small{color:#46556b;font-size:.66rem}.category-rail em{color:#526178;font-size:.68rem;font-style:normal}.result-head{display:flex;justify-content:space-between;margin:0 2px 10px;color:#7c8a9e;font-size:.74rem}.concept-result{position:relative;display:grid;grid-template-columns:250px 1fr auto;min-height:220px;margin-bottom:14px;overflow:hidden;border:1px solid rgba(91,127,178,.2);border-radius:16px;background:rgba(9,15,26,.85);text-decoration:none}.concept-result[hidden]{display:none}.result-image{position:relative;overflow:hidden}.result-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(8,13,23,.8))}.result-image img{width:100%;height:100%;object-fit:cover}.result-copy{display:flex;flex-direction:column;padding:23px}.result-meta{display:flex;gap:7px;color:#65d5e1;font-size:.66rem}.result-meta span{padding:3px 7px;border:1px solid rgba(45,221,244,.16);border-radius:999px}.result-copy h2{margin:16px 0 7px;font-size:1.9rem;line-height:1}.result-copy h2 small{margin-left:7px;color:#8391a5;font-size:.8rem;font-weight:560}.result-copy p{margin:0;color:#8593a7;font-size:.85rem}.result-path{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:15px;color:#66758b;font-size:.65rem}.result-path i{width:34px;height:2px;background:var(--amber)}.result-path i.cyan{background:var(--cyan)}.result-arrow{align-self:center;margin:0 22px;color:#526177}.empty-category{display:grid;place-items:center;min-height:360px;border:1px dashed #27364c;border-radius:16px;color:#65748a;text-align:center}.empty-category[hidden]{display:none}.empty-category strong,.empty-category span{display:block}.empty-category span{margin-top:6px;color:#46556b;font-size:.78rem}.upcoming-band{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px dashed #25364c;border-radius:12px;color:#56667d;font-size:.74rem}.upcoming-band b{color:#8d9bb0}.upcoming-band span{padding:4px 8px;border-radius:6px;background:#0d1726}.upcoming-band[hidden]{display:none}
/* about */
.about-main{padding:72px 0 95px}.about-hero{max-width:950px}.about-hero h1{margin:15px 0 20px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.08;letter-spacing:-.065em}.about-hero p{max-width:690px;margin:0;color:#9aa8ba;font-size:1.05rem}.about-forces{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px}.about-forces article{min-height:210px;padding:21px;border:1px solid rgba(93,130,181,.18);border-radius:14px;background:rgba(9,15,26,.7)}.about-forces span{color:#56667d;font-size:.68rem}.about-forces h2{margin:38px 0 7px;font-size:1.45rem}.about-forces p{margin:0;color:#718096;font-size:.8rem}.about-method{display:grid;grid-template-columns:260px 1fr;gap:40px;margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.about-method h2{margin:5px 0 0;font-size:1.5rem}.method-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.method-list div{padding:20px;border-radius:12px;background:#0a111d}.method-list b{display:block;color:#dce7f2}.method-list p{margin:7px 0 0;color:#718096;font-size:.8rem}
@media(max-width:980px){.hero{min-height:620px}.hero-inner{min-height:620px}.hero-copy{padding-bottom:120px}.hero-index a{padding:12px}.section-intro,.archive-hero{grid-template-columns:1fr;gap:18px}.pillar.compute,.pillar.storage{grid-column:span 6}.pillar.transport,.pillar.other{grid-column:span 12}.pillar.other{min-height:320px}.archive-board{grid-template-columns:1fr}.category-rail{display:none}.principle,.about-method{grid-template-columns:1fr}.about-forces{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shell{width:min(100% - 24px,1260px)}.site-header{height:62px}.brand span:last-child{font-size:.84rem}.site-nav a{padding:7px 9px;font-size:.76rem}.hero,.hero-inner{min-height:620px}.hero-image{object-position:66% center}.hero::before{background:linear-gradient(90deg,rgba(3,7,15,.98),rgba(3,8,17,.72) 65%,rgba(3,8,17,.35)),linear-gradient(0deg,rgba(4,8,18,.98),transparent 45%)}.hero-copy{padding:55px 0 135px}.hero h1{font-size:clamp(3.5rem,19vw,5.2rem)}.hero-lead{font-size:.95rem}.hero-index{grid-template-columns:repeat(4,1fr);width:calc(100% - 24px)}.hero-index a{min-height:88px;justify-content:center;text-align:center}.hero-index a span,.hero-index small{display:none}.hero-index b{font-size:.88rem}.framework{padding:60px 0 70px}.pillar-grid{display:block}.pillar{margin-bottom:12px}.pillar.compute,.pillar.storage,.pillar.transport,.pillar.other{min-height:280px}.pillar.transport{min-height:570px}.transport-list{grid-template-columns:1fr}.principle-steps{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:4px}.archive-main,.about-main{padding-top:42px}.archive-hero h1{font-size:3.6rem}.archive-toolbar{align-items:stretch;flex-direction:column}.archive-filters{overflow-x:auto}.filter{flex:0 0 auto}.concept-result{grid-template-columns:1fr}.result-image{height:180px}.result-image::after{background:linear-gradient(to top,rgba(8,13,23,.8),transparent 60%)}.result-copy{min-height:220px}.result-arrow{position:absolute;right:0;bottom:25px}.about-forces,.method-list{grid-template-columns:1fr}.about-forces article{min-height:160px}.about-forces h2{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.transport-card img{transition:none}}

/* Launch readiness: touch targets, safe keyboard focus, compact 404 page. */
.brand,.site-nav a,.primary-action{min-height:44px}.site-nav a{display:inline-flex;align-items:center}.primary-action{min-height:44px}.filter{min-height:44px}.pillar{scroll-margin-top:18px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.not-found{display:flex;min-height:calc(100vh - 150px);flex-direction:column;justify-content:center;align-items:flex-start;padding-block:72px}.not-found h1{max-width:760px;margin:12px 0 16px;font-size:clamp(2.8rem,7vw,6rem);line-height:1;letter-spacing:-.065em}.not-found p{max-width:620px;margin:0 0 28px;color:#93a1b7}
@media(max-width:680px){.archive-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none}.archive-filters::-webkit-scrollbar{display:none}}
@media(max-width:420px){.site-header .brand span:last-child{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.archive-hero h1{font-size:3.1rem}.result-head{gap:12px}.result-path{gap:5px}.result-path i{width:20px}}