.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle, var(--warm-soft) 0%, transparent 70%);pointer-events:none;z-index:0;width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;text-align:center;max-width:800px;position:relative}.logo{color:var(--warm);letter-spacing:-.02em;text-shadow:0 0 80px var(--warm-glow);margin-bottom:.5rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(4rem,12vw,8rem);line-height:1}.logo-sub{color:var(--text-muted);letter-spacing:.15em;margin-bottom:3rem;font-family:Space Mono,monospace;font-size:1.1rem}.logo-dazi{color:var(--text-muted);font-weight:700}.logo-network{color:var(--text-muted);font-weight:400}.tagline{color:var(--text);margin-bottom:1rem;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;line-height:1.6}.tagline em{color:var(--warm);font-style:normal}.tagline-en{color:var(--text-dim);margin-bottom:3rem;font-family:Space Mono,monospace;font-size:.9rem}.floating-tags{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-tag{white-space:nowrap;opacity:0;border-radius:100px;padding:.6rem 1.2rem;font-family:Space Mono,monospace;font-size:.75rem;animation:1s ease-out forwards floatIn;position:absolute}.float-tag:first-child{background:var(--card-1);color:var(--warm);border:1px solid var(--warm-soft);animation-delay:.5s;top:15%;left:5%}.float-tag:nth-child(2){background:var(--card-2);color:var(--mint);border:1px solid var(--mint-soft);animation-delay:.8s;top:25%;right:8%}.float-tag:nth-child(3){background:var(--card-3);color:var(--lavender);border:1px solid #c4b5fd20;animation-delay:1.1s;bottom:30%;left:8%}.float-tag:nth-child(4){background:var(--card-1);color:var(--text-muted);border:1px solid #ffffff10;animation-delay:1.4s;bottom:20%;right:12%}.float-tag:nth-child(5){background:var(--card-2);color:var(--warm);border:1px solid var(--warm-soft);animation-delay:1.7s;top:40%;left:2%}.float-tag:nth-child(6){background:var(--card-3);color:var(--mint);border:1px solid var(--mint-soft);animation-delay:2s;top:60%;right:3%}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.6;transform:translateY(0)}}.cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.cta{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Space Mono,monospace;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-flex}.cta-primary{background:var(--warm);color:var(--bg);font-weight:700}.cta-primary:hover{box-shadow:0 8px 30px var(--warm-glow);background:#ff8255;transform:translateY(-2px)}.cta-secondary{background:var(--surface);color:var(--text);border:1px solid #ffffff15}.cta-secondary:hover{background:var(--surface-hover);border-color:#ffffff30;transform:translateY(-2px)}.demo{max-width:1000px;margin:0 auto;padding:6rem 2rem}.section-label{color:var(--warm);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-family:Space Mono,monospace;font-size:.75rem}.section-title{margin-bottom:3rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;line-height:1.3}.profile-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.profile-card{background:var(--surface);border-radius:var(--radius);opacity:0;border:1px solid #ffffff08;padding:2rem;transition:all .4s;transform:translateY(30px)}.profile-card.visible{opacity:1;transform:translateY(0)}.profile-card:hover{border-color:#ffffff15;transform:translateY(-4px);box-shadow:0 20px 60px #00000040}.profile-nickname{margin-bottom:1rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.4rem}.profile-tags{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.profile-tag{color:var(--text-muted);border-bottom:1px solid #ffffff06;padding:.4rem 0;font-size:.85rem}.profile-tag:before{content:"> ";color:var(--text-dim);font-family:Space Mono,monospace;font-size:.75rem}.match-reason{background:var(--warm-soft);border-left:3px solid var(--warm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);padding:1rem;font-size:.85rem;line-height:1.6}.how{max-width:800px;margin:0 auto;padding:6rem 2rem}.steps{flex-direction:column;display:flex;position:relative}.steps:before{content:"";background:linear-gradient(to bottom, var(--warm), var(--mint), var(--lavender));opacity:.3;width:1px;position:absolute;top:3rem;bottom:3rem;left:1.5rem}.step{opacity:0;gap:2rem;padding:2rem 0;transition:all .6s;display:flex;transform:translate(-20px)}.step.visible{opacity:1;transform:translate(0)}.step-num{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;display:flex;position:relative}.step:first-child .step-num{background:var(--warm-soft);color:var(--warm)}.step:nth-child(2) .step-num{background:var(--mint-soft);color:var(--mint)}.step:nth-child(3) .step-num{color:var(--lavender);background:#c4b5fd20}.step:nth-child(4) .step-num{background:var(--warm-soft);color:var(--warm)}.step-content h3{margin-bottom:.5rem;font-size:1.1rem}.step-content p{color:var(--text-muted);font-size:.9rem}.step-code{background:var(--bg);border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid #ffffff08;margin-top:.8rem;padding:1rem;font-family:Space Mono,monospace;font-size:.8rem;overflow-x:auto}.step-code .prompt{color:var(--mint)}.step-code .cmd{color:var(--text)}.step-code .comment{color:var(--text-dim)}.install{text-align:center;padding:6rem 2rem}.install-box{background:var(--surface);border-radius:var(--radius);border:1px solid #ffffff10;max-width:600px;margin:2rem auto;padding:2rem}.install-cmd{color:var(--mint);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;word-break:break-all;overflow-wrap:anywhere;text-align:left;border:1px solid #ffffff08;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem 1.5rem;font-family:Space Mono,monospace;font-size:.8rem;transition:all .3s;display:flex}.install-cmd:hover{border-color:var(--mint-soft)}.install-cmd .copy-hint{color:var(--text-dim);text-align:right;font-size:.7rem;transition:color .3s}.install-cmd:hover .copy-hint{color:var(--mint)}.install-or{color:var(--text-dim);margin:1.5rem 0;font-size:.85rem}.install-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.install-link{color:var(--text-muted);border:1px solid #ffffff10;border-radius:100px;padding:.5rem 1rem;font-family:Space Mono,monospace;font-size:.8rem;text-decoration:none;transition:all .3s}.install-link:hover{color:var(--text);border-color:#ffffff30}.footer{text-align:center;border-top:1px solid #ffffff06;padding:3rem 2rem}.footer-text{color:var(--text-dim);font-family:Space Mono,monospace;font-size:.75rem}.footer-text a{color:var(--text-muted);text-decoration:none}.footer-text a:hover{color:var(--warm)}@media (width<=600px){.float-tag{display:none}.steps:before{left:1.25rem}.step{gap:1.2rem}.step-num{width:2.5rem;height:2.5rem;font-size:.8rem}}:root{--bg:#0a0a0c;--surface:#141418;--surface-hover:#1c1c22;--warm:#ff6b35;--warm-soft:#ff6b3520;--warm-glow:#ff6b3540;--mint:#5dfbc1;--mint-soft:#5dfbc120;--lavender:#c4b5fd;--text:#e8e6e3;--text-muted:#8a8680;--text-dim:#5a5650;--card-1:#1a1714;--card-2:#14171a;--card-3:#171418;--radius:16px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Noto Serif SC,serif;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}