*{box-sizing:border-box}html,body{color:#17211b;background:#f8faf7;width:100%;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}a{color:inherit}:root{color-scheme:dark;--bg:#080b0f;--bg-soft:#0d1218;--panel:#0e141b;--panel-2:#121b24;--text:#f8fafc;--muted:#d3dee9;--subtle:#9fb0c3;--line:#263240;--line-soft:#1d2630;--accent:#25f4ee;--accent-2:#7c3aed;--warm:#f59e0b;--shadow:0 28px 90px #00000057;--radius:8px}:root[data-theme=light]{color-scheme:light;--bg:#fbfcfd;--bg-soft:#f4f7fa;--panel:#fff;--panel-2:#f4f7fa;--text:#0b1118;--muted:#526170;--subtle:#607080;--line:#d9e2ea;--line-soft:#e6ecf2;--accent:#00b8d9;--accent-2:#6d5df6;--warm:#f59e0b;--shadow:0 28px 90px #1823301a}.site-shell{background:radial-gradient(circle at 78% 30%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 28rem), radial-gradient(circle at 86% 46%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 24rem), linear-gradient(180deg, var(--bg), var(--bg-soft) 78%, var(--bg));min-height:100vh;position:relative;overflow:hidden}.site-shell:after{content:"";background:color-mix(in srgb, var(--panel-2) 70%, transparent);clip-path:polygon(0 22%,20% 4%,39% 34%,59% 16%,78% 20%,100% 36%,100% 100%,0 100%);pointer-events:none;position:absolute;inset:70% 0 0}.site-shell>*{z-index:1;position:relative}.container{width:min(1200px,100% - 40px);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand,.nav-links a,.button,.ghost-button,.article-card,.article-row{text-decoration:none}.brand{color:var(--text);align-items:center;gap:10px;font-weight:850;display:inline-flex}.brand-mark{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:34px;height:34px;color:var(--accent);box-shadow:var(--shadow);place-items:center;font-size:16px;display:grid}.nav-links,.nav-actions,.hero-actions,.pill-row{align-items:center;display:flex}.nav-links{color:var(--muted);gap:8px;font-size:14px}.nav-links a{border-radius:var(--radius);border:1px solid #0000;align-items:center;min-height:36px;padding:0 13px;transition:color .2s,background .2s,border-color .2s;display:inline-flex;position:relative}.nav-links a:hover{color:var(--text);background:color-mix(in srgb, var(--panel) 72%, transparent);border-color:var(--line-soft)}.nav-links a.is-active{color:var(--text);background:color-mix(in srgb, var(--panel) 92%, transparent);border-color:var(--line)}.nav-links a.is-active:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 14px var(--accent);border-radius:50%;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.nav-actions{gap:10px}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;place-items:center;width:42px;height:38px;display:inline-grid;position:relative}.theme-icon{border-radius:50%;width:16px;height:16px;transition:opacity .2s,transform .2s;position:absolute}.theme-icon-dark{background:var(--text);box-shadow:inset -5px -2px 0 var(--panel)}.theme-icon-light{background:var(--warm);box-shadow:0 0 0 4px color-mix(in srgb, var(--warm) 20%, transparent)}:root[data-theme=dark] .theme-icon-light,:root[data-theme=light] .theme-icon-dark{opacity:0;transform:scale(.65)}.button,.ghost-button{border-radius:var(--radius);justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.button{background:var(--accent);color:#061014;box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 18%, transparent)}:root[data-theme=light] .button{color:#fff}.ghost-button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 84%, transparent);color:var(--text)}.hero{grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);align-items:center;gap:56px;min-height:calc(100vh - 76px);padding:72px 0 58px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:900}.hero h1,.section-title,.prose h1{color:var(--text);letter-spacing:0;margin:0}.hero h1{max-width:760px;font-size:clamp(38px,4.6vw,58px);font-weight:920;line-height:1.14}.hero p,.section-copy,.article-card p,.featured-article p,.latest-item p,.category-card p,.topic-card p,.quiet-cta p,.service-card p,.tag p,.prose p,.prose li,.flow-item,.footer{color:var(--muted)}.hero p{max-width:760px;margin:24px 0 0;font-size:19px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.proof-row,.focus-grid,.service-grid,.article-grid,.category-grid,.topic-grid,.process{gap:18px;display:grid}.proof-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px}.proof{border-left:3px solid var(--warm);padding-left:14px}.proof strong{color:var(--text);font-size:22px;display:block}.proof span{color:var(--muted);font-size:13px}.code-board,.orbit-board,.tag,.service-card,.article-card,.article-row,.featured-article,.latest-item,.category-card,.topic-card,.quiet-cta,.process-step{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:var(--shadow);border-radius:10px}.code-board{overflow:hidden}.orbit-board{min-height:560px;padding:28px;position:relative;overflow:hidden}.orbit-board:before,.orbit-board:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.orbit-board:before{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 68%);filter:blur(10px);height:260px;inset:auto -12% -18% 24%}.orbit-board:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 70%);filter:blur(8px);width:160px;height:160px;top:9%;right:12%}.orbit-field{min-height:420px;position:relative}.orbit-core{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--line));background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 34%), var(--panel-2);width:118px;height:118px;box-shadow:0 0 80px color-mix(in srgb, var(--accent) 20%, transparent), inset 0 0 28px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-core span{color:var(--text);font-family:Menlo,Consolas,monospace;font-size:16px;font-weight:800}.orbit-ring{border:1px solid color-mix(in srgb, var(--line) 76%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.orbit-ring-one{width:260px;height:148px}.orbit-ring-two{width:390px;height:226px;transform:translate(-50%,-50%)rotate(18deg)}.orbit-ring-three{width:500px;height:304px;transform:translate(-50%,-50%)rotate(-36deg)}.orbit-node{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 88%, transparent);min-height:36px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:13px;font-weight:850;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:absolute;box-shadow:0 18px 44px #0000002e}.orbit-node:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 16px var(--accent);border-radius:999px;margin-right:8px}.orbit-node:hover{border-color:var(--accent);box-shadow:0 18px 52px color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-3px)}.node-web{top:33%;left:7%}.node-cloud{top:20%;right:3%}.node-miniapp{bottom:18%;left:18%}.node-pay{bottom:23%;right:13%}.node-drama{top:10%;left:45%}.star{background:var(--text);opacity:.55;width:4px;height:4px;box-shadow:0 0 18px var(--accent);border-radius:999px;position:absolute}.star-a{top:14%;left:12%}.star-b{top:42%;right:28%}.star-c{bottom:12%;left:39%}.star-d{bottom:42%;right:8%}.orbit-caption{border-top:1px solid var(--line);gap:8px;padding-top:20px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.orbit-caption span{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:900}.orbit-caption strong{max-width:420px;color:var(--text);font-size:22px;line-height:1.35}.board-top{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:10px;padding:18px 22px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.board-path{color:var(--subtle);margin-left:14px;font-family:Menlo,Consolas,monospace;font-size:14px}.code-lines{color:var(--text);padding:34px 38px 24px;font-family:Menlo,Consolas,monospace;font-size:clamp(14px,1.35vw,17px);line-height:2.35;overflow-x:auto}.code-accent{color:var(--accent)}.code-tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 38px 34px;display:grid}.code-tags span,.pill{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:36px;color:var(--text);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.section{padding:78px 0}.section-tight{padding:54px 0}.section-title{max-width:820px;font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1.14}.section-copy{max-width:760px;margin:18px 0 0;font-size:17px;line-height:1.85}.focus-grid,.service-grid,.article-grid,.category-grid,.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.tag,.service-card,.article-card,.featured-article,.latest-item,.category-card,.topic-card,.process-step{padding:24px}.tag strong,.service-card h3,.article-card h3,.featured-article h3,.latest-item strong,.category-card strong,.topic-card h3,.quiet-cta h2,.process-step h3{color:var(--text);margin:0;font-size:20px;line-height:1.35}.tag p,.service-card p,.article-card p,.featured-article p,.latest-item p,.category-card p,.topic-card p,.quiet-cta p,.process-step p{margin:12px 0 0;line-height:1.75}.latest-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;margin-top:34px;display:grid}.featured-article,.latest-item{text-decoration:none}.featured-article{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 42%), color-mix(in srgb, var(--panel) 94%, transparent);flex-direction:column;justify-content:flex-end;min-height:360px;display:flex}.featured-article p,.latest-item p,.article-row p{color:var(--muted)}.featured-article h3{max-width:760px;margin-top:16px;font-size:clamp(30px,4vw,48px);line-height:1.12}.latest-list{gap:14px;display:grid}.latest-item strong{margin-top:8px;font-size:19px;display:block}.latest-item p{font-size:15px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card strong{font-size:18px;display:block}.category-card p{font-size:15px}.topic-card{min-height:190px}.quiet-cta{justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex}.quiet-cta h2{max-width:720px;font-size:clamp(26px,3vw,38px);line-height:1.18}.quiet-cta p{max-width:760px;font-size:16px}.pill-row{flex-wrap:wrap;gap:8px;margin-top:16px}.article-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.category-pill{border:1px solid color-mix(in srgb, var(--warm) 58%, var(--line));border-radius:var(--radius);min-height:26px;color:var(--warm);align-items:center;padding:0 9px;font-size:13px;font-weight:800;display:inline-flex}.pill{min-height:28px;color:var(--accent);padding:0 10px;font-weight:800}.band{background:color-mix(in srgb, var(--panel) 62%, transparent);border-block:1px solid var(--line-soft)}.process{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px}.process-step span{color:var(--accent);font-weight:900}.page-hero{border-bottom:1px solid var(--line-soft);padding:78px 0 44px}.article-list{gap:18px;margin-top:28px;display:grid}.article-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.article-row h2{color:var(--text);margin:8px 0 0;font-size:24px}.article-row p{margin:10px 0 0;line-height:1.7}.date{color:var(--subtle);font-size:13px}.prose{max-width:820px;padding:54px 0 92px}.prose h1{font-size:clamp(36px,5vw,56px);line-height:1.12}.prose h2{color:var(--text);margin:44px 0 14px;font-size:28px}.prose h3,.prose h4{color:var(--text);margin:34px 0 12px;font-weight:850;line-height:1.35}.prose h3{font-size:23px}.prose h4{font-size:20px}.prose p,.prose li{font-size:17px;line-height:1.95}.prose ul,.prose ol{padding-left:22px}.prose table{border-collapse:collapse;width:100%;margin:28px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.prose th{color:var(--text);background:var(--panel-2)}.footer{border-top:1px solid var(--line-soft);padding:34px 0}.footer-inner{justify-content:space-between;gap:18px;display:flex}@media (width<=900px){.container{width:min(100% - 28px,1200px)}.nav{min-height:66px}.nav-links,.nav-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px}.proof-row,.focus-grid,.service-grid,.article-grid,.latest-layout,.category-grid,.topic-grid,.process,.code-tags{grid-template-columns:1fr}.code-lines{padding:26px 22px 18px}.code-tags{padding:0 22px 26px}.orbit-board{min-height:470px;padding:20px}.orbit-ring-three{width:390px}.node-cloud{right:0}.node-web{left:0}.orbit-caption{bottom:20px;left:20px;right:20px}.article-row,.quiet-cta,.footer-inner{grid-template-columns:1fr;display:grid}}