:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.prediction-correct{background-color:#4ade801a;border-left:4px solid rgb(74,222,128)}.prediction-incorrect{background-color:#f871711a;border-left:4px solid rgb(248,113,113)}.prediction-draw{background-color:#9ca3af1a;border-left:4px solid rgb(156,163,175)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo[data-v-4f54e426]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-4f54e426]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-4f54e426]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.prediction-card[data-v-58eaa6ae]{box-shadow:0 4px 6px #0000000d}.confidence-high[data-v-58eaa6ae]{background:linear-gradient(90deg,#10b9811a,#10b9810d)}.confidence-medium[data-v-58eaa6ae]{background:linear-gradient(90deg,#f59e0b1a,#f59e0b0d)}.confidence-low[data-v-58eaa6ae]{background:linear-gradient(90deg,#ef44441a,#ef44440d)}.ai-prediction[data-v-58eaa6ae]:before{content:"专家预测";position:absolute;top:-10px;right:-10px;background-color:#3b82f6;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:9999px;font-weight:700}.prediction-summary[data-v-58eaa6ae]{background-color:#f3f4f6;border-radius:.5rem;padding:.75rem;margin-top:.5rem;font-size:1.2rem;font-weight:700;color:#4b5563;border-left:3px solid #3B82F6}.compact-info[data-v-58eaa6ae]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.compact-info>div[data-v-58eaa6ae]{background:#f9fafb;border-radius:.5rem;padding:.75rem;text-align:center}.expanded[data-v-58eaa6ae]{max-height:none;overflow:visible}.empty-state[data-v-236d7351]{animation:fadeIn-236d7351 .5s ease-out;transition:all .3s ease}.empty-state[data-v-236d7351]:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.btn-primary[data-v-236d7351]{background-color:#3b82f6;color:#fff;font-weight:500;transition:all .2s}.btn-primary[data-v-236d7351]:hover{background-color:#2563eb;transform:translateY(-1px)}@keyframes fadeIn-236d7351{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content[data-v-d398c4e3]{animation:fadeIn-d398c4e3 .3s ease}@keyframes fadeIn-d398c4e3{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.max-w-2xl[data-v-d398c4e3]{max-width:95%}.p-6[data-v-d398c4e3]{padding:1rem}.text-xl[data-v-d398c4e3]{font-size:1.25rem}.text-base[data-v-d398c4e3]{font-size:.875rem}}.text-shadow[data-v-c9f9da61]{text-shadow:0 2px 4px rgba(0,0,0,.3)}.feature-card[data-v-d2c7fed9]{opacity:0;animation:fadeIn-d2c7fed9 .6s ease-out forwards}@keyframes fadeIn-d2c7fed9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.match-card[data-v-753d20a8]{opacity:0;animation:fadeIn-753d20a8 .6s ease-out forwards}@keyframes fadeIn-753d20a8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #3b82f6;--primary-dark: #2563eb;--secondary: #ec4899;--accent: #06b6d4;--dark: #1e293b;--light: #f8fafc;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#334155;background-color:#f8fafc;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:1000;transition:var(--transition)}.navbar.scrolled{height:70px;box-shadow:var(--shadow-md)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:30px}.nav-link{color:var(--dark);text-decoration:none;font-weight:500;font-size:16px;position:relative;transition:var(--transition)}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-link:hover:after{width:100%}.auth-buttons{display:flex;gap:15px}.btn{padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:15px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;color:var(--dark);cursor:pointer}.hero{height:100vh;min-height:800px;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80) no-repeat center center/cover;display:flex;align-items:center;padding:0 5%;color:#fff;position:relative;overflow:hidden}.hero-content{max-width:800px;z-index:2}.hero-title{font-size:64px;margin-bottom:24px;line-height:1.2;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:22px;margin-bottom:40px;opacity:.9;font-weight:400;max-width:600px}.hero-buttons{display:flex;gap:20px}.hero-btn{padding:16px 32px;font-size:18px;border-radius:var(--radius-md);font-weight:600;transition:var(--transition)}.hero-btn-primary{background:var(--secondary);color:#fff;box-shadow:0 10px 20px #ec48994d;border:none}.hero-btn-primary:hover{background:#db2777;transform:translateY(-3px);box-shadow:0 15px 25px #ec489966}.hero-btn-outline{background:transparent;color:#fff;border:2px solid white}.hero-btn-outline:hover{background:#ffffff1a}.hero-stats{position:absolute;bottom:0;left:0;right:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 5%;display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center;color:#fff;padding:0 20px}.stat-number{font-size:42px;font-weight:700;margin-bottom:5px;background:linear-gradient(135deg,var(--accent),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:16px;opacity:.8;font-weight:400}.features{padding:120px 5%;background:#fff}.section-title{text-align:center;font-size:42px;margin-bottom:60px;position:relative;color:var(--dark);font-weight:700}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border-radius:var(--radius-lg);padding:40px 30px;box-shadow:var(--shadow-sm);transition:var(--transition);text-align:center;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.feature-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 10px 20px #4361ee33}.feature-title{font-size:22px;margin-bottom:15px;color:var(--dark);font-weight:6}.feature-desc{color:#64748b;font-size:16px;line-height:1.7}.matches{padding:120px 5%;background:#f1f5f9}.matches-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px;max-width:1200px;margin-left:auto;margin-right:auto}.matches-title{font-size:36px;color:var(--dark);font-weight:700}.matches-nav{display:flex;gap:15px}.match-nav-btn{padding:10px 24px;border-radius:30px;background:#fff;border:1px solid #e2e8f0;cursor:pointer;transition:var(--transition);font-weight:600;font-size:14px;color:#64748b}.match-nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.match-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.match-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative}.match-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.match-header{padding:20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;justify-content:space-between;align-items:center}.match-league{font-weight:600;display:flex;align-items:center;gap:8px}.match-date{opacity:.9;font-size:14px}.match-body{padding:30px}.match-teams{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.match-team{display:flex;flex-direction:column;align-items:center;width:30%}.team-logo{width:70px;height:70px;margin-bottom:15px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.team-name{font-weight:600;text-align:center;color:var(--dark)}.match-vs{font-size:24px;font-weight:700;color:var(--primary)}.match-stats{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.stat{text-align:center;flex:1}.stat-value{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:5px}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:500}.match-footer{padding:20px 30px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.match-btn{padding:10px 24px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;border:none;cursor:pointer;transition:var(--transition);font-size:14px}.match-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.cta{padding:120px 5%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.cta:after{content:"";position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:#ffffff1a;border-radius:50%}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta-title{font-size:42px;margin-bottom:20px;font-weight:700}.cta-subtitle{font-size:18px;max-width:700px;margin:0 auto 40px;opacity:.9;line-height:1.7}.cta-buttons{display:flex;justify-content:center;gap:20px}.footer{background:var(--dark);color:#fff;padding:100px 5% 40px;position:relative}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto 60px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.footer-logo-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{opacity:.7;margin-bottom:20px;line-height:1.7;font-size:15px}.social-links{display:flex;gap:15px}.social-link{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}.social-link:hover{background:var(--primary);transform:translateY(-3px)}.footer-title{font-size:18px;margin-bottom:20px;position:relative;padding-bottom:10px;font-weight:6}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(135deg,var(--primary),var(--accent))}.footer-links{list-style:none}.footer-link{margin-bottom:12px}.footer-link a{color:#ffffffb3;text-decoration:none;transition:var(--transition);display:flex;align-items:center;gap:8px;font-size:15px}.footer-link a:hover{color:#fff;padding-left:5px}.footer-link i{width:20px;text-align:center}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);opacity:.7;font-size:14px}@media (max-width: 992px){.hero-title{font-size:52px}.hero-subtitle{font-size:20px}.nav-links{gap:20px}}@media (max-width: 768px){.navbar{padding:0 20px}.nav-links,.auth-buttons{display:none}.mobile-menu-btn{display:block}.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column;gap:15px}.hero-stats{flex-direction:column;gap:20px;padding:30px 20px}.stat-item{display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.stat-number{font-size:32px;margin-bottom:0}.section-title{font-size:36px}.matches-header{flex-direction:column;align-items:flex-start}.matches-nav{width:100%;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.matches-nav::-webkit-scrollbar{display:none}}@media (max-width: 576px){.hero-title{font-size:36px}.feature-card{padding:30px 20px}.matches-grid{grid-template-columns:1fr}.cta-title{font-size:32px}.cta-buttons{flex-direction:column;gap:15px}}.feature-card,.match-card{animation:fadeIn .6s ease-out forwards;opacity:0}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.match-card:nth-child(1){animation-delay:.1s}.match-card:nth-child(2){animation-delay:.2s}.match-card:nth-child(3){animation-delay:.3s}.animate-pulse{animation:pulse 2s cubic-bezie}.football-decoration[data-v-a635d692]:nth-child(1){top:20%;left:10%}.football-decoration[data-v-a635d692]:nth-child(2){top:60%;right:15%}.football-decoration[data-v-a635d692]:nth-child(3){bottom:15%;left:20%}.animate-float[data-v-a635d692]{animation:float-a635d692 6s ease-in-out infinite}.animation-delay-1000[data-v-a635d692]{animation-delay:1s}.animation-delay-2000[data-v-a635d692]{animation-delay:2s}@keyframes float-a635d692{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 768px){.football-decoration[data-v-a635d692]{display:none}}.auth-tab[data-v-def14cb0]{color:#64748b;position:relative}.auth-tab.active[data-v-def14cb0]{color:#3b82f6}.auth-tab.active[data-v-def14cb0]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#3b82f6;border-radius:3px 3px 0 0}.auth-form-input[data-v-def14cb0]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.auth-page[data-v-06b0c167]{background-image:url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-attachment:fixed}.auth-page[data-v-06b0c167]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:-1}@media (max-width: 480px){.auth-header[data-v-834d774a],.auth-body[data-v-834d774a]{padding:1.5rem}.verification-code input[data-v-834d774a]{width:2.5rem;height:3.5rem;font-size:1.25rem}}@keyframes float-1{0%,to{transform:translateY(0) rotate(0);top:20%;left:10%}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes float-2{0%,to{transform:translateY(0) rotate(0);top:60%;right:15%}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes float-3{0%,to{transform:translateY(0) rotate(0);bottom:15%;left:20%}50%{transform:translateY(-20px) rotate(10deg)}}.animate-float-1{animation:float-1 6s ease-in-out infinite}.animate-float-2{animation:float-2 6s ease-in-out infinite 1s}.animate-float-3{animation:float-3 6s ease-in-out infinite 2s}@media (max-width: 768px){.football-decoration{display:none}}.gradient-bg[data-v-e7e4849b]{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.plan-card[data-v-e7e4849b]:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feature-item[data-v-e7e4849b]:before{content:"✓";color:#10b981;font-weight:700;margin-right:.5rem}.pulse-animation[data-v-e7e4849b]{animation:pulse-e7e4849b 2s infinite}@keyframes pulse-e7e4849b{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-notification[data-v-1e260fc8]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;align-items:flex-start;padding:16px 24px;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;background:#fff;transition:all .3s ease}.card-notification.auto-close[data-v-1e260fc8]{padding-bottom:12px}.card-notification.manual-close[data-v-1e260fc8]{padding-right:48px}.notification-icon[data-v-1e260fc8]{flex-shrink:0;margin-right:12px;width:20px;height:20px}.notification-icon svg[data-v-1e260fc8]{width:100%;height:100%}.notification-content[data-v-1e260fc8]{flex:1;min-width:0}.notification-title[data-v-1e260fc8]{margin:0 0 4px;font-size:16px;font-weight:500;line-height:1.5;color:#000000d9}.notification-message[data-v-1e260fc8]{font-size:14px;line-height:1.5715;color:#000000a6}.notification-close[data-v-1e260fc8]{position:absolute;top:16px;right:16px;padding:4px;background:transparent;border:none;outline:none;cursor:pointer;color:#00000073;transition:color .2s}.notification-close[data-v-1e260fc8]:hover{color:#000000bf}.notification-close svg[data-v-1e260fc8]{display:block}.progress-bar[data-v-1e260fc8]{margin-top:8px;height:2px;background:#00000014;border-radius:1px;overflow:hidden}.progress[data-v-1e260fc8]{height:100%;background:currentColor;transition:width .05s linear}.card-notification.success[data-v-1e260fc8]{color:#52c41a}.card-notification.info[data-v-1e260fc8]{color:#1890ff}.card-notification.warning[data-v-1e260fc8]{color:#faad14}.card-notification.error[data-v-1e260fc8]{color:#ff4d4f}.fade-scale-enter-active[data-v-1e260fc8],.fade-scale-leave-active[data-v-1e260fc8]{transition:all .3s cubic-bezier(.78,.14,.15,.86)}.fade-scale-enter-from[data-v-1e260fc8],.fade-scale-leave-to[data-v-1e260fc8]{opacity:0;transform:translate(-50%,-50%) scale(.8)}