*{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}@media (width<=768px){:root{--ant-font-size:13px;--ant-font-size-sm:12px;--ant-font-size-lg:14px;--ant-font-size-heading-1:24px;--ant-font-size-heading-2:20px;--ant-font-size-heading-3:17px;--ant-font-size-heading-4:15px;--ant-font-size-heading-5:13px;--ant-control-height:32px;--ant-control-height-sm:24px;--ant-control-height-lg:40px;--ant-border-radius:6px;--ant-border-radius-lg:8px;--ant-card-padding:14px;--ant-card-padding-sm:12px;--ant-list-item-padding:10px 0}}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);overflow-wrap:break-word;word-break:break-word}#root{max-width:100vw;overflow-x:hidden}.ant-layout-content{overflow-wrap:break-word;word-break:break-word;overflow-x:hidden;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;max-width:100%!important}.ant-card-body{overflow-wrap:break-word;word-break:break-word;min-width:0}.ant-card-head{min-height:40px!important;padding:0 14px!important}.ant-card-head-title{padding:10px 0!important}.ant-statistic-title{font-size:12px!important}.ant-statistic-content{font-size:18px!important}.ant-form-item{margin-bottom:14px!important}.ant-empty{padding:24px 0!important}.ant-empty-image{height:48px!important}.ant-descriptions-item{padding-bottom:8px!important}.ant-collapse-header{padding:10px 14px!important}.ant-collapse-content-box{padding:12px 14px!important}.ant-list-item{padding:10px 0!important}.ant-alert{padding:8px 12px!important}.ant-steps-item-title{font-size:13px!important}.ant-tabs-tab{padding:8px 0!important;font-size:13px!important}.game-container>div[style*="marginBottom: 24"],.game-container>div[style*="margin-bottom: 24"]{margin-bottom:16px!important}.game-container .ant-row{margin-bottom:0!important}.game-container [style*="fontSize: 32"],.game-container [style*="font-size: 32"]{font-size:24px!important}.game-container [style*="fontSize: 28"],.game-container [style*="font-size: 28"]{font-size:22px!important}.game-container [style*="width: 64"],.game-container [style*=width\:64]{width:48px!important;height:48px!important}[style*="fontSize: 48"],[style*="font-size: 48"]{font-size:32px!important}[style*="fontSize: 36"],[style*="font-size: 36"]{font-size:26px!important}[style*="fontSize: 32"],[style*="font-size: 32"]{font-size:24px!important}[style*="fontSize: 28"],[style*="font-size: 28"]{font-size:22px!important}[style*="fontSize: 24"],[style*="font-size: 24"]{font-size:20px!important}[style*="fontSize: 20"],[style*="font-size: 20"]{font-size:17px!important}[style*="fontSize: 18"],[style*="font-size: 18"]{font-size:15px!important}[style*="padding: 40px 0"],[style*="padding:40px 0"]{padding:24px 0!important}[style*="padding: 48px 24px"],[style*="padding:48px 24px"]{padding:24px 16px!important}[style*="padding: 60px 0"],[style*="padding:60px 0"]{padding:32px 0!important}.ant-space-item{min-width:0!important}.ant-collapse-content,.ant-typography,.ant-alert-description,.ant-alert-message{overflow-wrap:break-word;word-break:break-word}.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-lg) var(--space-md)!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-sm)!important;padding:12px 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:36px!important;height:36px!important;color:var(--primary)!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-size:18px!important;display:flex!important}.mobile-menu-item .menu-label{color:var(--text-primary)!important;flex:1!important;font-size:14px!important;font-weight:600!important}.mobile-menu-item .menu-value{color:var(--text-muted)!important;font-size:12px!important}.mobile-menu-item .menu-arrow{color:var(--text-muted)!important;font-size:14px!important}.mobile-section-title{color:var(--text-primary)!important;margin:var(--space-md) 0 var(--space-xs)!important;justify-content:space-between!important;align-items:center!important;font-size:15px!important;font-weight:700!important;display:flex!important}.mobile-section-title .more{color:var(--text-muted)!important;font-size:12px!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;padding:16px!important;overflow-y:auto!important}.ant-modal .ant-modal-header{padding:14px 16px!important}.ant-modal .ant-modal-footer{padding:10px 16px!important}.ant-drawer-content-wrapper{max-width:100vw!important}.ant-pagination-options{display:none!important}.ant-input-password-icon,.ant-input-clear-icon,.ant-input-affix-wrapper .anticon{justify-content:center!important;align-items:center!important;min-width:36px!important;min-height:36px!important;display:inline-flex!important}.ant-pagination-item,.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{min-width:36px!important;min-height:36px!important}.mobile-home-greeting{padding:8px 0 4px}.mobile-home-greeting .greeting-title{color:var(--text-primary);font-size:20px;font-weight:800}.mobile-home-greeting .greeting-sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.mobile-cta-card{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6c5ce714 0%,#a29bfe14 100%);border:1px solid #6c5ce71f;margin:8px 0 12px;padding:14px 16px}.mobile-cta-card .cta-tag{color:var(--primary);letter-spacing:2px;margin-bottom:4px;font-size:12px;font-weight:700}.mobile-cta-card .cta-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.mobile-cta-card .cta-btns{justify-content:center;gap:10px;margin-top:10px;display:flex}.mobile-method-item{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:transform .15s;display:flex}.mobile-method-item:active{transform:scale(.98)}.mobile-method-item .method-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-method-item .method-info{flex:1;min-width:0}.mobile-method-item .method-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.mobile-method-item .method-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mobile-method-item .method-match{text-align:right;flex-shrink:0}.mobile-method-item .match-num{font-size:18px;font-weight:800;line-height:1.2}.mobile-method-item .match-label{color:var(--text-muted);font-size:10px}.mobile-method-empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);border:1px dashed var(--border);margin-bottom:8px;padding:12px;font-size:13px}.mobile-method-empty span{color:var(--primary);font-weight:600}.mobile-trend-item{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:transform .15s;display:flex}.mobile-trend-item:active{transform:scale(.98)}.mobile-trend-item .trend-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-trend-item .trend-info{flex:1;min-width:0}.mobile-trend-item .trend-title{color:var(--text-primary);font-size:14px;font-weight:600}.mobile-trend-item .trend-desc{color:var(--text-secondary);margin-top:1px;font-size:12px}.mobile-quick-list{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.mobile-quick-item{cursor:pointer;align-items:center;gap:10px;padding:11px 12px;transition:background .15s;display:flex}.mobile-quick-item+.mobile-quick-item{border-top:1px solid var(--border-light)}.mobile-quick-item:active{background:var(--bg-elevated)}.mobile-quick-item .quick-label{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.mobile-quick-item .quick-value{color:var(--text-muted);font-size:12px}.mobile-history-summary{border-radius:var(--radius-lg);background:var(--gradient);align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.mobile-history-summary .hs-col{flex-direction:column;flex:1;align-items:center;display:flex}.mobile-history-summary .hs-num{color:#fff;font-size:22px;font-weight:800;line-height:1.1}.mobile-history-summary .hs-label{color:#ffffffd9;margin-top:2px;font-size:11px}.mobile-history-summary .hs-divider{background:#ffffff40;width:1px;height:32px;margin:0 16px}.mobile-history-item{cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.mobile-history-item+.mobile-history-item{border-top:1px solid var(--border-light)}.mobile-history-item:active{background:var(--bg-elevated)}.mobile-history-item .hi-index{color:var(--primary);background:var(--primary-50);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:600}.mobile-history-item .hi-body{flex:1;min-width:0}.mobile-history-item .hi-top{align-items:center;gap:6px;margin-bottom:2px;display:flex}.mobile-history-item .hi-score{font-size:18px;font-weight:800;line-height:1}.mobile-history-item .hi-date{color:var(--text-muted);font-size:11px}.mobile-combo-banner{background:var(--gradient-soft);border-radius:var(--radius-lg);border:1px solid #6c5ce71f;margin-bottom:10px;padding:12px}.mobile-combo-banner .combo-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.mobile-combo-banner .combo-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.mobile-method-rec-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);cursor:pointer;margin-bottom:8px;transition:transform .15s;overflow:hidden}.mobile-method-rec-card:active{transform:scale(.98)}.mobile-method-rec-card .mrc-header{align-items:center;gap:10px;padding:10px 12px 0;display:flex}.mobile-method-rec-card .mrc-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-method-rec-card .mrc-info{flex:1;min-width:0}.mobile-method-rec-card .mrc-title{color:var(--text-primary);margin-bottom:1px;font-size:14px;font-weight:700}.mobile-method-rec-card .mrc-subtitle{color:var(--text-muted);font-size:11px}.mobile-method-rec-card .mrc-match{text-align:right;flex-shrink:0}.mobile-method-rec-card .mrc-score{font-size:18px;font-weight:800;line-height:1}.mobile-method-rec-card .mrc-label{color:var(--text-muted);margin-top:2px;font-size:10px}.mobile-method-rec-card .mrc-reason{padding:6px 12px 8px}.mobile-method-rec-card .mrc-reason-label{color:var(--text-primary);font-size:12px;font-weight:600}.mobile-method-rec-card .mrc-reason-text{color:var(--text-secondary);font-size:12px;line-height:1.5}.mobile-method-rec-card .mrc-footer{justify-content:space-between;align-items:center;gap:8px;padding:0 12px 8px;display:flex}.mobile-method-rec-card .mrc-badge{background:var(--primary-50);color:var(--primary);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.mobile-method-rec-card .mrc-detail-btn{color:var(--primary);font-size:12px;font-weight:600}.mobile-library-filter{margin-bottom:10px}}.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:12px;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}}