:root{--brand-primary:#ff4d4f;--brand-primary-dark:#d32f2f;--brand-primary-light:#ff7875;--brand-secondary:#595959;--brand-secondary-dark:#262626;--brand-secondary-light:#8c8c8c;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:hsla(0,0%,100%,.95);--bg-primary:linear-gradient(135deg,#ff4d4f,#d32f2f);--bg-card:#fff;--bg-overlay:rgba(255,77,79,.05);--border-light:#e5e7eb;--shadow-light:rgba(0,0,0,.05);--shadow-medium:rgba(0,0,0,.1);--sport-red:#ff4d4f;--sport-blue:#1890ff;--sport-green:#52c41a;--sport-yellow:#faad14;--sport-orange:#ff7a45;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:24px;--font-2xl:32px;--font-3xl:48px}.brand-font{color:var(--brand-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700}.brand-gradient{background:var(--bg-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-gradient-bg,.btn-brand{background:var(--bg-primary)}.btn-brand{border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.btn-brand:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-brand:active{transform:translateY(0)}.card-brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-light)}.tag-sport{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.tag-football{background:linear-gradient(135deg,var(--sport-red) 0,var(--sport-orange) 100%);color:#fff}.tag-basketball{background:linear-gradient(135deg,var(--sport-blue) 0,var(--sport-secondary) 100%);color:#fff}.tag-live{background:linear-gradient(135deg,var(--sport-green) 0,#40c057 100%);color:#fff}.tag-hot{background:linear-gradient(135deg,var(--sport-yellow) 0,#fab005 100%);color:var(--text-primary)}@media (max-width:768px){:root{--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--font-3xl:32px;--font-2xl:24px}}@media (max-width:480px){:root{--font-3xl:28px;--font-2xl:20px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;min-height:100vh}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#ff4d4f;color:#fff}.btn-primary:hover{background:#d32f2f}.btn-load-more{background:transparent;border:1px solid #ff4d4f;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:14px;padding:8px 32px;transition:all .3s ease}.btn-load-more:hover:not(:disabled){background:#ff4d4f;color:#fff}.btn-load-more:disabled{cursor:not-allowed;opacity:.5}.btn-enter-main-site{background:#fff;border:none;border-radius:4px;box-shadow:0 4px 15px #0003;color:#ff4d4f;cursor:pointer;display:inline-block;font-family:inherit;font-size:16px;font-weight:700;padding:14px 48px;text-align:center;transition:all .3s ease;white-space:nowrap}.btn-enter-main-site:hover{background:#f5f5f5;box-shadow:0 6px 20px #00000040;transform:translateY(-3px)}.btn-enter-main-site:active{box-shadow:0 3px 10px #00000026;transform:translateY(-1px)}.btn-enter-main-site:disabled{cursor:not-allowed;opacity:.6;transform:none}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;left:0;padding:12px 0;position:fixed;right:0;top:0;z-index:1000}.header-inner{justify-content:space-between}.brand,.header-inner{align-items:center;display:flex}.brand{color:#1f2937;text-decoration:none}.brand-logo{height:36px;margin-right:10px}.brand-name{color:#ff4d4f;font-size:20px;font-weight:700}.header-nav{display:flex;gap:24px}.header-nav a{color:#4b5563;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.header-nav a:hover{color:#ff4d4f}.hero-section{align-items:center;background:linear-gradient(135deg,#ff4d4f,#d32f2f 40%,#ff7875 60%);background-attachment:fixed;background-position:50%;background-size:cover;display:flex;justify-content:center;margin-top:60px;overflow:hidden;padding:80px 0;position:relative}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.1) 50%,transparent);bottom:0;left:0;top:0}.hero-overlay,.hero-section:after{position:absolute;right:0;z-index:1}.hero-section:after{background-image:url(../images/players.png);background-position:100%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;max-width:600px;opacity:.8;pointer-events:none;top:50%;transform:translateY(-50%);width:50%}.hero-wrapper{align-items:center;display:flex;flex-direction:column;gap:40px;position:relative;width:100%;z-index:2}.hero-content{color:#fff;position:relative;text-align:center;z-index:2}.hero-logo{font-size:56px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-description{font-size:18px;line-height:1.8;margin:0 auto;max-width:700px;opacity:.95}.hero-button{position:relative;text-align:center;z-index:2}.intro-section{background:#fff;padding:60px 0}.section-title{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.intro-content{color:#4b5563;font-size:15px;line-height:2;margin:0 auto;max-width:900px;text-indent:2em}.intro-content p{margin-bottom:15px}.text-link{color:#ff4d4f;text-decoration:none}.text-link:hover{text-decoration:underline}.news-section{background:#f9fafb;padding:60px 0}.news-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.news-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .3s ease}.news-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.news-cover{background:#e5e7eb;height:180px;overflow:hidden;position:relative;width:100%}.news-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.news-card:hover .news-cover img{transform:scale(1.05)}.news-placeholder{align-items:center;background:linear-gradient(135deg,#ff4d4f,#d32f2f);color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.news-body{padding:16px}.news-title{color:#1f2937;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:12px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.news-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between}.news-category{background:#ffebe9;border-radius:3px;color:#ff4d4f;font-size:12px;padding:2px 8px}.news-date{color:#9ca3af}.load-more-wrapper{margin-top:30px;text-align:center}.site-footer{background:#1f2937;color:#9ca3af;margin-top:auto;padding:40px 0}.footer-content{align-items:center;display:flex;flex-direction:column;gap:20px}.footer-logo-img{height:40px}.footer-text{font-size:14px;text-align:center}.footer-links{display:flex;gap:20px}.footer-link{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#d1d5db}@media (max-width:768px){.container{padding:0 15px}.header-inner{flex-wrap:wrap;gap:12px}.header-nav{gap:16px}.hero-section{padding:60px 0}.hero-section:after{max-width:500px;opacity:.7;width:60%}.hero-wrapper{gap:30px}.hero-logo{font-size:40px}.hero-description{font-size:16px;padding:0 20px}.btn-enter-main-site{font-size:15px;padding:12px 40px}.intro-section,.news-section{padding:40px 0}.section-title{font-size:24px}.intro-content{font-size:14px;text-indent:0}.news-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.brand-name{font-size:18px}.header-nav a{font-size:13px}.hero-section:after{max-width:100%;opacity:.6;width:70%}.hero-logo{font-size:32px}.hero-description{font-size:14px}.section-title{font-size:20px}.footer-content{padding:0 15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.news-card{animation:fadeIn .5s ease-out}