:root{--bg-primary: #ffffff;--bg-secondary: #f5faf5;--bg-card: #e8f5e9;--bg-card-hover: #c8e6c9;--text-primary: #1e2a1e;--text-secondary: #2e3a2e;--text-muted: #5a6a5a;--border-color: #c8e6c9;--shadow: 0 4px 12px rgba(0, 0, 0, .06);--accent: #4caf50;--accent-hover: #388e3c;--max-width: 1400px;--header-height: 70px;--nav-gap: 8px}@media (prefers-color-scheme: dark){:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-card: #242424;--bg-card-hover: #333333;--text-primary: #e8f0e8;--text-secondary: #c8d0c8;--text-muted: #8a9a8a;--border-color: #3a4a3a;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--accent: #66bb6a;--accent-hover: #81c784}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,PingFang SC,Roboto,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s;-webkit-tap-highlight-color:transparent}#app{max-width:var(--max-width);margin:0 auto;padding:12px 16px;min-height:100vh;display:flex;flex-direction:column}header{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:2px solid var(--border-color);margin-bottom:24px}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:clamp(1.25rem,5vw,2rem);font-weight:700;color:var(--accent);letter-spacing:.5px;cursor:pointer;user-select:none;transition:opacity .2s;padding:4px 0}.logo:active{opacity:.7}.menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.menu-toggle:active{background:var(--bg-card)}.menu-toggle span{display:block;width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:.3s}nav{display:flex;flex-direction:column;gap:8px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease,visibility .2s}nav.nav-open{max-height:300px;opacity:1;visibility:visible}nav a{color:var(--text-secondary);text-decoration:none;padding:12px 16px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;font-size:clamp(1rem,2.5vw,1.0625rem);border-radius:12px;text-align:center;background:var(--bg-card)}nav a:active{background:var(--bg-card-hover);color:var(--accent)}main{flex:1}footer{margin-top:20px;padding-top:20px;border-top:2px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:clamp(.75rem,2vw,.875rem)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-links{display:flex;gap:clamp(14px,4vw,24px);flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s;padding:4px 0}.footer-links a:active{color:var(--accent)}@media (min-width: 600px){#app{padding:16px 24px}.logo{font-size:clamp(1.5rem,4vw,2rem)}nav a{padding:10px 18px}}@media (min-width: 769px){#app{padding:24px 48px}.menu-toggle{display:none}header{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}nav{flex-direction:row;max-height:none;opacity:1;visibility:visible;overflow:visible;background:transparent;gap:4px}nav a{background:transparent;padding:8px 20px;border-radius:20px;font-size:1rem}nav a:hover{background:var(--bg-card);color:var(--accent)}nav a:active{background:transparent;color:var(--text-secondary)}.footer-links a:hover{color:var(--accent)}}@media (min-width: 1200px){#app{padding:32px 64px}.logo{font-size:2rem}}.home-page[data-v-7a668416]{padding:12px 0 20px}.page-header[data-v-7a668416]{padding:20px 0 16px;text-align:center;background:radial-gradient(circle at 30% 20%,var(--bg-secondary),var(--bg-primary) 70%);border-radius:20px;margin-bottom:24px}.page-title[data-v-7a668416]{font-size:clamp(1.5rem,6vw,2.2rem);font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-sub[data-v-7a668416]{font-size:clamp(.875rem,2vw,1rem);color:var(--text-muted);margin:0}.category-grid[data-v-7a668416]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(14px,2.5vw,24px)}.category-card[data-v-7a668416]{background:#ffffff;padding:clamp(20px,3.5vw,32px) clamp(14px,2vw,20px);border-radius:20px;text-align:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000000d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}@media (prefers-color-scheme: dark){.category-card[data-v-7a668416]{background:var(--bg-card)}}.category-card .icon[data-v-7a668416]{font-size:clamp(2.2rem,8vw,3rem);display:block;margin-bottom:8px;line-height:1.2}.category-card h3[data-v-7a668416]{font-size:clamp(.938rem,3vw,1.125rem);font-weight:600;color:var(--text-primary);margin:0 0 2px}.category-card .game-count[data-v-7a668416]{font-size:clamp(.75rem,1.8vw,.875rem);color:var(--text-muted);display:block;margin-top:2px}.category-card[data-v-7a668416]:active{transform:scale(.96);box-shadow:0 2px 8px #00000014;border-color:var(--accent)}@media (hover: hover){.category-card[data-v-7a668416]:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 32px #4caf501f}.category-card[data-v-7a668416]:active{transform:translateY(-3px) scale(.97)}}@media (min-width: 600px){.home-page[data-v-7a668416]{padding:16px 0 24px}.page-header[data-v-7a668416]{padding:28px 0 20px;margin-bottom:28px;border-radius:24px}.category-grid[data-v-7a668416]{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.category-card[data-v-7a668416]{padding:28px 18px}}@media (min-width: 769px){.home-page[data-v-7a668416]{padding:20px 0 32px}.page-header[data-v-7a668416]{padding:36px 0 24px;margin-bottom:32px}.category-grid[data-v-7a668416]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px}.category-card[data-v-7a668416]{padding:36px 20px;border-radius:24px}}@media (min-width: 1200px){.category-grid[data-v-7a668416]{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:32px}.category-card[data-v-7a668416]{padding:40px 24px}}.category-page[data-v-4c1af0aa]{padding:8px 0}.category-title[data-v-4c1af0aa]{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.game-grid[data-v-4c1af0aa]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-bottom:32px}.game-card[data-v-4c1af0aa]{background-color:var(--bg-card);padding:20px 12px;border-radius:14px;text-align:center;cursor:pointer;transition:transform .2s,background-color .3s,box-shadow .2s;box-shadow:var(--shadow);border:1px solid var(--border-color)}.game-card[data-v-4c1af0aa]:hover{transform:scale(1.03);background-color:var(--bg-card-hover);box-shadow:0 8px 18px #4caf501f}.game-card .icon[data-v-4c1af0aa]{font-size:34px;display:block;margin-bottom:8px}.game-card h4[data-v-4c1af0aa]{font-size:16px;font-weight:500;color:var(--text-primary)}.back-btn[data-v-4c1af0aa]{background-color:var(--accent);border:none;padding:10px 28px;border-radius:30px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 4px 8px #4caf5040}.back-btn[data-v-4c1af0aa]:hover{background-color:var(--accent-hover)}.back-btn[data-v-4c1af0aa]:active{transform:scale(.96)}.game-page[data-v-5d48d460]{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;background:var(--bg-primary);padding:0;overflow:hidden}.game-header[data-v-5d48d460]{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:8px;flex-wrap:wrap}.game-title[data-v-5d48d460]{font-size:clamp(1rem,4vw,1.25rem);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.game-controls[data-v-5d48d460]{display:flex;gap:4px;flex-wrap:wrap}.control-btn[data-v-5d48d460]{display:flex;align-items:center;gap:4px;background:var(--bg-card);border:1px solid var(--border-color);padding:6px 10px;border-radius:20px;color:var(--text-secondary);font-size:clamp(.75rem,2vw,.875rem);cursor:pointer;transition:background .2s,transform .1s;min-height:44px;min-width:44px;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent}.control-btn .icon[data-v-5d48d460]{font-size:1.1em;line-height:1}.control-btn .label[data-v-5d48d460]{display:inline-block}.control-btn[data-v-5d48d460]:active{background:var(--bg-card-hover);transform:scale(.94)}@media (hover: hover){.control-btn[data-v-5d48d460]:hover{background:var(--bg-card-hover)}}.iframe-wrapper[data-v-5d48d460]{flex:1;width:100%;overflow:hidden;background:#000;display:flex;justify-content:center;align-items:center;position:relative;min-height:0}.game-iframe[data-v-5d48d460]{width:100%;height:100%;border:none;display:block;transition:transform .25s ease;transform-origin:center center}.back-btn[data-v-5d48d460]{flex-shrink:0;margin:30px auto;background:var(--accent);border:none;padding:10px 24px;border-radius:30px;color:#fff;font-size:clamp(.875rem,2.5vw,1rem);font-weight:500;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 8px #4caf504d;width:fit-content;min-height:44px;min-width:44px;touch-action:manipulation;margin-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.back-btn[data-v-5d48d460]:active{transform:scale(.96);background:var(--accent-hover)}@media (hover: hover){.back-btn[data-v-5d48d460]:hover{background:var(--accent-hover)}}@media (min-width: 600px){.game-header[data-v-5d48d460]{padding:12px 24px}.game-title[data-v-5d48d460]{font-size:clamp(1.1rem,3vw,1.4rem);max-width:60%}.control-btn[data-v-5d48d460]{padding:8px 16px;gap:6px}.back-btn[data-v-5d48d460]{padding:12px 40px;margin:12px auto}}@media (min-width: 769px){.game-header[data-v-5d48d460]{padding:14px 32px}.control-btn[data-v-5d48d460]{padding:8px 20px;font-size:.95rem}.back-btn[data-v-5d48d460]{padding:14px 48px;margin:16px auto;font-size:1rem}}@media (min-width: 1200px){.game-header[data-v-5d48d460]{padding:16px 48px}.control-btn[data-v-5d48d460]{padding:10px 24px}}.recommend-page[data-v-812e2730]{padding:8px 0}.page-title[data-v-812e2730]{font-size:26px;font-weight:600;color:var(--text-primary)}.subtitle[data-v-812e2730]{color:var(--text-muted);margin-bottom:24px}.game-grid[data-v-812e2730]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.game-card[data-v-812e2730]{background-color:var(--bg-card);padding:20px 12px;border-radius:14px;text-align:center;cursor:pointer;transition:transform .2s,background-color .3s,box-shadow .2s;box-shadow:var(--shadow);border:1px solid var(--border-color);position:relative}.game-card[data-v-812e2730]:hover{transform:scale(1.03);background-color:var(--bg-card-hover);box-shadow:0 8px 18px #4caf501f}.game-card .icon[data-v-812e2730]{font-size:34px;display:block;margin-bottom:8px}.game-card h4[data-v-812e2730]{font-size:16px;font-weight:500;color:var(--text-primary)}.game-card .tag[data-v-812e2730]{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;font-size:10px;padding:2px 10px;border-radius:12px}@media (max-width: 480px){.game-grid[data-v-812e2730]{grid-template-columns:repeat(2,1fr);gap:12px}.game-card[data-v-812e2730]{padding:14px 8px}.game-card .icon[data-v-812e2730]{font-size:28px}.game-card h4[data-v-812e2730]{font-size:13px}}.hot-page[data-v-ccdcbee4]{padding:8px 0}.page-title[data-v-ccdcbee4]{font-size:26px;font-weight:600;color:var(--text-primary)}.subtitle[data-v-ccdcbee4]{color:var(--text-muted);margin-bottom:24px}.game-grid[data-v-ccdcbee4]{display:grid;grid-template-columns:1fr;gap:12px}.game-card[data-v-ccdcbee4]{background-color:var(--bg-card);padding:16px 20px;border-radius:14px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:var(--shadow);border:1px solid var(--border-color)}.game-card[data-v-ccdcbee4]:hover{background-color:var(--bg-card-hover);transform:translate(4px)}.game-card .rank[data-v-ccdcbee4]{font-size:20px;font-weight:700;color:var(--accent);min-width:36px;text-align:center}.game-card .icon[data-v-ccdcbee4]{font-size:32px}.game-card h4[data-v-ccdcbee4]{flex:1;font-size:16px;font-weight:500;color:var(--text-primary)}.game-card .plays[data-v-ccdcbee4]{font-size:13px;color:var(--text-muted)}@media (min-width: 769px){.game-grid[data-v-ccdcbee4]{max-width:800px;margin:0 auto}}@media (max-width: 480px){.game-card[data-v-ccdcbee4]{padding:12px 14px;gap:10px}.game-card .rank[data-v-ccdcbee4]{font-size:16px;min-width:28px}.game-card .icon[data-v-ccdcbee4]{font-size:24px}.game-card h4[data-v-ccdcbee4]{font-size:14px}.game-card .plays[data-v-ccdcbee4]{font-size:11px}}