*{box-sizing:border-box}html{min-height:100%;background:#f4f6fa;color:#0c1830;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;user-select:none;-webkit-user-select:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0}a{text-decoration:none;color:inherit}.app-shell{position:relative;min-height:100svh;background:radial-gradient(circle at 20% 8%,#eef7ff 0,#f5f6fa 36%,#eef1f6 100%);overflow-x:hidden}.landing-view{min-height:100svh;padding:18px 22px max(28px,env(safe-area-inset-bottom));display:grid;place-items:center}.landing-card{width:min(100%,380px);min-height:calc(100svh - 36px);padding:52px 20px 32px;border-radius:34px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(42,55,85,.13);display:flex;flex-direction:column;align-items:center}.spark-img{width:74px;height:74px;object-fit:contain;margin-bottom:14px}.landing-card h1{margin:0 0 28px;font-size:26px;line-height:1.25;letter-spacing:0;color:#172b49}.choice-note{height:39px;width:min(100%,340px);border-radius:999px;background:#f4f6fa;color:#91a0b4;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.claim-pill{margin:14px 0 14px;padding:8px 18px;border-radius:999px;background:#fff1e8;color:#f26035;font-size:15px;font-weight:700;box-shadow:inset 0 0 0 1px #ffe0ce}.claim-pill strong{font-size:18px}.channel-card{width:min(100%,340px);margin-top:14px;padding:29px 20px 29px;border-radius:26px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 14px 34px rgba(43,60,88,.06);display:flex;flex-direction:column;align-items:center;gap:8px;color:#172b49}.channel-card strong{font-size:26px;line-height:1.2}.channel-card span{font-size:14px;color:#8a9bb4}.channel-card em{width:100%;margin-top:18px;height:56px;border-radius:999px;display:grid;place-items:center;font-style:normal;font-size:18px;font-weight:800}.channel-card.blue em{background:#eaf3ff;color:#2177ee;border:1px solid #c8ddfa}.channel-card.gold em{background:#fbeddc;color:#ed642c;border:1px solid #efcfaa}.resource-view{display:none;min-height:100svh;width:min(100%,520px);margin:0 auto;padding:0 14px max(28px,env(safe-area-inset-bottom))}.app-shell[data-view=resources] .landing-view{display:none}.app-shell[data-view=resources] .resource-view{display:block}.app-shell[data-view=resources] .float-chat{display:flex}.topbar{height:42px;display:flex;align-items:center;justify-content:center;position:relative;padding-top:3px}.notice{max-width:285px;height:36px;padding:0 18px;border-radius:999px;background:#25324a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 12px 28px rgba(17,27,43,.18);z-index:5;transition:opacity .22s ease,transform .22s ease}.notice.swap{opacity:.12;transform:translateY(-4px)}.hero-card{height:190px;margin-top:0;border-radius:14px;overflow:hidden;position:relative;background:#142235;color:white;box-shadow:0 16px 30px rgba(24,40,66,.12)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,31,.68),rgba(11,147,151,.25) 54%,rgba(255,255,255,.08))}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;height:100%;padding:55px 22px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.hot-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);font-size:12px;font-weight:800}.hero-content h2{max-width:78%;margin:10px 0 3px;font-size:23px;line-height:1.12;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.28)}.hero-meta{font-size:13px;font-weight:700;color:rgba(255,255,255,.9)}.hero-btn{margin-top:11px;height:38px;padding:0 20px;border-radius:10px;background:#fff;color:#009f92;font-size:13px;font-weight:900}.search-box{height:44px;margin-top:8px;border:1px solid #dbe3ef;border-radius:15px;background:#fff;display:flex;align-items:center;padding:0 14px;gap:10px;box-shadow:0 8px 20px rgba(33,45,66,.04)}.search-box span{font-size:22px;line-height:1;color:#52709c}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#1a2a42;font-size:14px}.search-box input::placeholder{color:#8798ad}.category-tabs{margin:16px -2px 0;padding:0 2px 4px;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;height:34px;padding:0 16px;border-radius:8px;background:#fff;border:1px solid #dfe4ec;color:#67748a;font-size:14px}.tab-btn.active{background:#15161a;border-color:#15161a;color:#fff}.section-title{height:42px;display:flex;align-items:center;gap:9px}.section-title h2{margin:0;font-size:19px;line-height:1;color:#0b1220}.section-title span{font-size:11px;color:#9ba6b8}.game-list{display:grid;gap:11px}.game-card{min-height:72px;border-radius:14px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 6px 20px rgba(29,42,65,.04);display:grid;grid-template-columns:48px minmax(0,1fr) 66px;align-items:center;gap:10px;padding:12px 14px}.game-card img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#e8edf5}.game-info{min-width:0}.game-info h3{margin:0 0 6px;font-size:15px;line-height:1.2;color:#05070b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.tag{flex:0 0 auto;height:18px;padding:0 5px;border-radius:4px;background:#e6fffb;color:#009386;font-size:10px;line-height:18px}.rating{flex:0 0 auto;color:#f4a400;font-size:10px;white-space:nowrap}.size{color:#8793a4;font-size:10px;white-space:nowrap}.get-btn{height:34px;border-radius:9px;background:#05a99d;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;text-align:center;line-height:1.15}.empty-state{padding:34px 0;text-align:center;color:#8996aa}.site-footer{padding:24px 0 10px;text-align:center;color:#c3cad5;font-size:12px}.float-chat{display:none;position:fixed;right:12px;bottom:22%;z-index:20;min-width:52px;max-width:86px;min-height:48px;padding:8px 9px;border-radius:15px;background:linear-gradient(145deg,#0ea395,#2d7cff);color:#fff;box-shadow:0 16px 34px rgba(14,99,145,.28);align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:900;line-height:1.25}.desktop-gate{display:none;position:fixed;inset:0;z-index:9999;background:#0f1724;color:#fff;align-items:center;justify-content:center;text-align:center;padding:36px}.desktop-gate div{max-width:360px}.desktop-gate strong{display:block;font-size:28px;margin-bottom:12px}.desktop-gate span{color:#b9c5d9}@media (min-width:761px),(hover:hover) and (pointer:fine){.desktop-gate{display:flex}.app-shell{filter:blur(8px);pointer-events:none;max-height:100svh;overflow:hidden}}@media (max-width:360px){.landing-card{border-radius:26px;padding-left:18px;padding-right:18px}.channel-card strong{font-size:23px}.game-card{grid-template-columns:44px minmax(0,1fr) 62px;padding:11px}.game-info h3{font-size:14px}.hero-card{height:178px}}@media (min-width:430px) and (max-width:760px){.resource-view{padding-left:22px;padding-right:22px}.hero-card{height:205px}.landing-card{min-height:760px}}