*{box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-elevated: #ffffff;--bg-navbar: rgba(255, 255, 255, .95);--bg-bottom-nav: rgba(255, 255, 255, .98);--bg-input: #ffffff;--bg-hero: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 50%, #e0f2fe 100%);--bg-stat-card: linear-gradient(135deg, rgba(59, 130, 246, .08), rgba(99, 102, 241, .04));--bg-rank-item: rgba(59, 130, 246, .04);--bg-rank-item-hover: rgba(59, 130, 246, .08);--bg-news-item: rgba(59, 130, 246, .04);--bg-news-item-hover: rgba(59, 130, 246, .08);--bg-progress: #e2e8f0;--bg-match-card: #ffffff;--bg-match-score: rgba(59, 130, 246, .06);--bg-match-detail: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-link: #3b82f6;--text-hero-title: #0f172a;--text-hero-subtitle: #64748b;--text-rank-name: #0f172a;--text-rank-sub: #64748b;--text-stat-value: #0f172a;--text-stat-label: #64748b;--text-stat-suffix: #94a3b8;--border-color: #e2e8f0;--border-subtle: rgba(59, 130, 246, .12);--border-card: #e2e8f0;--border-rank: rgba(59, 130, 246, .1);--border-match: rgba(59, 130, 246, .1);--border-input: #d1d5db;--border-hero: rgba(59, 130, 246, .2);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--accent-gold: #eab308;--accent-rgb: 59, 130, 246;--gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-primary-hover: linear-gradient(135deg, #2563eb, #7c3aed);--shadow-card: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-hero: 0 4px 6px rgba(59, 130, 246, .1);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--nav-btn-active-bg: rgba(59, 130, 246, .1);--nav-btn-active-border: rgba(59, 130, 246, .3);--nav-btn-active-text: #3b82f6;--nav-btn-text: #64748b;--nav-btn-hover-text: #0f172a;--avatar-bg: #3b82f6;--tag-bg: rgba(59, 130, 246, .1);--divider-color: rgba(0, 0, 0, .06);--match-card-border: rgba(59, 130, 246, .12);--match-card-hover-border: rgba(59, 130, 246, .3);--match-card-hover-bg: #f8fafc;--auth-bg: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 50%, #e0f2fe 100%);--auth-card-bg: #ffffff;--auth-card-border: #e2e8f0;--auth-text-primary: #0f172a;--auth-text-secondary: #475569;--auth-text-tertiary: #64748b;--auth-input-bg: #ffffff;--auth-input-border: #d1d5db;--auth-input-text: #0f172a;--auth-input-placeholder: #9ca3af;--auth-input-icon: #6b7280}[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #0f172a;--bg-card: #111827;--bg-card-hover: #1e293b;--bg-elevated: #1e293b;--bg-navbar: rgba(10, 14, 26, .95);--bg-bottom-nav: rgba(10, 14, 26, .97);--bg-input: #1e293b;--bg-hero: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);--bg-stat-card: linear-gradient(135deg, rgba(17, 24, 39, .9), rgba(15, 23, 42, .9));--bg-rank-item: rgba(255, 255, 255, .03);--bg-rank-item-hover: rgba(59, 130, 246, .08);--bg-news-item: rgba(255, 255, 255, .03);--bg-news-item-hover: rgba(59, 130, 246, .06);--bg-progress: #1e293b;--bg-match-card: #111827;--bg-match-score: rgba(17, 24, 39, .8);--bg-match-detail: #111827;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-link: #60a5fa;--text-hero-title: #e2e8f0;--text-hero-subtitle: #64748b;--text-rank-name: #e2e8f0;--text-rank-sub: #64748b;--text-stat-value: #e2e8f0;--text-stat-label: #64748b;--text-stat-suffix: #94a3b8;--border-color: #1e3a5f;--border-subtle: rgba(59, 130, 246, .15);--border-card: rgba(59, 130, 246, .15);--border-rank: rgba(255, 255, 255, .06);--border-match: rgba(59, 130, 246, .12);--border-input: #374151;--border-hero: rgba(59, 130, 246, .3);--accent-blue: #60a5fa;--accent-purple: #a78bfa;--accent-green: #34d399;--accent-red: #f87171;--accent-orange: #fbbf24;--accent-gold: #f59e0b;--accent-rgb: 59, 130, 246;--gradient-primary: linear-gradient(135deg, #60a5fa, #a78bfa);--gradient-primary-hover: linear-gradient(135deg, #3b82f6, #8b5cf6);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 6px rgba(0, 0, 0, .4);--shadow-hero: 0 4px 6px rgba(59, 130, 246, .15);--scrollbar-track: #0a0e1a;--scrollbar-thumb: #1e3a5f;--scrollbar-thumb-hover: #3b82f6;--nav-btn-active-bg: rgba(59, 130, 246, .15);--nav-btn-active-border: rgba(59, 130, 246, .4);--nav-btn-active-text: #60a5fa;--nav-btn-text: #94a3b8;--nav-btn-hover-text: #e2e8f0;--avatar-bg: #3b82f6;--tag-bg: rgba(59, 130, 246, .2);--divider-color: rgba(255, 255, 255, .05);--match-card-border: rgba(59, 130, 246, .12);--match-card-hover-border: rgba(59, 130, 246, .35);--match-card-hover-bg: #13203a;--auth-bg: linear-gradient(135deg, #0a0e1a 0%, #1a1f35 50%, #0d1220 100%);--auth-card-bg: rgba(17, 24, 39, .95);--auth-card-border: rgba(59, 130, 246, .2);--auth-text-primary: #f1f5f9;--auth-text-secondary: #94a3b8;--auth-text-tertiary: #64748b;--auth-input-bg: #1e293b;--auth-input-border: rgba(59, 130, 246, .2);--auth-input-text: #e2e8f0;--auth-input-placeholder: #64748b;--auth-input-icon: #475569}[data-theme=pitch]{--bg-primary: #0a1410;--bg-secondary: #0d1a14;--bg-card: #102018;--bg-card-hover: #15281e;--bg-elevated: #15281e;--bg-navbar: rgba(10, 20, 16, .95);--bg-bottom-nav: rgba(10, 20, 16, .97);--bg-input: #15281e;--bg-hero: linear-gradient(135deg, #0d1a14 0%, #1a3a28 50%, #0d1a14 100%);--bg-stat-card: linear-gradient(135deg, rgba(16, 32, 24, .9), rgba(13, 26, 20, .9));--bg-rank-item: rgba(255, 255, 255, .03);--bg-rank-item-hover: rgba(52, 211, 153, .08);--bg-news-item: rgba(255, 255, 255, .03);--bg-news-item-hover: rgba(52, 211, 153, .06);--bg-progress: #15281e;--bg-match-card: #102018;--bg-match-score: rgba(16, 32, 24, .8);--bg-match-detail: #102018;--text-primary: #d1fae5;--text-secondary: #7eb89e;--text-tertiary: #4a7a60;--text-link: #34d399;--text-hero-title: #ecfdf5;--text-hero-subtitle: #6ee7b7;--text-rank-name: #d1fae5;--text-rank-sub: #7eb89e;--text-stat-value: #d1fae5;--text-stat-label: #7eb89e;--text-stat-suffix: #4a7a60;--border-color: #1a3a28;--border-subtle: rgba(52, 211, 153, .15);--border-card: rgba(52, 211, 153, .15);--border-rank: rgba(255, 255, 255, .06);--border-match: rgba(52, 211, 153, .12);--border-input: #2a4a38;--border-hero: rgba(52, 211, 153, .3);--accent-blue: #34d399;--accent-purple: #a3e635;--accent-green: #10b981;--accent-red: #f87171;--accent-orange: #fbbf24;--accent-gold: #f59e0b;--accent-rgb: 52, 211, 153;--gradient-primary: linear-gradient(135deg, #10b981, #a3e635);--gradient-primary-hover: linear-gradient(135deg, #059669, #84cc16);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 6px rgba(0, 0, 0, .4);--shadow-hero: 0 4px 6px rgba(52, 211, 153, .15);--scrollbar-track: #0a1410;--scrollbar-thumb: #1a3a28;--scrollbar-thumb-hover: #34d399;--nav-btn-active-bg: rgba(52, 211, 153, .15);--nav-btn-active-border: rgba(52, 211, 153, .4);--nav-btn-active-text: #34d399;--nav-btn-text: #7eb89e;--nav-btn-hover-text: #d1fae5;--avatar-bg: #10b981;--tag-bg: rgba(52, 211, 153, .15);--divider-color: rgba(255, 255, 255, .05);--match-card-border: rgba(52, 211, 153, .12);--match-card-hover-border: rgba(52, 211, 153, .35);--match-card-hover-bg: #13241a;--auth-bg: linear-gradient(135deg, #0a1410 0%, #122820 50%, #0d1a14 100%);--auth-card-bg: rgba(16, 32, 24, .95);--auth-card-border: rgba(52, 211, 153, .2);--auth-text-primary: #ecfdf5;--auth-text-secondary: #7eb89e;--auth-text-tertiary: #4a7a60;--auth-input-bg: #15281e;--auth-input-border: rgba(52, 211, 153, .2);--auth-input-text: #d1fae5;--auth-input-placeholder: #4a7a60;--auth-input-icon: #3a6a50}[data-theme=sunset]{--bg-primary: #140d0a;--bg-secondary: #1a120e;--bg-card: #1f1612;--bg-card-hover: #2a1d17;--bg-elevated: #2a1d17;--bg-navbar: rgba(20, 13, 10, .95);--bg-bottom-nav: rgba(20, 13, 10, .97);--bg-input: #2a1d17;--bg-hero: linear-gradient(135deg, #1a120e 0%, #3d1f15 50%, #1a120e 100%);--bg-stat-card: linear-gradient(135deg, rgba(31, 22, 18, .9), rgba(26, 18, 14, .9));--bg-rank-item: rgba(255, 255, 255, .03);--bg-rank-item-hover: rgba(249, 115, 22, .08);--bg-news-item: rgba(255, 255, 255, .03);--bg-news-item-hover: rgba(249, 115, 22, .06);--bg-progress: #2a1d17;--bg-match-card: #1f1612;--bg-match-score: rgba(31, 22, 18, .8);--bg-match-detail: #1f1612;--text-primary: #fef3c7;--text-secondary: #d4a574;--text-tertiary: #8a6a4a;--text-link: #fb923c;--text-hero-title: #fffbeb;--text-hero-subtitle: #fcd34d;--text-rank-name: #fef3c7;--text-rank-sub: #d4a574;--text-stat-value: #fef3c7;--text-stat-label: #d4a574;--text-stat-suffix: #8a6a4a;--border-color: #3d2820;--border-subtle: rgba(249, 115, 22, .15);--border-card: rgba(249, 115, 22, .15);--border-rank: rgba(255, 255, 255, .06);--border-match: rgba(249, 115, 22, .12);--border-input: #4a3228;--border-hero: rgba(249, 115, 22, .3);--accent-blue: #fb923c;--accent-purple: #f43f5e;--accent-green: #84cc16;--accent-red: #ef4444;--accent-orange: #f97316;--accent-gold: #fbbf24;--accent-rgb: 249, 115, 22;--gradient-primary: linear-gradient(135deg, #f97316, #f43f5e);--gradient-primary-hover: linear-gradient(135deg, #ea580c, #e11d48);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 6px rgba(0, 0, 0, .4);--shadow-hero: 0 4px 6px rgba(249, 115, 22, .15);--scrollbar-track: #140d0a;--scrollbar-thumb: #3d2820;--scrollbar-thumb-hover: #fb923c;--nav-btn-active-bg: rgba(249, 115, 22, .15);--nav-btn-active-border: rgba(249, 115, 22, .4);--nav-btn-active-text: #fb923c;--nav-btn-text: #d4a574;--nav-btn-hover-text: #fef3c7;--avatar-bg: #f97316;--tag-bg: rgba(249, 115, 22, .15);--divider-color: rgba(255, 255, 255, .05);--match-card-border: rgba(249, 115, 22, .12);--match-card-hover-border: rgba(249, 115, 22, .35);--match-card-hover-bg: #2a1812;--auth-bg: linear-gradient(135deg, #140d0a 0%, #2a1812 50%, #1a120e 100%);--auth-card-bg: rgba(31, 22, 18, .95);--auth-card-border: rgba(249, 115, 22, .2);--auth-text-primary: #fffbeb;--auth-text-secondary: #d4a574;--auth-text-tertiary: #8a6a4a;--auth-input-bg: #2a1d17;--auth-input-border: rgba(249, 115, 22, .2);--auth-input-text: #fef3c7;--auth-input-placeholder: #8a6a4a;--auth-input-icon: #6a4a30}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-blue{box-shadow:0 0 20px rgba(var(--accent-rgb),.3)}.glass-card{background:#111827cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--accent-rgb),.2);border-radius:12px}[data-theme=light] .glass-card{background:#ffffffe6;border:1px solid rgba(var(--accent-rgb),.15)}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(var(--accent-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.8)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp .4s ease forwards}.fade-in-down{animation:fadeInDown .4s ease forwards}.fade-in{animation:fadeIn .3s ease forwards}.scale-in{animation:scaleIn .3s ease forwards}.floating{animation:float 3s ease-in-out infinite}.bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.slide-in-right{animation:slideInRight .3s ease forwards}.slide-in-left{animation:slideInLeft .3s ease forwards}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-300{animation-delay:.3s!important}.delay-400{animation-delay:.4s!important}.delay-500{animation-delay:.5s!important}*{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.ant-btn{transition:all .2s ease!important}.ant-btn:hover{transform:translateY(-1px)}.ant-btn:active{transform:translateY(0)}.card-hover-lift{transition:transform .2s ease,box-shadow .2s ease!important}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)!important}.link-hover{transition:color .2s ease,opacity .2s ease}.link-hover:hover{opacity:.8}.ant-input:focus,.ant-input-affix-wrapper:focus-within{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)!important}.avatar-hover{transition:transform .2s ease,box-shadow .2s ease}.avatar-hover:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.ant-tabs-ink-bar{transition:all .3s ease!important}.ant-tag{transition:all .2s ease}.ant-tag:hover{transform:translateY(-1px)}.page-enter{animation:fadeInUp .4s ease forwards}.page-enter-delay-1{animation:fadeInUp .4s ease .1s forwards;opacity:0}.page-enter-delay-2{animation:fadeInUp .4s ease .2s forwards;opacity:0}.page-enter-delay-3{animation:fadeInUp .4s ease .3s forwards;opacity:0}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.rank-1{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000}.rank-2{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#000}.rank-3{background:linear-gradient(135deg,#d97706,#f59e0b);color:#000}.status-online{width:8px;height:8px;border-radius:50%;background:#34d399;animation:pulse-glow 2s infinite;display:inline-block}.status-offline{width:8px;height:8px;border-radius:50%;background:#f87171;display:inline-block}.ant-table-wrapper .ant-table{background:transparent!important}[data-theme=light] .ant-card{border-color:var(--border-color)!important;box-shadow:var(--shadow-card)!important}[data-theme=dark] .ant-card{border-color:rgba(var(--accent-rgb),.15)!important}.ant-card-body{background:inherit}.theme-toggle-btn{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:6px 10px!important;border-radius:8px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle-btn:hover{color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;background:var(--nav-btn-active-bg)!important}.mobile-bottom-nav{background:var(--bg-bottom-nav)!important;border-top:1px solid var(--border-color)!important}.navbar-fixed{background:var(--bg-navbar)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)!important}@media (max-width: 768px){.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:10px 8px!important;font-size:12px!important}}.hero-section{background:var(--bg-hero);border:1px solid var(--border-hero)}.stat-card{background:var(--bg-stat-card)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}.home-card{background:var(--bg-hero)!important;border:1px solid var(--border-hero)!important;box-shadow:var(--shadow-hero)!important}.home-card .ant-card-head{border-bottom:1px solid var(--border-hero)!important}.home-card .ant-card-head-title{color:var(--text-primary)!important}.stat-card-value{color:var(--text-stat-value)!important}.stat-card-label{color:var(--text-stat-label)!important}.stat-card-suffix{color:var(--text-stat-suffix)!important}.rank-item{background:var(--bg-rank-item)!important;border:1px solid var(--border-rank)!important}.rank-item:hover{background:var(--bg-rank-item-hover)!important}.rank-item-name{color:var(--text-rank-name)!important}.rank-item-sub{color:var(--text-rank-sub)!important}.news-item{background:var(--bg-news-item)!important;border:1px solid var(--border-subtle)!important}.news-item:hover{background:var(--bg-news-item-hover)!important}.news-item-title{color:var(--text-primary)!important}.rich-text-content{line-height:1.8;word-break:break-word;overflow-wrap:break-word;font-size:13px;color:var(--text-secondary)}.rich-text-content p{margin:0 0 8px}.rich-text-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.rich-text-content a{color:var(--accent-blue);text-decoration:underline}.rich-text-content a:hover{opacity:.8}.rich-text-content br{display:block;content:"";margin-top:4px}.rich-text-content ul,.rich-text-content ol{padding-left:20px;margin:8px 0}.rich-text-content li{margin-bottom:4px}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{color:var(--text-primary);margin:12px 0 8px;font-weight:700}.rich-text-content blockquote{border-left:3px solid var(--accent-blue);padding-left:12px;margin:8px 0;color:var(--text-tertiary)}.rich-text-content table{border-collapse:collapse;width:100%;margin:8px 0}.rich-text-content th,.rich-text-content td{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.rich-text-content th{background:var(--bg-elevated);font-weight:600}.match-card{background:var(--bg-match-card)!important;border:1px solid var(--match-card-border)!important}.match-card:hover{border-color:var(--match-card-hover-border)!important;background:var(--match-card-hover-bg)!important}.page-title{color:var(--text-primary)!important}.page-subtitle{color:var(--text-secondary)!important}input,textarea,.ant-input{background:var(--bg-input)!important;border-color:var(--border-input)!important;color:var(--text-primary)!important}.nav-btn{background:transparent!important;border-color:transparent!important;color:var(--nav-btn-text)!important}.nav-btn:hover{color:var(--nav-btn-hover-text)!important;background:var(--bg-rank-item-hover)!important}.nav-btn-active{background:var(--nav-btn-active-bg)!important;border-color:var(--nav-btn-active-border)!important;color:var(--nav-btn-active-text)!important}.ant-tabs-nav:before{border-color:var(--border-color)!important}.ant-tabs-tab{color:var(--text-secondary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent-blue)!important}.ant-select-selector{background:var(--bg-input)!important;border-color:var(--border-input)!important}.ant-progress-bg{background:var(--accent-blue)!important}.ant-divider{border-color:var(--divider-color)!important}.rank-badge{background:var(--bg-elevated)!important;border:1px solid var(--border-color)!important}.ant-btn-primary{background:var(--gradient-primary)!important;border:none!important}.ant-btn-default{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-modal-title{color:var(--text-primary)!important}.ant-drawer-content{background:var(--bg-secondary)!important}.ant-drawer-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}.ant-menu-item{color:var(--text-primary)!important}.ant-menu-item-selected{background:var(--nav-btn-active-bg)!important;color:var(--accent-blue)!important}.auth-container{background:var(--auth-bg)!important}.auth-card{background:var(--auth-card-bg)!important;border:1px solid var(--auth-card-border)!important}.auth-card-header{background:rgba(var(--accent-rgb),.06)!important;border-bottom:1px solid var(--auth-card-border)!important}.auth-title{color:var(--auth-text-primary)!important}.auth-subtitle{color:var(--auth-text-secondary)!important}.auth-input{background:var(--auth-input-bg)!important;border:1px solid var(--auth-input-border)!important;color:var(--auth-input-text)!important}.auth-input .ant-input{background:var(--auth-input-bg)!important;color:var(--auth-input-text)!important}.auth-input input::placeholder{color:var(--auth-input-placeholder)!important}.auth-input .ant-input-prefix{color:var(--auth-input-icon)!important}.auth-select .ant-select-selector{background:var(--auth-input-bg)!important;border-color:var(--auth-input-border)!important}.auth-select .ant-select-selection-placeholder{color:var(--auth-input-placeholder)!important}.auth-select-dropdown{background:var(--auth-input-bg)!important}.admin-page,.admin-header-title{color:var(--text-primary)!important}.admin-header-subtitle{color:var(--text-secondary)!important}.admin-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}.admin-stat-label{color:var(--text-secondary)!important}.admin-stat-value,.admin-table-text{color:var(--text-primary)!important}.admin-table-sub{color:var(--text-secondary)!important}.admin-code{background:var(--bg-elevated)!important;color:var(--accent-blue)!important}.admin-alert{background:var(--bg-card)!important;border-color:var(--border-color)!important}.ant-input,.ant-input-password{background:var(--bg-input)!important;border-color:var(--border-input)!important;color:var(--text-primary)!important}.ant-input::placeholder{color:var(--text-tertiary)!important}.ant-input-password-icon{color:var(--text-secondary)!important}.ant-select-dropdown{background:var(--bg-card)!important}.ant-select-item{color:var(--text-primary)!important}.ant-select-item-option-selected{background:var(--nav-btn-active-bg)!important}.ant-modal-content{background:var(--bg-card)!important}.ant-modal-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important}.ant-modal-title,.ant-modal-body{color:var(--text-primary)!important}.ant-modal-footer{border-top:1px solid var(--border-color)!important}.ant-form-item-label>label{color:var(--text-secondary)!important}.ant-form-item-extra{color:var(--text-tertiary)!important}.ant-alert{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}.ant-alert-message{color:var(--text-primary)!important}.ant-alert-description,.ant-statistic-title{color:var(--text-secondary)!important}.ant-statistic-content{color:var(--text-primary)!important}.ant-empty-description{color:var(--text-secondary)!important}@keyframes goal-text-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg);filter:blur(8px)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(0);filter:blur(0)}60%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(8deg);filter:blur(4px)}}@keyframes goal-card-flash{0%{box-shadow:0 0 #fbbf2400}20%{box-shadow:0 0 32px 4px #fbbf24a6,0 0 60px 10px #fbbf2459}to{box-shadow:0 0 #fbbf2400}}@keyframes goal-score-pop{0%{transform:scale(1)}35%{transform:scale(1.6);text-shadow:0 0 18px currentColor,0 0 36px currentColor}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes goal-particle-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--px, 0),var(--py, 0)) scale(.2)}}@keyframes goal-shake{0%,to{transform:translate(0)}10%{transform:translate(-3px) rotate(-.4deg)}20%{transform:translate(3px) rotate(.4deg)}30%{transform:translate(-2px) rotate(-.2deg)}40%{transform:translate(2px) rotate(.2deg)}50%{transform:translate(-1px)}60%{transform:translate(1px)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px rgba(var(--accent-rgb),.4),0 0 18px rgba(var(--accent-rgb),.2)}50%{box-shadow:0 0 16px rgba(var(--accent-rgb),.6),0 0 36px rgba(var(--accent-rgb),.3)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes live-dot{0%{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes score-flip-in{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes card-shine-sweep{0%{transform:translate(-120%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}@keyframes field-zoom-pan{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.08) translate(-2%,1%)}}.goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:12px;z-index:4}.goal-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:38px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ef4444 80%,#fbbf24);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(251,191,36,.7);animation:goal-text-burst 10s ease-out forwards,gradient-shift 3s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(251,191,36,.6));z-index:5}.goal-card-active{animation:goal-card-flash 10s ease-out forwards,goal-shake 1s ease-in-out .5s;z-index:3}.goal-score-bump{animation:goal-score-pop 3s ease-out}.goal-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:goal-particle-fly 4s ease-out forwards}.shine-on-hover{position:relative;overflow:hidden;isolation:isolate}.shine-on-hover:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transform:translate(-120%) skew(-20deg);pointer-events:none;z-index:2}.shine-on-hover:hover:after{animation:card-shine-sweep .9s ease-out}@media (hover: hover){.match-card-3d{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease;will-change:transform}.match-card-3d:hover{transform:translateY(-4px) rotateX(2deg);box-shadow:0 14px 30px -10px rgba(var(--accent-rgb),.35),0 4px 10px #00000026}}.live-indicator{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:#f87171;box-shadow:0 0 6px #f8717199}.live-indicator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#f87171;animation:live-dot 1.4s ease-out infinite}.score-flip{display:inline-block;animation:score-flip-in .4s ease-out;transform-origin:center;backface-visibility:hidden}.gradient-flow{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 30%,var(--accent-red) 60%,var(--accent-blue) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 6s ease-in-out infinite}.stagger-item{opacity:0;animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.match-card-live{position:relative;overflow:hidden}.match-card-live:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#f87171,#fbbf24,#34d399);background-size:100% 200%;animation:gradient-shift 3s ease-in-out infinite}.region-header-glow{position:relative}.region-header-glow:after{content:"";position:absolute;left:0;bottom:-4px;width:32px;height:2px;background:linear-gradient(90deg,var(--accent-blue),transparent);border-radius:2px}.btn-refresh-glow{position:relative;transition:all .25s ease;overflow:visible}.btn-refresh-glow:hover{box-shadow:0 0 18px #34d39973;transform:translateY(-1px)}.btn-refresh-glow:active{transform:translateY(0)}.btn-launch-pulse{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease;animation:neon-pulse 2.8s ease-in-out infinite}.btn-launch-pulse:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px -8px #34d3998c}.btn-launch-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-100%);pointer-events:none}.btn-launch-pulse:hover:after{animation:card-shine-sweep .8s ease-out}.progress-flow .ant-progress-bg{background:linear-gradient(90deg,#34d399,#3b82f6,#8b5cf6)!important;background-size:200% 100%!important;animation:gradient-shift 3s ease-in-out infinite}.player-tag-chip{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.player-tag-chip:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 16px -4px rgba(var(--accent-rgb),.4)}.region-section-enter{animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes stat-value-pop{0%{transform:scale(1)}50%{transform:scale(1.08);color:var(--accent-blue)}to{transform:scale(1)}}.stat-value-pop{animation:stat-value-pop .4s ease-out}.field-decor{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background:repeating-linear-gradient(90deg,transparent 0,transparent 28px,rgba(255,255,255,.4) 28px,rgba(255,255,255,.4) 56px),radial-gradient(circle at 50% 50%,rgba(34,197,94,.4) 0%,transparent 60%);pointer-events:none;z-index:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.goal-text,.goal-card-active,.goal-score-bump,.goal-particle,.live-indicator:before,.gradient-flow,.btn-launch-pulse,.match-card-live:before,.progress-flow .ant-progress-bg{animation:none!important}}.page-enter{animation:pageEnter .35s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px) scale(.998)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative}.page-header-icon{font-size:22px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),#6366f126);color:var(--accent-blue, #3b82f6);box-shadow:0 4px 12px rgba(var(--accent-rgb),.15);flex-shrink:0}.page-header-icon.gold{background:linear-gradient(135deg,#fbbf242e,#f59e0b2e);color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.page-header-icon.green{background:linear-gradient(135deg,#34d3992e,#10b9812e);color:#34d399;box-shadow:0 4px 12px #34d39933}.page-header-icon.purple{background:linear-gradient(135deg,#a78bfa2e,#8b5cf62e);color:#a78bfa;box-shadow:0 4px 12px #a78bfa33}.page-header-icon.orange{background:linear-gradient(135deg,#fb923c2e,#ea580c2e);color:#fb923c;box-shadow:0 4px 12px #fb923c33}.page-header-icon.red{background:linear-gradient(135deg,#f871712e,#dc26262e);color:#f87171;box-shadow:0 4px 12px #f8717133}.page-header-title{font-size:22px;font-weight:700;margin:0;color:var(--text-primary);line-height:1.2}.page-header-subtitle{font-size:13px;color:var(--text-secondary);margin:2px 0 0;line-height:1.5}.page-header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.stagger-list>*{opacity:0;animation:staggerItemIn .5s cubic-bezier(.4,0,.2,1) forwards}.stagger-list>*:nth-child(1){animation-delay:.04s}.stagger-list>*:nth-child(2){animation-delay:.08s}.stagger-list>*:nth-child(3){animation-delay:.12s}.stagger-list>*:nth-child(4){animation-delay:.16s}.stagger-list>*:nth-child(5){animation-delay:.2s}.stagger-list>*:nth-child(6){animation-delay:.24s}.stagger-list>*:nth-child(7){animation-delay:.28s}.stagger-list>*:nth-child(8){animation-delay:.32s}.stagger-list>*:nth-child(n+9){animation-delay:.36s}@keyframes staggerItemIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ant-tabs-tabpane-active{animation:tabFadeIn .32s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-elevated, #f1f5f9) 25%,var(--bg-card, #ffffff) 50%,var(--bg-elevated, #f1f5f9) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card-hover{transition:transform .3s ease,box-shadow .3s ease}.stat-card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001a}.rank-badge-gold,.rank-badge-silver,.rank-badge-bronze{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 4px 10px #00000026}.rank-badge-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b59}.rank-badge-silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 4px 12px #94a3b859}.rank-badge-bronze{background:linear-gradient(135deg,#f97316,#c2410c);box-shadow:0 4px 12px #f9731659}.btn-glow{transition:transform .25s ease,box-shadow .25s ease}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.28)}.row-hover-lift{transition:transform .2s ease,background-color .2s ease;cursor:pointer}.row-hover-lift:hover{transform:translate(4px)}.fade-in-up{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--accent-rgb),.08) 0%,transparent 50%);pointer-events:none;animation:authCardGlow 8s ease-in-out infinite}@keyframes authCardGlow{0%,to{transform:translate(0)}50%{transform:translate(20%,20%)}}.link-underline{position:relative;transition:color .2s}.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent-blue, #3b82f6);transition:width .3s ease}.link-underline:hover:after{width:100%}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-circle-reveal .5s cubic-bezier(.4,0,.2,1)}@keyframes theme-circle-reveal{0%{clip-path:circle(0px at var(--vt-x, 50%) var(--vt-y, 50%))}to{clip-path:circle(var(--vt-radius, 150%) at var(--vt-x, 50%) var(--vt-y, 50%))}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.theme-switcher-panel{display:flex;flex-direction:column;gap:4px;padding:6px;min-width:220px}.theme-switcher-header{font-size:12px;font-weight:600;color:var(--text-tertiary);padding:6px 10px 8px;letter-spacing:.5px;text-transform:uppercase}.theme-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:14px;width:100%;text-align:left}.theme-option:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);transform:translate(2px)}.theme-option.active{background:var(--nav-btn-active-bg);border-color:var(--nav-btn-active-border)}.theme-swatch{width:30px;height:30px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0003;border:2px solid rgba(255,255,255,.12);transition:transform .2s ease}.theme-option:hover .theme-swatch{transform:scale(1.1) rotate(8deg)}.theme-option-text{flex:1;display:flex;flex-direction:column;gap:1px}.theme-option-name{font-weight:600;font-size:14px;line-height:1.3}.theme-option-desc{font-size:11px;color:var(--text-tertiary);font-weight:400;line-height:1.3}.theme-check{color:var(--accent-blue);font-size:16px;font-weight:700;flex-shrink:0}.theme-trigger-btn{background:transparent!important;border:1px solid var(--border-color)!important;border-radius:10px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px!important;transition:all .2s ease;color:var(--text-secondary)!important}.theme-trigger-btn:hover{color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;background:var(--nav-btn-active-bg)!important}.theme-trigger-swatch{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);flex-shrink:0;transition:transform .3s ease}.theme-trigger-btn:hover .theme-trigger-swatch{transform:rotate(180deg)}.drawer-theme-section{padding:12px 16px;border-bottom:1px solid var(--border-color)}.drawer-theme-label{font-size:12px;color:var(--text-tertiary);margin-bottom:10px;font-weight:600;letter-spacing:.5px}.drawer-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.drawer-theme-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:13px;font-weight:600}.drawer-theme-btn:hover{border-color:var(--border-subtle);background:var(--bg-card-hover)}.drawer-theme-btn.active{border-color:var(--accent-blue);background:var(--nav-btn-active-bg);color:var(--accent-blue)}.drawer-theme-btn-swatch{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0}