.onboarding-overlay[data-v-3b322494]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.onboarding-modal[data-v-3b322494]{background:linear-gradient(135deg,#1a472a,#0d1b0f);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:32px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.progress-dots[data-v-3b322494]{display:flex;justify-content:center;gap:12px;margin-bottom:28px}.dot[data-v-3b322494]{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.dot.active[data-v-3b322494]{background:gold;box-shadow:0 0 12px #ffd70099;transform:scale(1.2)}.content-wrapper[data-v-3b322494]{min-height:280px}.step-content[data-v-3b322494]{animation:fadeIn-3b322494 .4s ease}@keyframes fadeIn-3b322494{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-icon[data-v-3b322494]{width:100px;height:100px;margin:0 auto 20px;background:linear-gradient(135deg,#ffd70033,#ffd7000d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:gold}.step-title[data-v-3b322494]{font-size:22px;font-weight:600;color:#fff;margin-bottom:16px;line-height:1.3}.step-desc[data-v-3b322494]{font-size:15px;color:#fffc;line-height:1.6;margin-bottom:20px}.feature-list[data-v-3b322494]{display:flex;flex-direction:column;gap:16px;padding:0 10px}.feature-item[data-v-3b322494]{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffd7001a;border-radius:12px;border:1px solid rgba(255,215,0,.2);transition:transform .2s ease}.feature-item[data-v-3b322494]:hover{transform:translate(5px)}.feature-item svg[data-v-3b322494]{color:gold;flex-shrink:0}.feature-item span[data-v-3b322494]{font-size:16px;color:#fff;font-weight:500}.action-hint[data-v-3b322494]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#ffd7001a;border-radius:12px;color:#ffffffe6;font-size:14px}.action-hint svg[data-v-3b322494]{color:gold;flex-shrink:0}.button-group[data-v-3b322494]{display:flex;gap:12px;margin-top:28px}.btn-skip[data-v-3b322494],.btn-next[data-v-3b322494]{flex:1;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-skip[data-v-3b322494]{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.btn-skip[data-v-3b322494]:hover{border-color:#ffffff80;color:#fff}.btn-next[data-v-3b322494]{background:linear-gradient(135deg,gold,orange);color:#1a472a}.btn-next[data-v-3b322494]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.fade-enter-active[data-v-3b322494],.fade-leave-active[data-v-3b322494]{transition:opacity .3s ease}.fade-enter-from[data-v-3b322494],.fade-leave-to[data-v-3b322494]{opacity:0}.fade-enter-active .onboarding-modal[data-v-3b322494],.fade-leave-active .onboarding-modal[data-v-3b322494]{transition:transform .3s ease}.fade-enter-from .onboarding-modal[data-v-3b322494],.fade-leave-to .onboarding-modal[data-v-3b322494]{transform:scale(.95)}@media (max-width: 480px){.onboarding-modal[data-v-3b322494]{padding:24px 20px}.step-title[data-v-3b322494]{font-size:20px}.step-icon[data-v-3b322494]{width:80px;height:80px}.step-icon svg[data-v-3b322494]{width:48px;height:48px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif}.home-page[data-v-c9ed4c27]{--wc-primary: #1A472A;--wc-primary-light: #2E7D32;--wc-primary-dark: #0D2818;--wc-accent: #FFD700;--wc-accent-light: #FFE44D;--wc-accent-dark: #B8860B;--wc-accent-muted: rgba(255, 215, 0, .15);--wc-secondary: #C41E3A;--wc-secondary-light: #E53935;--wc-secondary-dark: #8B0000;--wc-background: #0D1B0F;--wc-surface: #152417;--wc-surface-elevated: #1A2E1D;--wc-text: #FFFFFF;--wc-text-secondary: #E0E0E0;--wc-text-muted: #9E9E9E;--wc-border: rgba(255, 255, 255, .12);--wc-border-light: rgba(255, 255, 255, .06);--wc-confidence-gold: #FFD700;--wc-confidence-light-gold: #DAA520;--wc-confidence-gray: #757575;--wc-confidence-red: #E53935;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 48px;--touch-min: 44px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(255, 215, 0, .3)}.home-page[data-v-c9ed4c27]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--wc-background);color:var(--wc-text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;margin:0;padding:0}.header[data-v-c9ed4c27]{background:linear-gradient(135deg,var(--wc-primary) 0%,var(--wc-primary-light) 100%);padding:var(--spacing-lg);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-content[data-v-c9ed4c27]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:var(--font-size-xl)}.logo-icon[data-v-c9ed4c27]{width:36px;height:36px;background:var(--wc-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);transition:transform .3s ease}.logo-icon[data-v-c9ed4c27]:hover{transform:scale(1.1)}.logo-icon svg[data-v-c9ed4c27]{width:24px;height:24px}.header-actions[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-md)}.icon-btn[data-v-c9ed4c27]{background:#ffffff1a;border:none;color:#fff;min-width:var(--touch-min);min-height:var(--touch-min);width:var(--touch-min);height:var(--touch-min);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn[data-v-c9ed4c27]:hover{background:#fff3;transform:scale(1.05)}.icon-btn[data-v-c9ed4c27]:active{transform:scale(.95)}.main[data-v-c9ed4c27]{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);padding-bottom:100px}.quick-actions[data-v-c9ed4c27]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:calc(var(--spacing-xl) * 2);margin-top:var(--spacing-xl)}.quick-action-btn[data-v-c9ed4c27]{background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-sm);min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:all .25s ease}.quick-action-btn[data-v-c9ed4c27]:hover{border-color:var(--wc-accent);background:var(--wc-surface-elevated);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.quick-action-btn[data-v-c9ed4c27]:active{transform:translateY(-1px)}.quick-action-btn .icon-wrap[data-v-c9ed4c27]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.quick-action-btn .icon-wrap svg[data-v-c9ed4c27]{width:28px;height:28px}.quick-action-btn .label[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-muted);font-weight:500}.countdown-section[data-v-c9ed4c27]{margin-bottom:var(--spacing-xl)}.countdown-box[data-v-c9ed4c27]{background:linear-gradient(145deg,var(--wc-primary) 0%,var(--wc-surface) 100%);border:1px solid var(--wc-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;overflow:hidden;transition:all .3s ease}.countdown-box[data-v-c9ed4c27]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#ffd7004d}.countdown-box[data-v-c9ed4c27]:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,var(--wc-accent) 0%,transparent 70%);opacity:.15;animation:pulse-glow-c9ed4c27 3s ease-in-out infinite}.countdown-box[data-v-c9ed4c27]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--wc-accent),transparent);opacity:0;transition:opacity .3s}.countdown-box[data-v-c9ed4c27]:hover:after{opacity:1}.countdown-worldcup[data-v-c9ed4c27]{text-align:center}.countdown-header[data-v-c9ed4c27]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.countdown-icon[data-v-c9ed4c27]{color:var(--wc-accent);filter:drop-shadow(0 2px 8px rgba(255,215,0,.3))}.countdown-title[data-v-c9ed4c27]{font-size:1.25rem;font-weight:600;color:var(--wc-text);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.countdown-date[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-secondary);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,215,0,.1)}.countdown-teams[data-v-c9ed4c27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}.countdown-team[data-v-c9ed4c27]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1}.countdown-team-logo[data-v-c9ed4c27]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s ease;background:var(--wc-surface-elevated);border:2px solid rgba(255,215,0,.2)}.countdown-team-logo[data-v-c9ed4c27]:hover{transform:scale(1.1)}.team-flag-img[data-v-c9ed4c27]{width:100%;height:100%;object-fit:cover}.countdown-team-logo.bra[data-v-c9ed4c27]{background:linear-gradient(135deg,#009739,#fedd00)}.countdown-team-logo.arg[data-v-c9ed4c27]{background:linear-gradient(135deg,#74acdf,#fff)}.countdown-team-logo.ger[data-v-c9ed4c27]{background:linear-gradient(135deg,#000,#d00)}.countdown-team-logo.esp[data-v-c9ed4c27]{background:linear-gradient(135deg,#aa151b,#f1bf00)}.countdown-team-logo.fra[data-v-c9ed4c27]{background:linear-gradient(135deg,#002395,#ed2939)}.countdown-team-logo.eng[data-v-c9ed4c27]{background:linear-gradient(135deg,#fff,#ce1124)}.countdown-team-logo.por[data-v-c9ed4c27]{background:linear-gradient(135deg,#060,red)}.countdown-team-logo.ita[data-v-c9ed4c27]{background:linear-gradient(135deg,#009246,#ce2b37)}.countdown-team-logo.ned[data-v-c9ed4c27]{background:linear-gradient(135deg,#f60,#fff)}.countdown-team-logo.bel[data-v-c9ed4c27]{background:linear-gradient(135deg,#000,#fdda24)}.countdown-team-logo.default[data-v-c9ed4c27]{background:linear-gradient(135deg,var(--wc-primary) 0%,var(--wc-surface) 100%)}.countdown-team-name[data-v-c9ed4c27]{font-size:var(--font-size-md);font-weight:600;color:var(--wc-text);text-shadow:0 1px 2px rgba(0,0,0,.3)}.countdown-vs[data-v-c9ed4c27]{display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-md)}.countdown-vs-text[data-v-c9ed4c27]{font-size:var(--font-size-lg);font-weight:700;color:var(--wc-accent);text-shadow:0 2px 8px rgba(255,215,0,.3)}.countdown-timer[data-v-c9ed4c27]{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.countdown-unit[data-v-c9ed4c27]{display:flex;flex-direction:column;align-items:center;min-width:60px}.countdown-value[data-v-c9ed4c27]{font-size:2.5rem;font-weight:700;color:var(--wc-accent);line-height:1;text-shadow:0 2px 10px rgba(255,215,0,.4)}.countdown-unit-label[data-v-c9ed4c27]{font-size:var(--font-size-xs);color:var(--wc-text-secondary);margin-top:var(--spacing-xs)}.countdown-separator[data-v-c9ed4c27]{font-size:2rem;color:var(--wc-accent);align-self:flex-start;margin-top:4px;opacity:.7}.countdown-match-info[data-v-c9ed4c27]{display:flex;justify-content:center;gap:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid rgba(255,215,0,.1)}.countdown-info-item[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--wc-text-secondary)}.countdown-info-item svg[data-v-c9ed4c27]{color:var(--wc-accent);opacity:.7}.countdown-predict-btn[data-v-c9ed4c27]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--wc-primary-light) 0%,var(--wc-primary) 100%);border:1px solid var(--wc-accent);border-radius:var(--radius-lg);color:var(--wc-accent);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s ease}.countdown-predict-btn[data-v-c9ed4c27]:hover{background:linear-gradient(135deg,var(--wc-accent) 0%,var(--wc-accent-light) 100%);color:var(--wc-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.countdown-predict-btn svg[data-v-c9ed4c27]{flex-shrink:0}.schedule-carousel-section[data-v-c9ed4c27]{margin-bottom:var(--spacing-xl)}.schedule-carousel[data-v-c9ed4c27]{display:flex;gap:var(--spacing-md);overflow-x:auto;scroll-behavior:smooth;padding:var(--spacing-sm) 0;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.schedule-carousel[data-v-c9ed4c27]::-webkit-scrollbar{display:none}.schedule-card[data-v-c9ed4c27]{flex:0 0 140px;min-width:140px;background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .25s ease}.schedule-card[data-v-c9ed4c27]:hover{border-color:var(--wc-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.schedule-card-time[data-v-c9ed4c27]{font-size:var(--font-size-xs);color:var(--wc-accent);font-weight:600}.schedule-card-teams[data-v-c9ed4c27]{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.schedule-team[data-v-c9ed4c27]{display:flex;flex-direction:column;align-items:center;gap:2px}.schedule-team-name[data-v-c9ed4c27]{font-size:var(--font-size-xs);color:var(--wc-text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-vs[data-v-c9ed4c27]{font-size:var(--font-size-xs);color:var(--wc-text-muted);font-weight:600}.schedule-card-status[data-v-c9ed4c27]{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm);text-align:center;margin-top:auto}.schedule-card-status.upcoming[data-v-c9ed4c27]{background:var(--wc-accent-muted);color:var(--wc-accent)}.schedule-card-status.live[data-v-c9ed4c27]{background:#f4433633;color:#f44336}.schedule-card-status.finished[data-v-c9ed4c27]{background:#9e9e9e33;color:var(--wc-text-muted)}.section-title[data-v-c9ed4c27]{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.section-title .icon[data-v-c9ed4c27]{color:var(--wc-accent);display:flex;align-items:center}.section-title .icon svg[data-v-c9ed4c27]{width:24px;height:24px}.featured-match[data-v-c9ed4c27]{margin-bottom:var(--spacing-xl)}.match-card-featured[data-v-c9ed4c27]{background:linear-gradient(145deg,var(--wc-primary) 0%,var(--wc-surface) 100%);border:1px solid var(--wc-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.match-card-featured[data-v-c9ed4c27]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#ffd7004d}.match-card-featured[data-v-c9ed4c27]:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,var(--wc-accent) 0%,transparent 70%);opacity:.15;animation:pulse-glow-c9ed4c27 3s ease-in-out infinite}@keyframes pulse-glow-c9ed4c27{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.match-card-featured[data-v-c9ed4c27]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--wc-accent),transparent);opacity:0;transition:opacity .3s}.match-card-featured[data-v-c9ed4c27]:hover:after{opacity:1}.match-status[data-v-c9ed4c27]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg)}.status-live[data-v-c9ed4c27]{background:var(--wc-secondary);color:#fff;animation:pulse-live-c9ed4c27 1.5s infinite}.status-live .dot[data-v-c9ed4c27]{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink-c9ed4c27 1s infinite}@keyframes pulse-live-c9ed4c27{0%,to{box-shadow:0 0 #c41e3a66}50%{box-shadow:0 0 0 8px #c41e3a00}}@keyframes blink-c9ed4c27{0%,to{opacity:1}50%{opacity:.3}}.status-upcoming[data-v-c9ed4c27]{background:var(--wc-accent-muted);color:var(--wc-accent);border:1px solid rgba(255,215,0,.3)}.status-finished[data-v-c9ed4c27]{background:#2e7d3233;color:var(--wc-primary-light);border:1px solid rgba(46,125,50,.3)}.teams-display[data-v-c9ed4c27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.team-info[data-v-c9ed4c27]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1}.team-logo[data-v-c9ed4c27]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;position:relative;box-shadow:var(--shadow-md);transition:transform .3s ease;object-fit:cover;border:3px solid rgba(255,215,0,.3)}.team-logo[data-v-c9ed4c27]:hover{transform:scale(1.1)}.team-logo-fallback[data-v-c9ed4c27]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;background:linear-gradient(135deg,#1a472a,gold);color:#fff;box-shadow:var(--shadow-md)}.team-name[data-v-c9ed4c27]{font-size:var(--font-size-md);font-weight:500}.vs-section[data-v-c9ed4c27]{text-align:center;padding:0 var(--spacing-xl);min-width:120px}.score-display[data-v-c9ed4c27]{font-size:var(--font-size-4xl);font-weight:800;color:var(--wc-accent);text-shadow:0 2px 10px rgba(255,215,0,.3);letter-spacing:2px;line-height:1.2}.score-display .separator[data-v-c9ed4c27]{margin:0 4px;opacity:.7}.vs-text[data-v-c9ed4c27]{font-size:var(--font-size-md);color:var(--wc-text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:var(--spacing-xs)}.time-display[data-v-c9ed4c27]{font-size:var(--font-size-2xl);font-weight:700;color:var(--wc-text-secondary)}.match-meta[data-v-c9ed4c27]{text-align:center;margin-bottom:var(--spacing-lg);color:var(--wc-text-muted);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.match-meta .divider[data-v-c9ed4c27]{width:1px;height:12px;background:var(--wc-border)}.action-buttons[data-v-c9ed4c27]{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn[data-v-c9ed4c27]{min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-md)}.btn-ai-predict[data-v-c9ed4c27]{flex:1;background:linear-gradient(135deg,var(--wc-primary) 0%,var(--wc-primary-light) 100%);color:var(--wc-accent);border:2px solid var(--wc-accent);padding:var(--spacing-md) var(--spacing-lg);box-shadow:inset 0 1px #ffffff1a}.btn-ai-predict[data-v-c9ed4c27]:hover{background:linear-gradient(135deg,var(--wc-primary-light) 0%,var(--wc-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ai-predict[data-v-c9ed4c27]:active{transform:translateY(0)}.btn-ai-predict svg[data-v-c9ed4c27]{width:20px;height:20px}.btn-secondary[data-v-c9ed4c27]{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:1px solid var(--wc-border);color:var(--wc-text)}.btn-secondary[data-v-c9ed4c27]:hover{border-color:var(--wc-accent);color:var(--wc-accent)}.ai-prediction-section[data-v-c9ed4c27]{margin-bottom:var(--spacing-xl)}.ai-report-card[data-v-c9ed4c27]{background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.ai-report-header[data-v-c9ed4c27]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.ai-report-title[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600}.ai-report-title svg[data-v-c9ed4c27]{width:24px;height:24px;color:var(--wc-accent)}.hit-rate-badge[data-v-c9ed4c27]{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,gold,#b8860b)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px #ffd7004d}.hit-rate-badge[data-v-c9ed4c27]:hover{transform:scale(1.05)}.hit-rate-badge .rate[data-v-c9ed4c27]{font-size:var(--font-size-lg);font-weight:700;color:#0d2818;line-height:1}.hit-rate-badge .label[data-v-c9ed4c27]{font-size:var(--font-size-xs);color:#1a472a}.team-logo-mini[data-v-c9ed4c27]{width:28px;height:28px;border-radius:50%;object-fit:cover;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;background:var(--wc-accent);color:var(--wc-bg)}.confidence-section[data-v-c9ed4c27]{margin-bottom:var(--spacing-lg)}.confidence-header[data-v-c9ed4c27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.confidence-label[data-v-c9ed4c27]{font-size:var(--font-size-md);color:var(--wc-text-secondary)}.confidence-value[data-v-c9ed4c27]{font-size:var(--font-size-lg);font-weight:700}.confidence-value.gold[data-v-c9ed4c27]{color:var(--wc-confidence-gold)}.confidence-value.light-gold[data-v-c9ed4c27]{color:var(--wc-confidence-light-gold)}.confidence-value.gray[data-v-c9ed4c27]{color:var(--wc-confidence-gray)}.confidence-value.red[data-v-c9ed4c27]{color:var(--wc-confidence-red)}.confidence-bar[data-v-c9ed4c27]{height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.confidence-fill[data-v-c9ed4c27]{height:100%;border-radius:var(--radius-full);transition:width .8s ease-out;position:relative}.confidence-fill[data-v-c9ed4c27]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer-bar-c9ed4c27 2s infinite}@keyframes shimmer-bar-c9ed4c27{0%{transform:translate(-100%)}to{transform:translate(100%)}}.confidence-fill.gold[data-v-c9ed4c27]{background:linear-gradient(90deg,var(--wc-confidence-gold),var(--wc-accent-light));box-shadow:0 0 10px #ffd70080}.confidence-fill.light-gold[data-v-c9ed4c27]{background:linear-gradient(90deg,var(--wc-confidence-light-gold),#D4AF37)}.confidence-fill.gray[data-v-c9ed4c27]{background:linear-gradient(90deg,var(--wc-confidence-gray),#9E9E9E)}.confidence-fill.red[data-v-c9ed4c27]{background:linear-gradient(90deg,var(--wc-confidence-red),#EF5350)}.analysis-reasons[data-v-c9ed4c27]{display:flex;flex-direction:column;gap:var(--spacing-md)}.reason-card[data-v-c9ed4c27]{background:var(--wc-surface-elevated);border:1px solid var(--wc-border-light);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:all .2s ease}.reason-card[data-v-c9ed4c27]:hover{border-color:var(--wc-border);background:#ffffff05;transform:translate(4px)}.reason-icon[data-v-c9ed4c27]{width:36px;height:36px;min-width:36px;border-radius:var(--radius-md);background:var(--wc-accent-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.reason-icon svg[data-v-c9ed4c27]{width:20px;height:20px;color:var(--wc-accent)}.reason-content[data-v-c9ed4c27]{flex:1}.reason-title[data-v-c9ed4c27]{font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-xs)}.reason-desc[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-muted);line-height:1.5}.matches-section[data-v-c9ed4c27]{margin-bottom:var(--spacing-xl)}.match-cards-grid[data-v-c9ed4c27]{display:flex;flex-direction:column;gap:var(--spacing-md)}.match-card[data-v-c9ed4c27]{background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.match-card[data-v-c9ed4c27]:hover{border-color:#ffd7004d;transform:translate(4px);box-shadow:var(--shadow-md)}.match-card[data-v-c9ed4c27]:active{transform:translate(2px)}.match-card-header[data-v-c9ed4c27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.match-time-label[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.match-card-teams[data-v-c9ed4c27]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.match-team[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.match-team.away[data-v-c9ed4c27]{flex-direction:row-reverse;text-align:right}.team-logo-mini[data-v-c9ed4c27]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm);transition:transform .2s ease}.team-logo-mini[data-v-c9ed4c27]:hover{transform:scale(1.1)}.match-team-name[data-v-c9ed4c27]{font-size:var(--font-size-md);font-weight:500}.match-score[data-v-c9ed4c27]{text-align:center;min-width:60px}.match-score .score[data-v-c9ed4c27]{font-size:var(--font-size-2xl);font-weight:700;color:var(--wc-accent)}.match-score .vs[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-muted)}.match-score .time[data-v-c9ed4c27]{font-size:var(--font-size-md);font-weight:600;color:var(--wc-text-secondary)}.match-card-footer[data-v-c9ed4c27]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--wc-border-light)}.ai-prediction-mini[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-badge[data-v-c9ed4c27]{background:var(--wc-accent-muted);color:var(--wc-accent);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);transition:all .2s ease}.ai-badge[data-v-c9ed4c27]:hover{background:#ffd70040}.ai-badge svg[data-v-c9ed4c27]{width:14px;height:14px}.ai-badge.success[data-v-c9ed4c27]{background:#2e7d3233;color:var(--wc-primary-light)}.match-status-indicator[data-v-c9ed4c27]{width:8px;height:8px;border-radius:50%}.match-status-indicator.live[data-v-c9ed4c27]{background:var(--wc-secondary);animation:pulse-indicator-c9ed4c27 1.5s infinite}.match-status-indicator.upcoming[data-v-c9ed4c27]{background:var(--wc-text-muted)}.match-status-indicator.finished[data-v-c9ed4c27]{background:var(--wc-primary-light)}@keyframes pulse-indicator-c9ed4c27{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.leaderboard-section[data-v-c9ed4c27]{margin-bottom:var(--spacing-xl)}.leaderboard-card[data-v-c9ed4c27]{background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-xl);overflow:hidden}.leaderboard-header[data-v-c9ed4c27]{background:linear-gradient(135deg,var(--wc-primary) 0%,var(--wc-surface) 100%);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wc-border)}.leaderboard-title[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600}.leaderboard-title svg[data-v-c9ed4c27]{width:24px;height:24px;color:var(--wc-accent)}.view-all-btn[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-accent);background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background .2s}.view-all-btn[data-v-c9ed4c27]:hover{background:var(--wc-accent-muted)}.leaderboard-list[data-v-c9ed4c27]{padding:var(--spacing-md)}.leaderboard-item[data-v-c9ed4c27]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:background .2s;cursor:pointer}.leaderboard-item[data-v-c9ed4c27]:hover{background:var(--wc-surface-elevated)}.leaderboard-item.highlight[data-v-c9ed4c27]{background:var(--wc-accent-muted);border:1px solid rgba(255,215,0,.2)}.rank-badge[data-v-c9ed4c27]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);font-weight:700;flex-shrink:0}.rank-badge.gold[data-v-c9ed4c27]{background:linear-gradient(135deg,var(--wc-accent) 0%,var(--wc-accent-dark) 100%);color:var(--wc-primary-dark);box-shadow:0 2px 8px #ffd7004d}.rank-badge.green[data-v-c9ed4c27]{background:linear-gradient(135deg,var(--wc-primary-light) 0%,var(--wc-primary) 100%);color:var(--wc-text)}.user-avatar[data-v-c9ed4c27]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;flex-shrink:0}.user-avatar.vip[data-v-c9ed4c27]:after{content:"VIP";position:absolute;bottom:-4px;right:-4px;background:var(--wc-accent);color:var(--wc-primary-dark);font-size:8px;font-weight:700;padding:2px 4px;border-radius:4px}.user-info[data-v-c9ed4c27]{flex:1}.user-name[data-v-c9ed4c27]{font-size:var(--font-size-md);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.user-name .you-tag[data-v-c9ed4c27]{font-size:var(--font-size-xs);background:var(--wc-accent);color:var(--wc-primary-dark);padding:2px 6px;border-radius:4px}.user-stats[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-muted)}.user-points[data-v-c9ed4c27]{text-align:right}.user-points .value[data-v-c9ed4c27]{font-size:var(--font-size-lg);font-weight:700;color:var(--wc-accent)}.user-points .label[data-v-c9ed4c27]{font-size:var(--font-size-xs);color:var(--wc-text-muted)}.stats-section[data-v-c9ed4c27]{background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.stats-grid[data-v-c9ed4c27]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.stat-item[data-v-c9ed4c27]{text-align:center;padding:var(--spacing-md);background:var(--wc-surface-elevated);border-radius:var(--radius-lg);transition:transform .2s}.stat-item[data-v-c9ed4c27]:hover{transform:translateY(-2px)}.stat-value[data-v-c9ed4c27]{font-size:var(--font-size-2xl);font-weight:700;color:var(--wc-accent);margin-bottom:var(--spacing-xs)}.stat-label[data-v-c9ed4c27]{font-size:var(--font-size-sm);color:var(--wc-text-muted)}.bottom-nav[data-v-c9ed4c27]{position:fixed;bottom:0;left:0;right:0;background:var(--wc-surface);border-top:1px solid var(--wc-border);display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom));z-index:100}.nav-item[data-v-c9ed4c27]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--spacing-xs) var(--spacing-lg);cursor:pointer;transition:all .2s;border-radius:var(--radius-lg);position:relative}.nav-item[data-v-c9ed4c27]:hover{background:#ffffff0d}.nav-item.active[data-v-c9ed4c27]{color:var(--wc-accent)}.nav-item .icon[data-v-c9ed4c27]{width:24px;height:24px;margin-bottom:2px}.nav-item .label[data-v-c9ed4c27]{font-size:var(--font-size-xs);font-weight:500}.nav-badge[data-v-c9ed4c27]{position:absolute;top:4px;right:12px;background:var(--wc-secondary);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badge-pulse-c9ed4c27 2s infinite}@keyframes badge-pulse-c9ed4c27{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fifa-disclaimer[data-v-c9ed4c27]{text-align:center;padding:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--wc-text-muted);border-top:1px solid var(--wc-border)}@media (max-width: 374px){.quick-actions[data-v-c9ed4c27]{grid-template-columns:repeat(2,1fr)}.score-display[data-v-c9ed4c27]{font-size:var(--font-size-3xl)}.team-logo[data-v-c9ed4c27]{width:48px;height:48px}.team-logo-mini[data-v-c9ed4c27]{width:28px;height:28px;font-size:10px}.stats-grid[data-v-c9ed4c27]{grid-template-columns:repeat(2,1fr)}.match-card-teams[data-v-c9ed4c27]{flex-direction:column;gap:var(--spacing-sm)}.match-team.away[data-v-c9ed4c27]{flex-direction:row;text-align:left}.action-buttons[data-v-c9ed4c27]{flex-direction:column}.btn-secondary[data-v-c9ed4c27]{width:100%}}@media (min-width: 768px){.match-cards-grid[data-v-c9ed4c27]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.stats-grid[data-v-c9ed4c27]{grid-template-columns:repeat(4,1fr)}.quick-actions[data-v-c9ed4c27]{max-width:400px}.team-logo[data-v-c9ed4c27]{width:80px;height:80px}.score-display[data-v-c9ed4c27]{font-size:56px}.leaderboard-list[data-v-c9ed4c27]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 1024px){.main[data-v-c9ed4c27]{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1400px}.main-content-left[data-v-c9ed4c27],.main-content-right[data-v-c9ed4c27]{display:flex;flex-direction:column;gap:var(--spacing-xl)}.match-cards-grid[data-v-c9ed4c27]{grid-template-columns:repeat(3,1fr)}.quick-actions[data-v-c9ed4c27]{max-width:100%;justify-self:start}.team-logo[data-v-c9ed4c27]{width:88px;height:88px;font-size:var(--font-size-md);object-fit:cover}.score-display[data-v-c9ed4c27]{font-size:64px}.ai-prediction-section[data-v-c9ed4c27]{position:sticky;top:80px;z-index:10;background:var(--wc-surface)}.leaderboard-list[data-v-c9ed4c27]{grid-template-columns:1fr}.stats-grid[data-v-c9ed4c27]{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.bottom-nav[data-v-c9ed4c27]{display:none}.header[data-v-c9ed4c27]{padding:var(--spacing-lg) var(--spacing-xl)}.header-content[data-v-c9ed4c27]{max-width:1400px}.main[data-v-c9ed4c27]{padding-bottom:var(--spacing-xl)}.match-card-featured[data-v-c9ed4c27]{padding:var(--spacing-2xl)}.match-card[data-v-c9ed4c27]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.quick-action-btn[data-v-c9ed4c27]:hover{transform:translateY(-4px)}.ai-report-card[data-v-c9ed4c27]{padding:var(--spacing-2xl)}.leaderboard-card[data-v-c9ed4c27]{max-height:calc(100vh - 160px);overflow-y:auto}}@media (min-width: 1440px){.main[data-v-c9ed4c27]{max-width:1600px;gap:var(--spacing-2xl)}.match-cards-grid[data-v-c9ed4c27]{grid-template-columns:repeat(4,1fr)}.team-logo[data-v-c9ed4c27]{width:96px;height:96px;object-fit:cover}.score-display[data-v-c9ed4c27]{font-size:72px}.stats-grid[data-v-c9ed4c27]{grid-template-columns:repeat(4,1fr);gap:var(--spacing-2xl)}}.toast[data-v-c9ed4c27]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--wc-surface);color:var(--wc-text);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--wc-border);z-index:1000;animation:toastIn-c9ed4c27 .3s ease;box-shadow:var(--shadow-lg)}@keyframes toastIn-c9ed4c27{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay[data-v-c9ed4c27]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active[data-v-c9ed4c27]{opacity:1;visibility:visible}.modal-content[data-v-c9ed4c27]{background:var(--wc-surface);border-radius:var(--radius-xl);max-width:400px;width:100%;max-height:80vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal-content[data-v-c9ed4c27]{transform:scale(1)}.modal-header[data-v-c9ed4c27]{padding:var(--spacing-lg);border-bottom:1px solid var(--wc-border);display:flex;align-items:center;justify-content:space-between}.modal-title[data-v-c9ed4c27]{font-size:var(--font-size-lg);font-weight:600}.modal-close[data-v-c9ed4c27]{background:none;border:none;color:var(--wc-text-muted);cursor:pointer;padding:var(--spacing-sm);min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close[data-v-c9ed4c27]:hover{background:#ffffff1a;color:var(--wc-text)}.modal-body[data-v-c9ed4c27]{padding:var(--spacing-lg)}.predict-options[data-v-c9ed4c27]{display:flex;flex-direction:column;gap:var(--spacing-md)}.predict-option[data-v-c9ed4c27]{padding:var(--spacing-lg);background:var(--wc-surface-elevated);border:2px solid var(--wc-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min)}.predict-option[data-v-c9ed4c27]:hover{border-color:var(--wc-accent);background:var(--wc-accent-muted)}.predict-option.selected[data-v-c9ed4c27]{border-color:var(--wc-accent);background:var(--wc-accent-muted);transform:scale(1.02)}.predict-option .team-name[data-v-c9ed4c27]{font-weight:500}.predict-option .odds[data-v-c9ed4c27]{color:var(--wc-accent);font-weight:600}.disclaimer-text[data-v-c9ed4c27]{font-size:12px;color:var(--wc-text-muted);margin-top:8px;opacity:.8}