*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5649c4;--primary-50:#f1effb;--primary-100:#e4defa;--gradient:linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--gradient-soft:linear-gradient(135deg, #f1effb 0%, #f5f3ff 100%);--gradient-dark:linear-gradient(135deg, #5649c4 0%, #8b7fe8 100%);--success:#00b894;--success-light:#d4f5ec;--warning:#e17055;--warning-light:#fceae5;--danger:#d63031;--danger-light:#fbeaea;--info:#0984e3;--info-light:#d6ebfb;--bg:#f8f9fd;--bg-card:#fff;--bg-elevated:#f1f5f9;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#b2bec3;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 2px 4px #0000000a;--shadow:0 8px 12px -2px #0000000f, 0 4px 8px -4px #0000000a;--shadow-md:0 16px 24px -8px #00000014, 0 8px 12px -4px #0000000a;--shadow-primary:0 16px 40px -8px #6c5ce759;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--tabbar-height:56px;--mobile-header-height:48px;--mobile-breakpoint:768px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}@keyframes blink{to{opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6c5ce733;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c5ce766}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}@media (width<=768px){body{background:var(--bg)}.ant-layout-content{padding:var(--space-md)!important;max-width:100%!important;padding-bottom:calc(var(--tabbar-height) + var(--space-md))!important}.ant-card{margin-bottom:var(--space-md)!important;border-radius:var(--radius-lg)!important}.desktop-header,.desktop-announcement{display:none!important}.mobile-stats-row .ant-col{flex:1 1 0!important;max-width:none!important}.mobile-quick-grid .ant-col{flex:0 0 50%!important;max-width:50%!important}.mobile-profile-header{background:var(--gradient)!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;margin:calc(-1 * var(--space-md))!important;margin-bottom:var(--space-md)!important;padding:var(--space-xl) var(--space-lg)!important;color:#fff!important}.mobile-profile-header .ant-typography,.mobile-profile-header h2{color:#fff!important}.mobile-menu-item{align-items:center!important;gap:var(--space-md)!important;padding:var(--space-md)!important;cursor:pointer!important;border-bottom:1px solid var(--border-light)!important;display:flex!important}.mobile-menu-item:last-child{border-bottom:none!important}.mobile-menu-item .menu-icon-badge{background:var(--primary-50)!important;width:40px!important;height:40px!important;color:var(--primary)!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-size:20px!important;display:flex!important}.mobile-menu-item .menu-label{color:var(--text-primary)!important;flex:1!important;font-size:15px!important;font-weight:600!important}.mobile-menu-item .menu-value{color:var(--text-muted)!important;font-size:13px!important}.mobile-menu-item .menu-arrow{color:var(--text-muted)!important;font-size:18px!important}.mobile-section-title{color:var(--text-primary)!important;margin:var(--space-lg) 0 var(--space-sm)!important;justify-content:space-between!important;align-items:center!important;font-size:16px!important;font-weight:700!important;display:flex!important}.mobile-section-title .more{color:var(--text-muted)!important;font-size:13px!important;font-weight:500!important}.game-container{max-width:100%!important}.game-option-grid{gap:var(--space-sm)!important}.game-option-grid button{aspect-ratio:1!important}.game-container svg{max-width:22vw!important;height:auto!important}.game-option-grid svg{max-width:28vw!important;height:auto!important}.ant-modal{max-width:calc(100vw - 32px)!important;margin:16px auto!important}.ant-modal .ant-modal-body{max-height:60vh!important;overflow-y:auto!important}}.mobile-tabbar{height:var(--tabbar-height);background:var(--bg-card);border-top:1px solid var(--border-light);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000a}.mobile-tabbar-item{cursor:pointer;height:100%;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;transition:color .2s;display:flex}.mobile-tabbar-item.active{color:var(--primary)}.mobile-tabbar-item .tabbar-icon{font-size:22px;line-height:1}.mobile-header{z-index:999;height:var(--mobile-header-height);background:var(--gradient);padding:0 var(--space-md);color:#fff;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #6c5ce733}.mobile-header .header-back{cursor:pointer;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .2s;display:flex}.mobile-header .header-back:active{background:#fff3}.mobile-header .header-title{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:0 var(--space-sm);flex:1;font-size:17px;font-weight:600;overflow:hidden}.mobile-header .header-right{justify-content:center;align-items:center;width:32px;display:flex}@media print{.ant-layout-header,.ant-dropdown,button,.mobile-tabbar,.mobile-header{display:none!important}.ant-layout-content{max-width:100%!important;padding:0!important}.ant-card{break-inside:avoid;box-shadow:none!important;border:1px solid #e8e8e8!important}body{background:#fff!important}}