:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050810;--bg-panel:#94a3ff0a;--border:#7896ff24;--border-strong:#5eead473;--text:#e7ecff;--text-dim:#93a1c7;--text-faint:#5c6a92;--cyan:#22d3ee;--violet:#a78bfa;--mint:#5eead4;--radius:14px;font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}::selection{background:#22d3ee4d}code{color:var(--mint);font-family:JetBrains Mono,Consolas,Courier New,monospace;font-size:.9em}.page{background:radial-gradient(1100px 500px at 80% -10%, #a78bfa14, transparent 60%), radial-gradient(900px 480px at 10% 8%, #22d3ee12, transparent 60%), var(--bg);min-height:100vh;overflow-x:hidden}.gradient-text{background:linear-gradient(92deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.hex{color:var(--cyan);opacity:.9}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#050810b8;justify-content:space-between;align-items:center;padding:14px clamp(20px,6vw,64px);display:flex;position:sticky;top:0}.brand{letter-spacing:.5px;color:var(--text);align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-hex{filter:drop-shadow(0 0 6px #22d3ee99)}.brand-accent{color:var(--cyan)}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--text-dim);font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--cyan)}.nav-domain{border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-family:Consolas,monospace}.nav-domain:hover{border-color:var(--border-strong)}.hero{text-align:center;padding:clamp(90px,16vh,170px) 24px clamp(80px,12vh,140px);position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.glow{filter:blur(110px);opacity:.35;border-radius:50%;width:520px;height:520px;position:absolute}.glow-a{background:#22d3ee52;top:-160px;left:-120px}.glow-b{background:#a78bfa52;top:-80px;right:-140px}.hex-field{position:absolute;inset:0}.float-hex{opacity:.16;animation:9s ease-in-out infinite drift;position:absolute}.h1{color:var(--cyan);top:16%;left:9%}.h2{color:var(--violet);animation-delay:-3s;top:58%;left:16%}.h3{color:var(--violet);animation-delay:-6s;top:12%;right:7%}.h4{color:var(--mint);animation-delay:-1.5s;bottom:14%;right:15%}@keyframes drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(6deg)}}.hero-inner{max-width:760px;margin:0 auto;position:relative}.hero-tag{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);letter-spacing:1px;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:inline-flex}.hero-title{letter-spacing:-1px;margin:26px 0 10px;font-size:clamp(52px,9vw,92px);font-weight:800;line-height:1.05}.hero-slogan{color:var(--text);font-size:clamp(18px,2.6vw,24px);font-weight:600}.hero-sub{max-width:560px;color:var(--text-dim);margin:18px auto 0;font-size:15px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.btn{border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-block}.btn-primary{color:#04121a;background:linear-gradient(92deg, var(--cyan), var(--mint));box-shadow:0 0 24px #22d3ee59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 38px #22d3ee8c}.btn-ghost{color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-strong);transform:translateY(-2px)}.hero-domain{letter-spacing:3px;color:var(--text-faint);margin-top:34px;font-family:Consolas,monospace;font-size:13px}.section-head{text-align:center;margin-bottom:44px}.section-tag{letter-spacing:4px;color:var(--cyan);align-items:center;gap:8px;font-family:Consolas,monospace;font-size:12px;display:inline-flex}.section-title{margin-top:10px;font-size:clamp(28px,4vw,40px);font-weight:700}.section-desc{max-width:620px;color:var(--text-dim);margin:12px auto 0;font-size:14px}.about{max-width:1120px;margin:0 auto;padding:80px clamp(20px,6vw,64px)}.about-text{text-align:center;max-width:720px;color:var(--text-dim);margin:0 auto;font-size:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;max-width:720px;margin-top:42px;margin-left:auto;margin-right:auto;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);flex-direction:column;align-items:center;gap:4px;padding:26px 16px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 0 24px #22d3ee24}.stat-num{font-family:Consolas,monospace;font-size:34px;font-weight:800}.stat-label{color:var(--text-dim);letter-spacing:2px;font-size:13px}.resources{max-width:1240px;margin:0 auto;padding:40px clamp(20px,6vw,64px) 100px}.cat-block{margin-bottom:56px}.cat-title{align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.cat-hex{filter:drop-shadow(0 0 5px #22d3ee80)}.cat-count{color:var(--cyan);border:1px solid var(--border);border-radius:999px;padding:1px 10px;font-family:Consolas,monospace;font-size:12px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);color:var(--text);flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet));opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-strong);background:#22d3ee0d;transform:translateY(-5px);box-shadow:0 10px 30px #02061780,0 0 22px #22d3ee1f}.card:hover:before{opacity:1}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-name{font-size:17px;font-weight:700}.card-arrow{color:var(--cyan);font-size:16px;transition:transform .25s}.card:hover .card-arrow{transform:translate(3px,-3px)}.card-desc{color:var(--text-dim);flex:1;font-size:13.5px}.card-url{color:var(--text-faint);word-break:break-all;font-family:Consolas,monospace;font-size:12px}.card:hover .card-url{color:var(--mint)}.footer{border-top:1px solid var(--border);background:#050810cc;padding:34px clamp(20px,6vw,64px)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1120px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.footer-note{color:var(--text-faint);font-size:13px}@media (width<=640px){.nav-links{gap:14px}.nav-links a:not(.nav-domain){display:none}.footer-inner{text-align:center;justify-content:center}}