:root{--xg-bg:#070b18;--xg-panel:rgba(255,255,255,0.06);--xg-border:rgba(148,190,255,0.18);--xg-text:#eaf2ff;--xg-dim:#9db3d6;--xg-accent:#4da3ff;--xg-accent2:#7ee7ff;--xg-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(77,120,255,.18),transparent),radial-gradient(900px 500px at 10% 110%,rgba(96,220,255,.12),transparent),var(--xg-bg);color:var(--xg-text);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;min-height:100vh}.glass{background:var(--xg-panel);border:1px solid var(--xg-border);border-radius:var(--xg-radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px rgba(0,0,20,.35)}.wrap{max-width:1080px;margin:0 auto;padding:24px 16px 80px}.hero{display:flex;align-items:center;gap:20px;margin-bottom:28px}.hero img.logo{width:96px;height:96px;border-radius:20px;object-fit:cover}.hero h1{font-size:28px;letter-spacing:1px}.hero p{color:var(--xg-dim);margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.card{padding:18px;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);border-color:rgba(126,231,255,.4)}.card h3{font-size:17px;margin-bottom:6px}.card .desc{color:var(--xg-dim);font-size:13px;min-height:36px}.card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price{color:var(--xg-accent2);font-weight:700;font-size:18px}.price small{font-size:12px;color:var(--xg-dim);font-weight:400}.btn{display:inline-block;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,var(--xg-accent),var(--xg-accent2));color:#04101f;font-weight:700;font-size:14px;text-decoration:none;transition:transform .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px);opacity:.92}.btn:active{transform:translateY(0);opacity:.8}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--xg-accent2);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;color:var(--xg-dim)}.badge,.xg-nav{border:1px solid var(--xg-border)}.xg-nav{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:2px;padding:4px 8px;z-index:50;background:rgba(10,16,32,.55);border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,20,.45)}.xg-tab-off{background:rgba(255,255,255,.1)!important;color:var(--xg-text)!important}.xg-nav{overflow:hidden}.xg-nav-pill{position:absolute;top:4px;left:8px;height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,rgba(126,231,255,.35),rgba(77,163,255,.22));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 4px 14px rgba(77,163,255,.35);transition:transform .35s cubic-bezier(.34,1.4,.64,1),width .35s ease;pointer-events:none}.xg-greet{display:flex;align-items:center;gap:8px;font-size:13px;margin:-6px 0 10px 2px;color:var(--xg-text)}.xg-greet-login{color:var(--xg-accent);text-decoration:none;padding:3px 12px;border-radius:999px;border:1px solid var(--xg-border)}.xg-nav a .xg-unread{position:absolute;top:2px;right:8px;width:8px;height:8px;border-radius:50%;background:#ff5d5d;box-shadow:0 0 6px #ff5d5d}.xg-celebrate{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:rgba(4,8,24,.45)}.xg-celebrate-card{padding:28px 36px;text-align:center;animation:xg-pop .35s ease;max-width:86vw}.xg-celebrate-icon{font-size:48px;animation:xg-bounce .8s ease infinite alternate}.xg-celebrate-card strong{display:block;font-size:18px;margin-top:8px}.xg-celebrate-card p{color:var(--xg-dim);font-size:13px;margin:6px 0 8px}@keyframes xg-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes xg-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.xg-celebrate-card,.xg-celebrate-icon{animation:none!important}}:root[data-theme=light]{--xg-bg:#eef3fb;--xg-panel:rgba(255,255,255,0.55);--xg-border:rgba(30,80,160,0.15);--xg-text:#17233b;--xg-dim:#5a6b8c}:root[data-theme=light] body{background:radial-gradient(1200px 600px at 80% -10%,rgba(77,120,255,.14),transparent),radial-gradient(900px 500px at 10% 110%,rgba(96,220,255,.12),transparent),var(--xg-bg)}:root[data-theme=light] .xg-nav{background:rgba(255,255,255,.6)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--xg-bg:#eef3fb;--xg-panel:rgba(255,255,255,0.55);--xg-border:rgba(30,80,160,0.15);--xg-text:#17233b;--xg-dim:#5a6b8c}:root:not([data-theme=dark]):not([data-theme=light]) body{background:radial-gradient(1200px 600px at 80% -10%,rgba(77,120,255,.14),transparent),radial-gradient(900px 500px at 10% 110%,rgba(96,220,255,.12),transparent),var(--xg-bg)}:root:not([data-theme=dark]):not([data-theme=light]) .xg-nav{background:rgba(255,255,255,.6)}}@media (max-width:640px){.wrap{padding-bottom:96px}.hero h1{font-size:22px}}.xg-brandbar{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:16px;background:linear-gradient(135deg,rgba(26,44,110,.35),rgba(77,163,255,.12)),var(--xg-panel)}.xg-brandbar-logo{width:44px;height:44px;object-fit:contain;border-radius:10px}.xg-brandbar-text h1{font-size:18px;line-height:1.2}.xg-brandbar-text p{font-size:12px;color:var(--xg-dim)}.xg-theme-btn{padding:5px 10px;background:rgba(255,255,255,.08);font-size:12px;cursor:pointer}.xg-brandbar-user,.xg-theme-btn{border-radius:999px;border:1px solid var(--xg-border);color:var(--xg-text)}.xg-brandbar-user{margin-left:auto;font-size:13px;text-decoration:none;padding:6px 14px}.xg-brandbar-user:hover{background:rgba(255,255,255,.08)}.xg-carousel{position:relative;border-radius:var(--xg-radius);overflow:hidden;margin-bottom:24px;border:1px solid var(--xg-border);box-shadow:0 8px 32px rgba(0,0,20,.35)}.xg-carousel-track{display:flex;transition:transform .45s ease}.xg-carousel-slide{position:relative;flex:0 0 100%;display:flex;align-items:flex-end;text-decoration:none;min-height:clamp(400px,56vw,540px)}.xg-carousel-slide img{position:absolute;inset:0;height:100%;width:100%;height:clamp(400px,56vw,540px);object-fit:cover;display:block}.xg-carousel-text{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;background:linear-gradient(transparent,rgba(4,8,24,.78));color:#fff}.xg-carousel-text strong{font-size:17px;display:block}.xg-carousel-text span{font-size:12px;opacity:.85;display:block;margin-top:2px}.xg-carousel-text em{font-style:normal;display:inline-block;margin-top:8px;padding:4px 14px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.xg-carousel-dots{position:absolute;right:12px;top:12px;display:flex;gap:6px}.xg-carousel-dots button{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.4);padding:0}.xg-carousel-dots button.on{background:var(--xg-accent2)}.xg-staff-card{position:relative;display:block}.xg-staff-head{display:flex;align-items:center;gap:10px}.xg-avatar{width:46px;height:46px;border-radius:12px;object-fit:cover;flex-shrink:0}.xg-online-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;margin-left:auto;box-shadow:0 0 6px #4ade80;flex-shrink:0}.xg-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.xg-game-card{display:flex;gap:12px;align-items:center}.xg-game-card img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0}.xg-game-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.xg-carousel-track{transition:none!important}}.xg-splash{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#f2f7ff,#dce9ff);transition:opacity .6s ease,visibility .6s ease}.xg-splash-fade{opacity:0;visibility:hidden;pointer-events:none}.xg-splash-svg{display:block;width:min(72vw,520px);height:auto;aspect-ratio:2025/1725;margin:0 auto}.xg-splash-skip{position:absolute;bottom:28px;font-size:12px;color:#6b7fa8;opacity:.8}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.xg-splash-css{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#070b18,#0e1a3a);animation:xg-splash-fade-out .6s ease 5.8s forwards;pointer-events:auto}.xg-splash-inner{text-align:center}.xg-splash-close{position:absolute;inset:0;z-index:1;cursor:pointer}@keyframes xg-draw{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes xg-brand-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes xg-splash-fade-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.xg-splash-css{animation-duration:2s}}.xg-nav a{display:flex;align-items:center;justify-content:center;width:56px;height:44px;border-radius:12px;color:var(--xg-dim);text-decoration:none;font-size:22px;line-height:1;transition:background .15s ease,color .15s ease}.xg-nav a:hover{background:rgba(255,255,255,.08);color:var(--xg-text)}.xg-nav a.active{background:linear-gradient(135deg,rgba(77,163,255,.28),rgba(126,231,255,.18));color:var(--xg-text)}.xg-nav .xg-nav-item-btn{width:52px;height:44px;border-radius:12px;border:none;background:none;display:flex;align-items:center;justify-content:center;color:var(--xg-dim);cursor:pointer;font-size:19px;line-height:1;transition:background .15s ease,color .15s ease}.xg-nav .xg-nav-item-btn:hover{background:rgba(255,255,255,.08);color:var(--xg-text)}.xg-nav .xg-btn-text{display:none}