:root{--bg:#070913;--panel:#101423;--panel2:#14192c;--text:#f5f7ff;--muted:#929ab3;--line:rgba(255,255,255,.09);--cyan:#54e4ff;--violet:#8d6cff;--green:#44e5a0;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.12}.ambient-one{background:#6247ff;top:-240px;right:-120px}.ambient-two{background:#04d9ff;left:-260px;top:55%}.site-header{height:76px;max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#08101c;box-shadow:0 0 25px rgba(84,228,255,.24)}nav{display:flex;align-items:center;gap:32px;font-size:14px;color:#c7cbda}nav a:hover{color:#fff}.nav-contact{padding:9px 17px;border:1px solid var(--line);border-radius:99px}main{max-width:var(--max);margin:auto;padding:0 24px}.hero{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:66px 0 58px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.08;letter-spacing:-.055em;margin:22px 0;background:linear-gradient(120deg,#fff 12%,#d9e5ff 58%,#9f8aff);-webkit-background-clip:text;color:transparent;max-width:760px}.hero-copy>p{font-size:19px;color:var(--muted);margin:0 0 32px}.hero-actions{display:flex;gap:13px}.primary-button,.ghost-button{min-height:52px;padding:0 24px;border-radius:13px;display:inline-flex;align-items:center;gap:18px;font-weight:700;font-size:14px}.primary-button{color:#07101a;background:linear-gradient(135deg,var(--cyan),#8af6d2);box-shadow:0 10px 35px rgba(84,228,255,.15)}.ghost-button{border:1px solid var(--line);background:rgba(255,255,255,.03)}.trust-row{display:flex;gap:23px;margin-top:30px;color:#7f879d;font-size:12px}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(134,112,255,.25);border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:390px;height:230px}.orbit-b{width:310px;height:380px;transform:rotate(42deg);border-color:rgba(84,228,255,.15)}.console-card{position:relative;width:255px;height:340px;border-radius:32px;background:linear-gradient(145deg,#202740,#0c0f1c);border:1px solid rgba(255,255,255,.16);box-shadow:-35px 45px 90px #000,18px -15px 70px rgba(95,78,255,.2);transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.console-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.07) 48%,transparent 60%)}.console-shine{position:absolute;width:220px;height:220px;background:var(--violet);filter:blur(80px);opacity:.23;top:-90px}.mini-logo{width:72px;height:72px;display:grid;place-items:center;font-weight:900;font-size:31px;color:#09101e;background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:22px;margin-bottom:28px}.console-card strong{letter-spacing:.15em}.console-card small{margin-top:7px;color:#868da3}.console-line{position:absolute;bottom:42px;width:50px;height:3px;border-radius:9px;background:var(--cyan)}.float-chip{position:absolute;padding:8px 14px;border-radius:10px;background:rgba(19,25,44,.78);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:12px;font-weight:800;box-shadow:0 20px 40px #000}.chip-a{top:70px;left:24px;color:#ff86c8;transform:rotate(-9deg)}.chip-b{right:11px;bottom:74px;color:var(--cyan);transform:rotate(8deg)}.notice{display:flex;align-items:center;gap:18px;padding:13px 18px;background:rgba(84,228,255,.055);border:1px solid rgba(84,228,255,.15);border-radius:13px;color:#aeb5ca;font-size:13px}.notice span{background:var(--cyan);color:#061018;padding:3px 10px;border-radius:6px;font-weight:800}.notice p{margin:0}.platform-section,.guide{padding:110px 0 20px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px;gap:40px}.section-heading h2{font-size:36px;letter-spacing:-.04em;margin:7px 0 0}.section-heading>p{max-width:410px;margin:0;color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-card{position:relative;padding:27px;background:linear-gradient(145deg,rgba(20,25,44,.94),rgba(11,14,26,.94));border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}.game-card:hover{transform:translateY(-4px);border-color:rgba(84,228,255,.25)}.game-card.featured{box-shadow:0 25px 90px rgba(81,67,210,.11)}.game-card.featured:after{content:"";position:absolute;width:160px;height:160px;background:var(--violet);filter:blur(80px);opacity:.15;right:-60px;top:-60px}.badge{position:absolute;right:0;top:0;padding:6px 15px;border-radius:0 20px 0 13px;background:linear-gradient(135deg,var(--violet),#ce69ff);font-size:11px;font-weight:800;z-index:1}.card-top{display:flex;align-items:center;gap:16px}.game-icon{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#293354,#131a31);border:1px solid rgba(255,255,255,.1);overflow:hidden;flex:none}.game-icon img{width:100%;height:100%;object-fit:cover}.game-icon span{font-weight:900;font-size:25px;color:var(--cyan)}.card-top h3{margin:0;font-size:21px}.card-top p{margin:3px 0 0;font-size:13px;color:var(--muted)}.invite-box{width:100%;margin:22px 0 17px;padding:12px 14px 12px 16px;border-radius:12px;border:1px dashed rgba(84,228,255,.32);background:rgba(84,228,255,.045);display:flex;align-items:center;justify-content:space-between;color:inherit;cursor:pointer;text-align:left}.invite-box span{display:flex;align-items:center;gap:15px}.invite-box small,.gameplay small{font-size:11px;color:var(--muted)}.invite-box strong{font-size:16px;letter-spacing:.12em;color:var(--cyan)}.invite-box em{font-size:11px;font-style:normal;padding:5px 12px;background:rgba(84,228,255,.12);border-radius:7px;color:var(--cyan)}.gameplay{padding-bottom:14px;border-bottom:1px solid var(--line)}.gameplay p{margin:2px 0 0;font-size:13px;font-weight:600}.description{color:#8f97ac;font-size:13px;min-height:64px;margin:15px 0}.download-row{display:flex;gap:10px}.download{flex:1;min-height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:11px;background:#22283a;border:1px solid rgba(255,255,255,.08);transition:.2s}.download:hover{background:#2a3248}.download small,.download strong{display:block;line-height:1.25}.download small{font-size:9px;color:#8f97ac}.download strong{font-size:12px}.android{background:linear-gradient(135deg,rgba(68,229,160,.13),rgba(68,229,160,.05));border-color:rgba(68,229,160,.18)}.ios{background:linear-gradient(135deg,rgba(141,108,255,.15),rgba(141,108,255,.05));border-color:rgba(141,108,255,.2)}.device-icon{font-size:14px}.android .device-icon{color:var(--green)}.ios .device-icon{color:#baabff}.official-link{display:block;text-align:center;margin-top:14px;color:#737c93;font-size:11px}.official-link:hover{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.015)}.steps>div{position:relative;padding:33px;border-right:1px solid var(--line)}.steps>div:last-child{border:0}.steps b{display:block;font-size:43px;line-height:1;color:rgba(84,228,255,.13);margin-bottom:22px}.steps span{font-weight:800}.steps p{color:var(--muted);font-size:13px;margin:7px 0 0}.contact-section{margin:110px 0 70px;padding:58px 70px;border-radius:26px;background:linear-gradient(125deg,#172039,#101426 55%,#191536);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--cyan);filter:blur(130px);opacity:.1;left:-50px}.contact-copy{position:relative}.contact-copy h2{font-size:38px;margin:9px 0}.contact-copy>p{color:var(--muted);margin:0 0 18px}.contact-meta{display:flex;gap:22px;font-size:13px;color:#aeb6ca}.contact-meta b,.contact-meta a{color:#fff}.qr-card{width:190px;padding:12px;background:#fff;border-radius:18px;box-shadow:0 25px 60px #000;flex:none;position:relative}.qr-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.qr-card small{display:block;text-align:center;color:#202331;font-size:10px;margin:7px 0 1px}.qr-placeholder{aspect-ratio:1;background:repeating-linear-gradient(45deg,#eee,#eee 8px,#fff 8px,#fff 16px);display:grid;place-items:center;text-align:center;color:#353849;border-radius:9px}.qr-placeholder span{font-size:35px;line-height:1}.qr-placeholder p{font-size:11px;margin:-35px 0 0}footer{max-width:var(--max);margin:auto;padding:35px 24px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#777f94;font-size:11px}footer>div{display:flex;align-items:center;gap:25px}footer p{max-width:620px}footer>a:hover{color:white}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;padding:11px 18px;background:#effff8;color:#0b4b32;border-radius:99px;font-weight:700;font-size:12px;transition:.25s;z-index:20;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-bar{display:none}.empty-state{grid-column:1/-1;text-align:center;padding:70px;color:var(--muted);border:1px dashed var(--line);border-radius:20px}
@media(max-width:800px){.site-header{height:64px}.site-header nav a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:65px 0 25px}.hero h1{font-size:45px}.hero-visual{height:350px;order:-1}.console-card{width:205px;height:275px}.orbit-a{width:300px;height:180px}.orbit-b{width:240px;height:290px}.trust-row{gap:13px;flex-wrap:wrap}.section-heading{display:block}.section-heading h2{font-size:30px}.section-heading>p{margin-top:12px}.game-grid{grid-template-columns:1fr}.platform-section,.guide{padding-top:75px}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--line)}.contact-section{padding:40px 25px;margin-top:75px;gap:25px}.contact-copy h2{font-size:29px}.qr-card{width:150px}footer{padding-bottom:90px}footer>div{display:block}footer .brand{display:flex}footer p{margin-top:15px}.mobile-bar{position:fixed;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:8px;left:12px;right:12px;bottom:10px;padding:7px;background:rgba(13,17,30,.9);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:15px}.mobile-bar a{text-align:center;padding:10px;border-radius:10px;font-size:12px;font-weight:700}.mobile-bar a:first-child{background:linear-gradient(135deg,var(--cyan),#76efc1);color:#07131b}.mobile-bar a:last-child{background:#242a3e}}
@media(max-width:520px){main,.site-header{padding-left:17px;padding-right:17px}.brand{font-size:13px}.hero{padding-top:46px}.hero-visual{height:300px}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.primary-button,.ghost-button{justify-content:center}.game-card{padding:21px}.download-row{flex-direction:column}.description{min-height:0}.contact-section{display:block;text-align:center}.contact-meta{display:grid;gap:5px}.qr-card{margin:27px auto 0;width:180px}.contact-section{padding:38px 20px}.section-heading h2{font-size:27px}footer{display:block}footer>a{display:block;margin-top:20px}}
.brand-mark{width:38px;height:38px;background:rgba(255,255,255,.045);box-shadow:0 0 25px rgba(84,228,255,.18);overflow:hidden;padding:3px}
.brand-mark img,.mini-logo img{width:100%;height:100%;object-fit:contain;display:block}
.mini-logo{background:rgba(255,255,255,.045);padding:8px;overflow:hidden;box-shadow:0 0 32px rgba(84,228,255,.2)}