:root{--bg-deep: #0a0a0c;--bg-elev: #12121a;--neon-cyan: #00e5ff;--neon-amber: #ffb347;--neon-orange: #ff6b35;--neon-purple: #b14aed;--text-primary: #f6f7fb;--text-dim: #8a8fa3;--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);color:var(--text-primary)}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at top,#1a1a2e 0%,var(--bg-deep) 50%,#000 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0a0a0cb3;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.brand .logo{font-size:22px;filter:drop-shadow(0 0 8px var(--neon-amber))}.nav-links{display:flex;gap:24px}.nav-links a{font-size:14px;color:var(--text-dim);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.cta-small{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-amber));color:#000;font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px;transition:transform .2s}.cta-small:hover{transform:translateY(-1px)}.hero{position:relative;padding:120px 32px 100px;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:30%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(177,74,237,.18) 0%,transparent 60%);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}.badge{display:inline-block;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);color:var(--neon-cyan);font-size:12px;font-weight:600;letter-spacing:1px;padding:6px 14px;border-radius:999px;margin-bottom:24px}.hero h1{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.hl{background:linear-gradient(90deg,var(--neon-cyan),#4dd0e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hl-amber{background:linear-gradient(90deg,var(--neon-amber),var(--neon-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:18px;color:var(--text-dim);line-height:1.6;max-width:640px;margin:0 auto 32px}.hero-cta{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.btn{display:inline-block;font-weight:700;font-size:15px;padding:14px 28px;border-radius:10px;cursor:pointer;transition:transform .2s;border:1px solid transparent}.btn.primary{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-amber));color:#000}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-primary)}.btn.ghost:hover{border-color:var(--text-dim)}.hero-meta{font-size:12px;color:var(--text-dim);opacity:.7;margin-top:12px}.products{padding:80px 32px;max-width:1100px;margin:0 auto}.products h2{font-size:32px;text-align:center;margin-bottom:8px}.section-sub{text-align:center;color:var(--text-dim);font-size:14px;margin-bottom:48px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{display:block;background:linear-gradient(180deg,var(--bg-elev) 0%,#0d0d14 100%);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .2s}.card.live{cursor:pointer;border-color:#00e5ff4d;background:linear-gradient(180deg,rgba(0,229,255,.05) 0%,var(--bg-elev) 100%)}.card.live:hover{transform:translateY(-4px);border-color:var(--neon-cyan);box-shadow:0 8px 30px #00e5ff26}.card.soon{opacity:.7}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-icon{font-size:28px;filter:drop-shadow(0 0 8px var(--neon-amber))}.status{font-size:10px;font-weight:800;letter-spacing:1.5px;padding:4px 8px;border-radius:4px}.status.live{background:#00e5ff26;color:var(--neon-cyan)}.status.soon{background:#ffb3471a;color:var(--neon-amber)}.status.built{background:#b14aed26;color:var(--neon-purple)}.card h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.card p{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:16px;min-height:60px}.card-link{font-size:13px;color:var(--neon-cyan);font-weight:600}.card.live .card-link{color:var(--neon-cyan)}.card.soon .card-link{color:var(--text-dim)}.thesis{padding:80px 32px;max-width:1100px;margin:0 auto}.thesis h2{font-size:32px;text-align:center;margin-bottom:48px}.thesis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.thesis-point{background:#ffffff05;border:1px solid var(--border);border-left:3px solid var(--neon-cyan);border-radius:12px;padding:24px}.thesis-point:nth-child(2){border-left-color:var(--neon-amber)}.thesis-point:nth-child(3){border-left-color:var(--neon-purple)}.thesis-point .num{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px}.thesis-point h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.thesis-point p{font-size:13px;color:var(--text-dim);line-height:1.6}.thesis-point p strong{color:var(--text-primary)}.thesis-point p em{color:var(--neon-cyan);font-style:normal;font-weight:600}.footer{padding:40px 32px;border-top:1px solid var(--border);margin-top:60px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dim)}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--neon-cyan)}.flow{padding:80px 32px;max-width:1100px;margin:0 auto}.flow h2{font-size:32px;text-align:center;margin-bottom:8px}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:48px}.flow-step{background:linear-gradient(180deg,rgba(255,179,71,.04) 0%,var(--bg-elev) 100%);border:1px solid var(--border);border-top:3px solid var(--neon-amber);border-radius:12px;padding:24px;position:relative}.flow-step:nth-child(2){border-top-color:var(--neon-cyan)}.flow-step:nth-child(3){border-top-color:var(--neon-purple)}.flow-step:nth-child(4){border-top-color:var(--neon-orange)}.step-num{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px}.step-icon{font-size:36px;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(255,179,71,.4))}.flow-step h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.flow-step p{font-size:13px;color:var(--text-dim);line-height:1.6}.flow-step p strong{color:var(--neon-amber)}.gallery{padding:80px 32px;max-width:1100px;margin:0 auto}.gallery h2{font-size:32px;text-align:center;margin-bottom:8px}.gallery h2 .zh{font-size:22px;color:var(--neon-amber);font-weight:600}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:48px}.art-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;transition:transform .2s}.art-card:hover{transform:translateY(-2px)}.art-card.hidden-art{border-style:dashed;opacity:.7}.art-frame{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#1a1410,#0d0d14);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;overflow:hidden}.art-frame.placeholder{background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,179,71,.04) 12px 24px),linear-gradient(135deg,#1a1410,#0d0d14);border:1px dashed rgba(255,179,71,.2)}.placeholder-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--neon-amber);opacity:.5;text-transform:uppercase}.art-name{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.art-meta{font-size:11px;color:var(--text-dim)}.gallery-note{text-align:center;font-size:12px;color:var(--text-dim);margin-top:24px;opacity:.7}.privacy{padding:80px 32px;max-width:1100px;margin:0 auto}.privacy h2{font-size:32px;text-align:center;margin-bottom:8px}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:48px}.privacy-point{background:#00e5ff08;border:1px solid rgba(0,229,255,.15);border-radius:12px;padding:24px;position:relative}.privacy-icon{font-size:28px;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(0,229,255,.3))}.privacy-point h3{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.privacy-point p{font-size:13px;color:var(--text-dim);line-height:1.6}@media (max-width: 720px){.nav{padding:14px 20px}.nav-links{display:none}.hero{padding:80px 20px 60px}.hero h1{font-size:36px;letter-spacing:-1px}.lede{font-size:15px}.hero-cta{flex-direction:column}.btn{width:100%;text-align:center}.products,.thesis,.flow,.gallery,.privacy{padding:60px 20px}.footer-inner{flex-direction:column;gap:12px}}
