*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111a2d;color:#fff8e9;font-family:"Trebuchet MS","PingFang SC","Microsoft YaHei",system-ui,sans-serif}body{min-height:100dvh;overflow-x:hidden}.portal{position:relative;width:min(100%,480px);min-height:100dvh;margin:auto;padding:max(22px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 82% 8%,#ffe59b24,transparent 22%),linear-gradient(165deg,#192943 0%,#273b5b 48%,#634c67 100%);box-shadow:0 0 70px #060a15}.portal:before{content:'·  ✦  ·    ✧   ·  ✦';position:absolute;top:72px;left:18px;color:#fff1b8;font-size:11px;letter-spacing:9px;opacity:.38}.glow,.glow i{position:absolute;inset:0;pointer-events:none}.glow{overflow:hidden}.glow i{width:220px;height:220px;border-radius:50%;filter:blur(45px);opacity:.13;background:#8be0d2}.glow i:nth-child(1){left:-100px;top:8%}.glow i:nth-child(2){left:auto;right:-110px;top:44%;background:#f7a5b8}.glow i:nth-child(3){left:25%;top:auto;bottom:-150px;background:#ffe38c}.welcome{position:relative;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid #fff2c638;border-radius:20px;background:#ffffff0c;color:#e7d9d8;font-size:9px;letter-spacing:1px}.eyebrow span{color:#ffe39a}.welcome h1{margin:12px 0 3px;font-size:31px;letter-spacing:2px;text-shadow:0 3px #8c5465,0 8px 25px #060b18}.welcome>p{margin:0;color:#bcc9d4;font-size:11px}.mascots{height:92px;margin-top:3px;display:flex;align-items:end;justify-content:center;gap:5px}.mascots svg{position:relative;z-index:2;width:88px;height:88px;filter:drop-shadow(0 7px 5px #0b112566)}.mascots .doubao{transform:scaleX(-1)}.moon{position:relative;width:67px;height:67px;margin-bottom:7px;border-radius:50%;background:radial-gradient(circle at 36% 31%,#fff8d0,#f2cd7a 63%,#b97f72);box-shadow:0 0 0 7px #ffeaa51a,0 0 26px #ffe59a70;color:#5f4d57;display:grid;place-content:center}.moon:after{content:'';position:absolute;width:44px;height:44px;right:-8px;top:-5px;border-radius:50%;background:#243653}.moon b,.moon small{position:relative;z-index:1;display:block}.moon b{font-size:23px}.moon small{font-size:7px}.game-list{position:relative;display:grid;gap:10px}.game-card{--accent:#f0c275;position:relative;min-height:122px;padding:14px 13px 13px 103px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;border:1px solid #ffffff3d;border-radius:23px;background:linear-gradient(135deg,#ffffff18,#ffffff08);box-shadow:inset 0 1px #ffffff36,0 10px 22px #0a102542;color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s,filter .18s}.game-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,var(--accent),transparent 30%);opacity:.18}.game-card:active{transform:scale(.975);filter:brightness(1.12)}.game-card .number{position:absolute;right:12px;top:9px;color:#ffffff3b;font-size:22px;font-weight:900;letter-spacing:1px}.card-icon{position:absolute;left:14px;top:18px;width:73px;height:86px;border:1px solid #ffffff42;border-radius:21px;background:#15233b73;box-shadow:inset 0 0 20px #070e1c44,0 6px 16px #0c132552;overflow:hidden}.card-copy{position:relative;align-self:end}.card-copy small,.card-copy strong,.card-copy em{display:block}.card-copy small{color:var(--accent);font-size:8px;letter-spacing:2px}.card-copy strong{margin-top:2px;font-size:19px;letter-spacing:.5px}.card-copy em{margin-top:5px;color:#cbd2d9;font-size:8px;font-style:normal;white-space:nowrap}.play{position:relative;align-self:end;justify-self:end;padding:6px 9px;border-radius:12px;background:#ffffff12;color:#fff0c7;font-size:8px}.play b{margin-left:4px;font-size:12px}.game-card.jump{--accent:#f0bc82;background:linear-gradient(135deg,#664654b8,#273957d9)}.jump .card-icon i,.jump .card-icon em{position:absolute;left:11px;right:11px;height:8px;border-radius:7px;background:#e8ae78;box-shadow:0 4px #935a55}.jump .card-icon i{bottom:15px}.jump .card-icon em{top:16px;left:28px;right:8px;background:#8ec8b4;box-shadow:0 4px #507d79}.jump .card-icon b{position:absolute;left:24px;top:32px;color:#fff2a8;font-size:29px;transform:rotate(-12deg);text-shadow:0 0 10px #fff3a5}.game-card.bounce{--accent:#8fd9cb;background:linear-gradient(135deg,#294b5fd9,#4d4868d9)}.bounce .card-icon i{position:absolute;width:13px;height:13px;border-radius:50%;background:#f5bd82;box-shadow:0 0 9px #ffd593}.bounce .card-icon i:nth-child(1){left:13px;top:18px}.bounce .card-icon i:nth-child(2){right:12px;top:32px;background:#8cd7c7}.bounce .card-icon i:nth-child(3){left:25px;bottom:14px;background:#ef91a7}.bounce .card-icon b{position:absolute;left:20px;top:27px;color:#fff5b0;font-size:31px;transform:rotate(-24deg)}.game-card.triple{--accent:#ef9fb2;background:linear-gradient(135deg,#5c405ed9,#39435fd9)}.triple .card-icon{display:flex;align-items:center;justify-content:center;gap:3px}.triple .card-icon i{width:19px;height:28px;display:grid;place-items:center;border:1px solid #fff4d37a;border-radius:7px;background:linear-gradient(#f1b779,#c87875);color:#fff2b1;font-size:9px;font-style:normal;box-shadow:0 4px #774d61}.triple .card-icon i:nth-child(2){transform:translateY(-8px);background:linear-gradient(#89c8b1,#58899a)}footer{position:relative;margin-top:13px;display:flex;align-items:center;gap:9px;color:#b9c2cd;font-size:8px;text-align:center}footer span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#ffffff35)}footer span:last-child{transform:scaleX(-1)}footer p{margin:0}@media(max-width:350px){.portal{padding-inline:10px}.welcome h1{font-size:27px}.mascots{height:78px}.mascots svg{width:74px;height:74px}.moon{width:58px;height:58px}.game-card{min-height:111px;padding-left:91px}.card-icon{left:11px;width:66px;height:76px}.card-copy strong{font-size:17px}.card-copy em{font-size:7px}}@media(max-height:700px){.portal{padding-top:12px}.welcome h1{margin-top:7px;font-size:26px}.mascots{height:65px}.mascots svg{width:64px;height:64px}.moon{width:49px;height:49px;margin-bottom:4px}.moon:after{width:31px;height:31px}.moon b{font-size:18px}.game-list{gap:7px}.game-card{min-height:102px}.card-icon{height:70px;top:15px}.game-card{padding-top:10px;padding-bottom:10px}footer{margin-top:8px}}@media(prefers-reduced-motion:reduce){.game-card{transition:none}}