@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/dist/fonts/noto-sans-sc/NotoSansSC-Regular.ttf)format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/dist/fonts/noto-sans-sc/NotoSansSC-Medium.ttf)format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/dist/fonts/noto-sans-sc/NotoSansSC-Bold.ttf)format("truetype")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:900;font-display:swap;src:url(/dist/fonts/noto-sans-sc/NotoSansSC-Black.ttf)format("truetype")}:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-light:#6366f1;--accent:#06b6d4;--accent-light:#22d3ee;--bg-main:#f0f2f5;--bg-white:#fff;--text-dark:#1e293b;--text-gray:#64748b;--text-light:#fff;--border:#e2e8f0;--shadow:0 2px 8px #0000000f;--shadow-hover:0 8px 24px #0000001f;--radius:8px;--radius-lg:12px;--cat-action:#ef4444;--cat-puzzle:#10b981;--cat-adventure:#3b82f6;--cat-sports:#f59e0b;--cat-casual:#ec4899;--cat-classic:#8b5cf6;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-width:320px;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:1000;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0c1a3d 100%);position:sticky;top:0;box-shadow:0 4px 24px #0f172a66}.site-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--primary-light), var(--accent), transparent);background-size:200% 100%;height:2px;animation:4s ease-in-out infinite headerGlow;position:absolute;bottom:0;left:0;right:0}@keyframes headerGlow{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.header-top{max-width:1200px;height:var(--header-height);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:0 24px;display:flex}.logo{color:#fff;cursor:pointer;flex-shrink:0;align-items:center;gap:10px;font-size:28px;font-weight:900;transition:opacity .3s;display:flex}.logo:hover{opacity:.9}.logo-icon{font-size:36px;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.header-search{flex:1;max-width:420px;margin:0 16px;position:relative}.header-search input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;outline:none;width:100%;height:40px;padding:0 48px 0 20px;font-family:inherit;font-size:14px;transition:all .3s}.header-search input::placeholder{color:#fff6}.header-search input:focus{border-color:var(--accent);background:#ffffff24;box-shadow:0 0 0 3px #06b6d426,0 0 20px #06b6d41a}.header-search button{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:4px;right:4px}.header-search button:hover{transform:scale(1.1);box-shadow:0 0 12px #06b6d466}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-actions .user-btn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:7px 18px;font-family:inherit;font-size:13px;transition:all .3s;display:flex}.header-actions .user-btn:hover{background:#6366f14d;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.mode-tag{color:var(--accent-light);letter-spacing:.3px;background:linear-gradient(135deg,#06b6d433,#4f46e533);border:1px solid #06b6d433;border-radius:10px;padding:3px 10px;font-size:11px}.category-nav{background:#ffffff08;border-top:1px solid #ffffff0f}.category-nav-inner{scrollbar-width:none;gap:0;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.category-nav-inner::-webkit-scrollbar{display:none}.cat-link{color:#fff9;white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .25s;display:flex;position:relative}.cat-link:hover{color:#fffffff2;background:#ffffff0d}.cat-link.active{color:var(--accent-light);border-bottom-color:var(--accent);background:#06b6d40f}.main-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.main-container>*{width:100%}.section{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-title{color:var(--text-dark);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.section-title .icon{font-size:22px}.section-more{color:var(--text-gray);cursor:pointer;font-size:13px;transition:color .2s}.section-more:hover{color:var(--primary)}.section-body{padding:16px 20px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.game-card{cursor:pointer;border-radius:var(--radius);transition:all .3s;overflow:hidden}.game-card:hover{transform:translateY(-6px)}.game-card:hover .game-thumb{box-shadow:var(--shadow-hover)}.game-thumb{aspect-ratio:1;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:linear-gradient(135deg,#f0f0f0,#e0e0e0);transition:box-shadow .3s;position:relative;overflow:hidden}.game-thumb img{object-fit:cover;width:100%;height:100%}.game-thumb-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.game-thumb .play-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.game-card:hover .play-overlay{opacity:1}.play-overlay .play-btn{background:var(--primary);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 4px 12px #0000004d}.game-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dark);padding:8px 2px 4px;font-size:13px;font-weight:500;overflow:hidden}.game-cat-tag{text-align:center;color:var(--text-gray);font-size:11px}.hot-tags{flex-wrap:wrap;gap:8px;padding:16px 20px;display:flex}.hot-tag{cursor:pointer;border:1px solid var(--border);color:var(--text-dark);background:#fafafa;border-radius:15px;padding:5px 14px;font-size:13px;transition:all .2s}.hot-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05);box-shadow:0 2px 8px #4f46e54d}.hero-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e1b4b 0%,#312e81 30%,#0c4a6e 70%,#1e1b4b 100%) 0 0/200% 200%;justify-content:space-between;align-items:center;min-height:180px;margin-bottom:20px;padding:40px;animation:8s infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #4f46e533}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-text{color:#fff;z-index:1}.hero-text h1{text-shadow:2px 2px 4px #0003;margin-bottom:8px;font-size:32px;font-weight:900}.hero-text p{opacity:.9;margin-bottom:16px;font-size:16px}.hero-text .hero-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;cursor:pointer;border:none;border-radius:25px;align-items:center;gap:6px;padding:10px 28px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #4f46e54d}.hero-text .hero-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4f46e566}.hero-emojis{opacity:.8;text-shadow:4px 4px 8px #0003;font-size:80px}.ranking-list{list-style:none}.ranking-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:10px 20px;transition:background .2s;display:flex}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:#fafafa}.ranking-num{color:#999;background:#eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.ranking-num.top1{color:#fff;background:gold}.ranking-num.top2{color:#fff;background:silver}.ranking-num.top3{color:#fff;background:#cd7f32}.ranking-game-icon{border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:28px;overflow:hidden}.ranking-info{flex:1;min-width:0}.ranking-game-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ranking-score{color:var(--text-gray);font-size:12px}.site-footer{color:#ffffff80;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-top:1px solid #ffffff0f;margin-top:20px;padding:28px 20px;font-size:13px}@media (width<=768px){.header-search{max-width:180px;margin:0 8px}.game-grid{grid-template-columns:repeat(3,1fr);gap:12px}.hero-banner{min-height:140px;padding:24px}.hero-text h1{font-size:22px}.hero-emojis{font-size:50px}.cat-link{padding:8px 12px;font-size:12px}.mode-tag{display:none}}@media (width<=480px){.game-grid{grid-template-columns:repeat(3,1fr);gap:10px}.logo{font-size:20px}.logo-icon{font-size:28px}.header-search{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.two-col{grid-template-columns:1fr 320px;gap:20px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}