:root{--bg:#f6f8fb;--text:#142033;--muted:#6d7788;--dark:#06111f;--card:#fff;--cyan:#18d3cf;--blue:#1267ff;--line:#e8edf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;height:62px;background:#081323;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8%;box-shadow:0 10px 24px rgba(0,0,0,.12)}.brand{font-size:22px;font-weight:800}.brand span{color:var(--cyan)}nav{display:flex;gap:24px;font-size:14px;color:#d9e4f2}nav a:hover{color:var(--cyan)}.hero{min-height:560px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;padding:80px 8%;background:radial-gradient(circle at 80% 30%,#dffbf8 0,#f7fbff 34%,#eef4fb 100%)}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.12em}.hero h1{font-size:48px;line-height:1.15;margin:14px 0}.hero p{font-size:17px;line-height:1.9;color:var(--muted);max-width:760px}.btn{display:inline-flex;padding:13px 28px;border-radius:999px;margin-right:12px;font-weight:700}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}.ghost{border:1px solid #bfcedf}.hero-card{background:#071528;color:#fff;border-radius:24px;padding:32px;box-shadow:0 25px 70px rgba(11,42,75,.25);min-height:260px}.live-tag{display:inline-block;background:#ff4d4f;padding:5px 12px;border-radius:99px;font-size:12px}.hero-card h3{font-size:32px}.score{display:flex;align-items:center;justify-content:space-between;gap:12px}.score b{font-size:42px;color:var(--cyan)}.section{padding:70px 8%}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-title h2{font-size:30px;margin:0}.section-title p{color:var(--muted);margin:0}.pale{background:#fff}.dark{background:#071426;color:#fff}.dark .section-title p{color:#8fa0ba}.match-grid,.event-grid,.news-grid,.team-grid,.predict-grid,.scoreboard,.status-list,.service-grid{display:grid;gap:22px}.match-grid{grid-template-columns:repeat(4,1fr)}.news-grid,.predict-grid{grid-template-columns:repeat(3,1fr)}.event-grid,.team-grid{grid-template-columns:repeat(4,1fr)}.status-list,.service-grid{grid-template-columns:repeat(2,1fr)}.card,.news,.event,.team,.predict,.status-list div,.service-grid div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 32px rgba(15,35,55,.06);transition:.25s}.card:hover,.news:hover,.event:hover,.team:hover{transform:translateY(-5px)}.card .vs{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.card b,.event b{font-size:18px}.tag{color:#0aa; font-weight:700;font-size:13px}.news h3{margin:12px 0}.news p,.event p,.team p,.predict p,.status-list p,.service-grid p{color:var(--muted);line-height:1.7}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.split h2{font-size:34px}.split p,.split li{line-height:1.9;color:var(--muted)}.login-card{background:#071528;color:#fff;border-radius:20px;padding:28px;display:grid;gap:14px}.login-card input{padding:14px;border-radius:10px;border:1px solid #1f3555;background:#0d1e36;color:#fff}.login-card button{padding:14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;font-weight:800}.team{text-align:center}.logo{width:78px;height:78px;margin:0 auto 15px;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#d9ffff);display:grid;place-items:center;font-weight:900;font-size:24px;color:#0b6}.rank-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(15,35,55,.06)}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left}th{background:#f1f6fb;color:#657086}.scoreboard{grid-template-columns:repeat(2,1fr)}.score-item{background:#0b1c34;border:1px solid #1d3454;border-radius:16px;padding:18px}.score-line{display:flex;justify-content:space-between;border-bottom:1px solid #1c304d;padding:10px 0}.predict{background:#fff}.predict .bar{height:10px;background:#e8edf5;border-radius:99px;overflow:hidden}.predict .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}.detail-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 12px 32px rgba(15,35,55,.06)}.bars span{display:block;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#fff;border-radius:9px;padding:10px;margin:14px 0}footer{background:#06111f;color:#d6e2f1;padding:45px 8%;display:grid;gap:20px}footer a{margin-right:22px;color:#9fb2cc}.copy{color:#7486a0}.page-hero{padding:80px 8%;background:#eaf4ff}.content-page{padding:60px 8%;background:#fff}.content-page p{line-height:1.9;color:#5d6879}@media(max-width:900px){.hero,.split,.rank-wrap{grid-template-columns:1fr}.match-grid,.event-grid,.news-grid,.team-grid,.predict-grid,.scoreboard,.status-list,.service-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.topbar{padding:0 4%;overflow:auto}nav{gap:14px;white-space:nowrap}.section-title{display:block}}