:root{--bg:#0b0a12;--p:#14111f;--p2:#1c1830;--tx:#f4efe6;--mu:#a9a0c0;--g:#e0a84a;--g2:#ffd978;--ln:#ffffff1c;--a:#7c5cff}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.w{max-width:1160px;margin:auto;padding:0 20px}
header.kh{position:sticky;top:0;z-index:50;background:#0b0a12ee;backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.hd{display:flex;align-items:center;gap:18px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}
.logo i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ff9a3c,#e8336d,#4a7cff);display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:900;color:#fff}.logo img{width:34px;height:34px;border-radius:10px;object-fit:cover}
nav.kn{display:flex;gap:4px;margin-left:8px;flex:1}nav.kn>a,nav.kn .dd>span{padding:8px 12px;border-radius:10px;color:#d8d0ea;font-size:15px;cursor:pointer;display:block}nav.kn>a:hover,nav.kn .dd:hover>span{background:#ffffff12}
.dd{position:relative}.dd .mn{display:none;position:absolute;top:42px;left:0;width:500px;background:var(--p2);border:1px solid #ffffff26;border-radius:18px;padding:12px;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 24px 60px #000c}.dd:hover .mn,.dd:focus-within .mn{display:grid}
.dd .mn a{display:flex;gap:10px;padding:10px;border-radius:12px;align-items:flex-start}.dd .mn a:hover{background:#ffffff10}.dd .mn b{display:block;font-size:14.5px}.dd .mn small{color:var(--mu);font-size:12.5px;line-height:1.35;display:block}.dd .mn em{font-style:normal;font-size:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:99px;font-weight:800;font-size:15px;border:1px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit}.pri{background:linear-gradient(135deg,var(--g2),var(--g));color:#241a05;box-shadow:0 8px 24px #e0a84a44}.ghost{border-color:#ffffff33;background:#ffffff0a;color:var(--tx)}
.hamb{display:none;width:38px;height:38px;border-radius:11px;background:#ffffff12;border:1px solid var(--ln);place-items:center;font-size:19px;cursor:pointer;color:var(--tx)}
.hero{padding:54px 0 30px;background:radial-gradient(800px 380px at 80% 0,#7c5cff33,transparent),radial-gradient(700px 360px at 0 20%,#e0a84a22,transparent)}
.kick{display:inline-block;padding:5px 12px;border-radius:99px;background:#e0a84a22;border:1px solid #e0a84a55;color:var(--g2);font-size:13px;font-weight:700}
h1{font-size:42px;line-height:1.14;margin:14px 0;letter-spacing:-.5px}h1 span{background:linear-gradient(100deg,var(--g2),#ff7ab8);-webkit-background-clip:text;color:transparent}.lead{color:#cfc7e4;font-size:18px;max-width:640px}
.cta{display:flex;gap:12px;margin:22px 0 10px;flex-wrap:wrap}.crumb{color:var(--mu);font-size:13px;margin-bottom:6px}.crumb a:hover{color:var(--g2)}
section.sx{padding:34px 0}h2.t{font-size:28px;line-height:1.2;margin-bottom:6px;letter-spacing:-.3px}.sub{color:var(--mu);max-width:660px;margin-bottom:20px}
.hub{background:var(--p);border:1px solid var(--ln);border-radius:24px;padding:18px 20px 20px}.tabs{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.tabs .t{padding:9px 18px;border-radius:99px;border:1px solid var(--ln);font-weight:700;font-size:14.5px;color:#cfc7e4;cursor:pointer;background:#ffffff08;font-family:inherit}.tabs .t.on{background:linear-gradient(135deg,var(--g2),var(--g));color:#241a05;border-color:transparent}.tabs .all{margin-left:auto;color:var(--g2);font-size:14px;font-weight:700}
.pn{display:none}.pn.on{display:block}.pn>p.hn{color:var(--mu);font-size:13.5px;margin-bottom:12px}
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
.mc{flex:none;width:232px;border-radius:16px;overflow:hidden;background:#ffffff08;border:1px solid var(--ln);scroll-snap-align:start;display:block}.mc .cv{height:122px}.mc .b{padding:10px 12px 12px}.mc h4{font-size:14.5px;line-height:1.3;margin:6px 0 4px}.mc small{color:#8b83a8;font-size:12px}
.st2{flex:none;width:112px;height:176px;border-radius:16px;position:relative;overflow:hidden;scroll-snap-align:start;display:grid;place-items:center;font-size:42px;cursor:pointer;border:0;color:#fff;font-family:inherit}.st2 u{position:absolute;top:8px;right:8px;text-decoration:none;font-size:13px;background:#000a;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.st2 s{position:absolute;bottom:8px;left:8px;right:8px;font-size:12px;font-weight:700;text-decoration:none;text-shadow:0 1px 6px #000}
.sp2{flex:none;width:250px;border-radius:16px;background:#ffffff08;border:1px solid var(--ln);overflow:hidden;scroll-snap-align:start}.sp2 .im{height:96px;display:grid;place-items:center;font-size:38px}.sp2 .b{padding:10px 12px;font-size:13.5px;color:#d6cfe6}.sp2 .m{display:flex;gap:8px;padding:0 12px 12px;flex-wrap:wrap}.sp2 .m button,.pw .ac button{border:1px solid var(--ln);background:#ffffff0c;color:#a39cb8;border-radius:99px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}
.g1{background:linear-gradient(135deg,#3b2a7a,#a24bd6)}.g2{background:linear-gradient(135deg,#0f5a6b,#2fd6c0)}.g3{background:linear-gradient(135deg,#7a3b12,#e0a84a)}.g4{background:linear-gradient(135deg,#7a1a3a,#ff6a9a)}.g5{background:linear-gradient(135deg,#123a7a,#4aa8ff)}.g6{background:linear-gradient(135deg,#1a5a2a,#7ad63a)}
.cv{position:relative;overflow:hidden;background:#241a3f}.cv img{width:100%;height:100%;object-fit:cover}
.tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--g2);background:#e0a84a1f;border-radius:99px;padding:3px 10px}
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fc{background:var(--p);border:1px solid var(--ln);border-radius:18px;padding:18px;display:block}.fc i{font-style:normal;font-size:30px;display:block}.fc h3{font-size:17px;margin:6px 0 4px}.fc p{color:var(--mu);font-size:14.5px}a.fc:hover{border-color:#e0a84a66}
.bg3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bc{background:var(--p);border:1px solid var(--ln);border-radius:20px;overflow:hidden;display:block}.bc:hover{border-color:#e0a84a66}.bc .cv{height:176px}.bc .b{padding:16px 18px 20px}.bc h3{font-size:18px;line-height:1.3;margin:10px 0 6px}.bc p{color:var(--mu);font-size:14px}.meta{display:flex;gap:10px;color:#8b83a8;font-size:12.5px;margin-top:10px;flex-wrap:wrap}
.feat{display:grid;grid-template-columns:1.3fr 1fr;background:var(--p);border:1px solid var(--ln);border-radius:24px;overflow:hidden;margin-bottom:22px}.feat .cv{min-height:300px}.feat .b{padding:28px;display:flex;flex-direction:column;justify-content:center}.feat h2{font-size:28px;line-height:1.2;margin:12px 0}
.chips{margin-bottom:18px}.chip{display:inline-block;padding:7px 15px;border-radius:99px;border:1px solid var(--ln);margin:0 6px 8px 0;font-size:13.5px}.chip.on,.chip:hover{background:var(--g);color:#241a05;font-weight:700}
.faq details{background:var(--p);border:1px solid var(--ln);border-radius:14px;padding:14px 18px;margin-bottom:10px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--mu);margin-top:8px;font-size:15px}
.band{background:linear-gradient(135deg,#2a1d52,#1a1030);border:1px solid #ffffff22;border-radius:24px;padding:26px 30px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.band b{font-size:19px}
.art{max-width:780px;margin:auto}.art h1{font-size:36px}.art .body h2{font-size:25px;margin:30px 0 10px}.art .body h3{font-size:20px;margin:22px 0 8px}.art .body p{color:#d6cfe6;margin:0 0 15px;font-size:17px}.art .body ul,.art .body ol{margin:0 0 15px 22px;color:#d6cfe6}.art .body li{margin-bottom:6px}.art .body a{color:var(--g2);text-decoration:underline}.art .body blockquote{border-left:3px solid var(--g);padding:4px 16px;color:#cfc7e4;margin:0 0 15px}
.artcv{max-width:980px;margin:22px auto 0;border-radius:24px;overflow:hidden;aspect-ratio:1200/630;background:#241a3f}.artcv img{width:100%;height:100%;object-fit:cover}
.bar2{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ab{padding:10px 18px;border-radius:99px;border:1px solid #ffffff33;background:#ffffff0a;font-weight:700;font-size:14.5px;color:var(--tx);cursor:pointer;font-family:inherit}.ab.on{background:#e8336d33;border-color:#e8336d;color:#ff9ab8}
.ibox{background:linear-gradient(135deg,#2a1d52,#1a1030);border:1px solid #e0a84a66;border-radius:18px;padding:16px 20px;margin:24px 0;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cm{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--ln)}.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-weight:800;flex:none;color:var(--g2)}.cm small{color:#8b83a8}.cm p{margin:2px 0 0;font-size:15.5px;color:#d6cfe6;overflow-wrap:anywhere}
.cf{background:var(--p);border:1px solid var(--ln);border-radius:18px;padding:16px;margin-top:18px}.cf textarea{width:100%;background:#0b0a12;border:1px solid var(--ln);color:var(--tx);border-radius:12px;padding:12px;font:inherit;min-height:88px;resize:vertical;margin:8px 0}.note{background:#e0a84a18;border:1px solid #e0a84a55;border-radius:12px;padding:9px 14px;color:var(--g2);font-size:13.5px;margin:8px 0}.ok{background:#2fd6c01a;border-color:#2fd6c066;color:#5be8d4}
.pw{background:var(--p);border:1px solid var(--ln);border-radius:20px;overflow:hidden;margin-bottom:16px}.pw .h{display:flex;gap:10px;align-items:center;padding:14px 16px}.pw .im{height:200px;display:grid;place-items:center;font-size:70px}.pw .ac{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--ln);flex-wrap:wrap}.prev{background:#7c5cff22;border:1px solid #7c5cff77;border-radius:12px;padding:10px 14px;color:#cdbfff;font-size:14px;margin-bottom:16px}
.stp{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stp div{background:var(--p);border:1px solid var(--ln);border-radius:16px;padding:16px}.stp b{display:block;color:var(--g2);font-size:22px}
.kwb h2{font-size:24px;margin:22px 0 8px}.kwb p{color:#d6cfe6;margin-bottom:12px}
footer.kf{border-top:1px solid var(--ln);padding:34px 0 90px;margin-top:30px;color:var(--mu);font-size:14px}.fgr{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px}footer h4{color:var(--tx);margin-bottom:8px;font-size:14px}footer a{display:block;padding:3px 0}footer a:hover{color:var(--g2)}
.ov{position:fixed;inset:0;background:#05040acc;backdrop-filter:blur(8px);display:none;place-items:center;z-index:80;padding:16px}.ov.on{display:grid}
.md{width:420px;max-width:100%;background:linear-gradient(160deg,#2a1d52,#14111f);border:1px solid #e0a84a77;border-radius:26px;padding:28px;text-align:center;box-shadow:0 30px 90px #000}.md .ic{font-size:44px}.md h3{font-size:22px;margin:8px 0 6px}.md p{color:#cfc7e4;font-size:15px;margin-bottom:16px}.md .btn{width:100%;margin-bottom:8px}.md small{color:var(--mu);cursor:pointer}
.dock{display:none}.pg{display:flex;gap:8px;margin:24px 0;justify-content:center}.pg a{padding:8px 14px;border-radius:10px;border:1px solid var(--ln)}.pg a.on{background:var(--g);color:#241a05;font-weight:800}
@media(max-width:820px){nav.kn,.hd>.btn.ghost{display:none}.hamb{display:grid;margin-left:0}.hd{gap:10px;height:56px}.hd .btn.pri{margin-left:auto;padding:8px 14px;font-size:13.5px}.logo{font-size:17px}.logo i{width:30px;height:30px}
h1{font-size:28px}.lead{font-size:16px}.hero{padding:26px 0 14px}.fg,.bg3,.fgr,.stp{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.fc{display:flex;gap:12px;align-items:flex-start;padding:14px}.fc i{font-size:26px}.fc h3{margin:0 0 2px;font-size:16px}.abtop{display:none}.feat{grid-template-columns:1fr}.feat .cv{min-height:190px}.feat .b{padding:18px}.feat h2{font-size:22px}h2.t{font-size:23px}.hub{padding:12px;border-radius:20px}.mc{width:200px}.tabs .t{padding:8px 13px;font-size:13.5px}.tabs .all{display:none}.st2{width:98px;height:156px}.art h1{font-size:25px}.artcv{border-radius:0;margin-top:0}.cta .btn{flex:1}
.dock{display:flex;position:fixed;left:0;right:0;bottom:0;padding:10px 14px 16px;background:linear-gradient(transparent,#0b0a12 30%);gap:10px;z-index:40}.dock .btn{flex:1;padding:14px;border-radius:16px;font-size:15px}.dock .dk{display:flex;gap:6px;align-items:center;background:var(--p2);border:1px solid var(--ln);border-radius:16px;padding:12px 14px;font-weight:700;font-size:14px;color:var(--tx);cursor:pointer;font-family:inherit}
.ov{align-items:end;padding:0}.md{border-radius:26px 26px 0 0;width:100%;padding:22px 20px 28px}.dr{display:none;position:fixed;inset:56px 0 0;background:var(--bg);z-index:49;padding:8px 16px;overflow:auto}.dr.on{display:block}.dr a{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--ln);font-weight:700}.dr small{color:var(--mu);font-weight:400;display:block;font-size:12.5px}.dr .sb a{font-weight:600;padding:10px 8px}}
@media(min-width:821px){.dr{display:none!important}}