:root{--wrapper-width: 500px;--primary-color: #009DFF;--primary-600: #009DFF;--text-color: #333;--muted-color: #999;--bg-page: #fafafa;--bg-card: #fff;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--header-height: 52px}@font-face{font-family:Inter;src:url(/imgs/font/Inter-Medium-8.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;font-size-adjust:.5;ascent-override:90%;descent-override:20%;line-gap-override:0%}*{box-sizing:border-box}html{height:100%;width:100vw;max-width:var(--wrapper-width);margin:0 auto}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-color);-webkit-tap-highlight-color:rgba(0,0,0,0);width:100vw;max-width:var(--wrapper-width)}body.is-modal-open{overflow:hidden}a{text-decoration:none;color:var(--primary-color)}.wrapper{width:100vw;max-width:var(--wrapper-width);min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background-image:url(/imgs/bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.header{position:sticky;top:0;z-index:50;height:52px;background:#82cfff;color:#fff;display:flex;align-items:center;padding:0 12px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:#fff}.logo-badge{width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#ffb266,var(--primary-color));position:relative;box-shadow:inset 0 0 0 2px #ffffff8c}.logo-img{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}.logo-text{font-size:16px;letter-spacing:.2px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{background:transparent;border:0;color:#fff;border-radius:10px;display:grid;place-items:center;padding:0}.icon-btn img{width:24px;height:24px;object-fit:contain}.drawer{position:fixed;inset:0;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer.open{opacity:1;pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:#0000;transition:background-color .24s ease}.drawer.open .drawer-backdrop{background:#00000059}.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:76%;max-width:320px;background:#fff;box-shadow:var(--shadow-sm);padding:16px 12px;overflow-y:auto;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform}.drawer.open .drawer-panel{transform:translate(0)}.drawer-title{font-weight:700;margin:6px 6px 12px;color:var(--primary-color);display:flex;align-items:center;justify-content:space-between}.drawer-title .icon-btn{background:none;border:none;padding:4px;border-radius:6px;cursor:pointer}.drawer-title .icon-btn:hover{background:#ff99331a}.drawer-title .icon-btn img{width:20px;height:20px;object-fit:contain}.search-container{display:flex;gap:8px;margin-top:12px;padding:8px;background:#f8f8f8;border-radius:var(--radius-md);border:1px solid #e0e0e0}.search-input{flex:1;border:none;background:transparent;padding:8px 12px;font-size:14px;color:var(--text-color);border-radius:8px;outline:none}.search-input::placeholder{color:#999}.search-input:focus{background:#fff;box-shadow:0 0 0 2px #f933}.search-btn{background:var(--primary-color);border:none;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;transition:background-color .2s ease}.search-btn:hover{background:#e68a2e}.search-btn img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}main{padding-bottom:12px}.nav-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.nav-item a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary-color);padding:10px 8px;border-radius:12px}.nav-item img{width:24px;height:24px;object-fit:contain;display:block}.nav-item a:active{background:#f4f4f4}.section{padding:6px 12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}.section-title .left{display:flex;align-items:center;gap:6px;color:var(--primary-color);font-weight:700;font-size:24px}.section-title small a{color:#999;text-decoration:none}.section-title .left img{width:20px;height:20px;object-fit:contain}.ad-box{background:#f5f5f5;border-radius:var(--radius-md);display:flex;justify-content:start;flex-direction:column;color:var(--muted-color);font-size:14px;width:300px;min-height:90px;height:200px;margin:0 auto}.ad-box:before{content:"Advertisement";width:100%;height:10px;font-size:12px;line-height:10px;z-index:0;left:0;background:var(--primary-color);text-align:center;color:#fff;border-top-right-radius:var(--radius-sm);border-top-left-radius:var(--radius-sm);padding:2px 0}.ad-box ins{width:100%}.card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.card-media{width:100%;height:100px;background:#f0f0f0;border-radius:var(--radius-md) var(--radius-md) 0 0;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.card-body{padding:6px}.card-title{font-size:13px;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color)}.card-desc{font-size:12px;color:#666;margin:0;height:28px;overflow:hidden;line-height:14px}.more-games-btn{width:100%;background:var(--primary-color);color:#fff;border:0;padding:16px 20px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease;margin:20px 0}.more-games-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #9996}.more-games-btn:active{transform:translateY(0)}.more-games-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.footer{border-top:2px solid #fff;margin-top:auto;color:var(--primary-color);font-size:12px;padding:10px}.footer-links{display:grid;grid-auto-flow:column;justify-content:space-around;gap:8px;padding-bottom:10px}.footer-links a{color:var(--primary-color);text-decoration:none;font-size:12px;text-align:center}.copyright{text-align:center}@media (max-width: 360px){.categories{grid-template-columns:repeat(3,1fr)}}.cookie-banner{position:fixed;left:50%;transform:translate(-50%);bottom:12px;width:calc(100% - 24px);max-width:500px;background:#fff;color:var(--text-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:12px;z-index:50;display:none}.cookie-row{display:flex;align-items:center;gap:10px}.cookie-text{font-size:12px;color:#555;line-height:1.5;flex:1}.cookie-actions{display:flex;gap:8px}.cookie-btn{background:var(--primary-color);color:#fff;border:0;padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer}.cookie-link{background:transparent;color:var(--primary-color);border:0;padding:8px 10px;border-radius:999px;font-weight:700;cursor:pointer}.star{width:13px;height:13px;object-fit:contain}.star.empty{opacity:.3}img{max-width:100%;height:auto}.game-card{aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:#f8f8f8;position:relative}.game-card img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.home-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat-card{position:relative;display:flex;align-items:center;justify-content:space-between;height:60px;border-radius:12px;padding:10px 16px;color:#fff;text-decoration:none;background-size:cover;background-position:center;overflow:hidden}.cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#0000008c)}.cat-name{position:relative;z-index:1;font-size:16px;line-height:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.cat-arrow{position:relative;z-index:1;place-items:center}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.menu-pop{position:absolute;top:var(--header-height);right:0;background:var(--primary-color);border-bottom-left-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);display:none;flex-direction:column;gap:20px;z-index:41;opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.menu-pop.show{display:flex;opacity:1;transform:none;pointer-events:auto}.menu-pop.closing{pointer-events:none}.menu-item{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}.menu-item img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.overlay{position:fixed;left:0;right:0;bottom:0;top:var(--header-height);background:#0000008c;display:none;z-index:40;opacity:0;transition:opacity .18s ease}.overlay.show{width:var(--wrapper-width);margin:0 auto;display:block;opacity:1}.search-modal{width:100%;max-width:var(--wrapper-width);margin:0 auto;position:absolute;left:0;right:0;top:var(--header-height);background:var(--primary-color);color:#fff;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px;display:none;z-index:41;opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.search-modal.show{display:block;opacity:1;transform:none;pointer-events:auto}.search-modal.closing{pointer-events:none}.search-bar{display:flex;align-items:center;gap:8px;background:#fff3;border-radius:999px;padding:6px 12px;border:1px solid #fff}.search-input-large{flex:1;border:0;background:transparent;color:#fff;outline:none;font-size:14px}.search-input-large::placeholder{color:#ffffffe6}.search-submit{background:transparent;border:0;width:28px;height:28px;display:grid;place-items:center}.search-submit img{width:18px;height:18px;filter:brightness(0) invert(1)}.chips{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.chips .chip{background:#fff;color:var(--primary-color);border-radius:999px;padding:6px 12px;font-size:12px}.hot-title{margin:8px 0 10px;font-size:18px}.hot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hot-grid .hot-item{width:100%;padding-top:100%;border-radius:10px;background-size:cover;background-position:center}.search-close{position:fixed;left:50%;transform:translate(-50%);bottom:72px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:0;display:none;z-index:42;font-size:24px;box-shadow:var(--shadow-sm);opacity:0;transform-origin:center;transition:opacity .18s ease,transform .18s ease}.search-close.show{display:grid;place-items:center;opacity:1}@keyframes popInScale{0%{opacity:0;transform:translateY(-8px) scale(.06)}60%{opacity:1;transform:translateY(2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popOutScale{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.86)}}.menu-pop,.search-modal{--origin-x: 50%;--origin-y: 0%;transform-origin:var(--origin-x) var(--origin-y)}.menu-pop.show{animation:popInScale .28s cubic-bezier(.22,.72,.23,1)}.menu-pop.closing{animation:popOutScale .18s ease forwards}.search-modal.show{animation:popInScale .32s cubic-bezier(.22,.72,.23,1)}.search-modal.closing{animation:popOutScale .18s ease forwards}.loading{width:90vw;max-width:var(--wrapper-width);margin:0 auto;text-align:center;padding:40px 20px;color:var(--text-secondary);font-weight:600;display:flex!important;align-items:center;justify-content:center;gap:10px}.loading:before{content:"";display:inline-block;width:20px;height:20px;border:3px solid var(--primary-color);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{to{transform:rotate(360deg)}}.back-to-top-btn-box{width:10%;max-width:500px;position:fixed;bottom:72px;right:20px}.back-to-top{position:absolute;width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;border:0;box-shadow:var(--shadow-sm);display:none;align-items:center;justify-content:center;z-index:10}