*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071613;color:#14201e;font-family:Arial,"Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.container{max-width:1500px;margin:auto}.topbar{height:76px;background:rgba(4,18,16,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;padding:0 24px}.logo{display:flex;align-items:center;gap:12px;color:white;font-size:25px;width:230px}.logo span{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#21f0b5,#ffe45b);display:grid;place-items:center;color:#06221c;font-weight:900}.navlinks{display:flex;flex:1;justify-content:flex-end;gap:5px}.navlinks a{color:#dffcf4;font-weight:800;padding:15px 18px;border-radius:999px}.navlinks a:hover{background:rgba(33,240,181,.16);color:#fff}.hero{position:relative;overflow:hidden;min-height:720px;background:radial-gradient(circle at 20% 18%,rgba(41,239,181,.45),transparent 30%),radial-gradient(circle at 82% 8%,rgba(255,228,91,.26),transparent 25%),linear-gradient(135deg,#051311,#0f3d33 55%,#071613)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,19,.92),rgba(7,22,19,.45)),url('../images/worldcup-bridge.png') center/cover;opacity:.34}.hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-160px;top:100px;box-shadow:0 0 80px rgba(33,240,181,.15)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 620px;gap:55px;align-items:center;padding:92px 24px}.eyebrow{display:inline-block;color:#ffe45b;border:1px solid rgba(255,228,91,.45);background:rgba(255,228,91,.08);padding:10px 18px;border-radius:999px;font-weight:900;letter-spacing:1px}.hero h1{font-size:68px;line-height:1.08;color:#fff;margin:26px 0 22px;letter-spacing:-2px}.hero p{color:#d9f8ef;font-size:20px;line-height:1.9;max-width:760px}.hero-actions{display:flex;gap:16px;margin:34px 0}.hero-actions a{padding:16px 26px;border-radius:14px;background:linear-gradient(135deg,#21f0b5,#ffe45b);font-weight:900;color:#05211b;box-shadow:0 20px 40px rgba(33,240,181,.18)}.hero-actions .ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}.hero-stats{display:flex;gap:16px}.hero-stats span,.stats span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:18px;color:#fff;padding:18px 24px;min-width:126px;text-align:center}.hero-stats b,.stats b{display:block;font-size:28px;color:#21f0b5}.score-card{border-radius:30px;overflow:hidden;background:#0d211d;box-shadow:0 40px 90px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.12);transform:rotate(1deg)}.score-card img,.feature img,.poster img{width:100%;display:block;object-fit:cover}.score-card img{height:420px}.score-overlay{padding:24px;color:#fff;background:linear-gradient(135deg,rgba(9,31,27,.9),rgba(15,85,67,.9))}.score-overlay b,.feature span{color:#ffe45b;text-transform:uppercase;letter-spacing:1px}.score-overlay strong{display:block;font-size:28px;margin:8px 0}.card{background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.12);margin-bottom:28px;overflow:hidden}.search-section{margin-top:-72px;position:relative;z-index:5;padding:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.engines{display:flex;gap:12px;flex-wrap:wrap}.engines button,.tabs button{border:0;background:#f0f5f4;padding:13px 22px;border-radius:999px;font-size:17px;font-weight:900;cursor:pointer}.engines .on,.tabs .on{background:#0eb98e;color:#fff}.search-box{display:flex;gap:14px;margin-top:18px}.search-box input{flex:1;height:62px;border:2px solid #e7eeec;border-radius:16px;padding:0 22px;font-size:22px}.search-box button{width:160px;border:0;border-radius:16px;background:#071613;color:#fff;font-size:22px;font-weight:900;cursor:pointer}.hotwords{margin-top:16px;color:#6a7774}.hotwords a{margin:0 10px;color:#0a9f7b;font-weight:800}.section-title{display:flex;align-items:center;gap:12px;padding:24px 28px;border-bottom:1px solid #eef2f1}.section-title i,.side h2:before{content:"";width:8px;height:26px;background:#0eb98e;border-radius:8px}.section-title h2,.side h2{margin:0;font-size:26px}.section-title span{margin-left:auto;color:#73817d}.dark-card{background:linear-gradient(135deg,#08221d,#10483c);color:#fff}.section-title.light{border-color:rgba(255,255,255,.1)}.section-title.light span{color:#b8e9dd}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px}.count-grid article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:26px;transition:.35s}.count-grid article:hover{transform:translateY(-8px);background:rgba(33,240,181,.13)}.count-grid b{font-size:22px}.timer{font-size:25px;font-weight:900;color:#ffe45b;margin-top:15px}.layout{display:grid;grid-template-columns:1fr 410px;gap:28px}.tabs{display:flex;gap:10px;padding:20px;overflow:auto;border-bottom:1px solid #eef2f1}.match{display:grid;grid-template-columns:105px 1fr 260px 1fr 110px;align-items:center;min-height:116px;border-bottom:1px solid #eef2f1;padding:0 24px}.status{font-weight:900}.live{color:#ef3340}.wait{color:#0eb98e}.team{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:22px;font-weight:900}.team.right{justify-content:flex-start}.team em{background:#ecf7f4;color:#0b906f;border-radius:10px;padding:5px 16px;font-style:normal}.mid{text-align:center}.mid strong{font-size:22px}.mid i{display:block;height:4px;width:80%;background:linear-gradient(90deg,transparent,#0eb98e,transparent);margin:12px auto}.mid p{font-weight:900;color:#687672}.match>a{color:#0b9d79;font-weight:900;text-decoration:underline}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;margin-bottom:28px}.feature{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.12)}.feature.big{grid-row:span 2}.feature img{height:230px}.feature.big img{height:430px}.feature div{padding:24px}.feature h2{font-size:34px;margin:8px 0}.feature h3{font-size:24px;margin:8px 0}.feature p,.rich p,.poster p{color:#63716d;line-height:1.8}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:24px}.video-grid a{height:160px;border-radius:20px;background:linear-gradient(135deg,#f1fffb,#fff);border:1px solid #e4f2ee;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.video-grid a:hover{transform:translateY(-7px);box-shadow:0 18px 34px rgba(14,185,142,.18)}.video-grid span{width:44px;height:44px;border-radius:50%;background:#0eb98e;color:#fff;display:grid;place-items:center}.rich{padding:34px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#e9fff8)}.rich h2{font-size:34px;margin:0}.stats{display:flex;gap:12px}.stats span{background:#071613}.poster div{padding:22px}.poster b{font-size:24px}.side{padding-bottom:18px}.side h2{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #eef2f1}.news{list-style:none;margin:0;padding:6px 24px}.news li{padding:14px 0;border-bottom:1px solid #eef2f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more{display:block;margin:16px 22px 0;text-align:center;background:#e9fff8;color:#0b9d79;padding:13px;border-radius:12px;font-weight:900}.tags{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.tags a{background:#f4f7f6;border-radius:10px;text-align:center;padding:10px;color:#66736f}.footer{margin-top:38px;background:#041210;color:#cceee5;border-top:4px solid #0eb98e;text-align:center;padding:28px;font-size:17px;line-height:1.9}.reveal{opacity:0;transform:translateY(30px);transition:.75s}.reveal.show{opacity:1;transform:none}@media(max-width:1100px){.hero-inner,.layout{grid-template-columns:1fr}.hero h1{font-size:48px}.feature-grid,.count-grid{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr 1fr}.match{grid-template-columns:1fr;text-align:center;gap:12px;padding:22px}.team,.team.right{justify-content:center}.score-card img{height:auto}}@media(max-width:640px){.nav{overflow:auto}.logo{min-width:190px}.hero{min-height:auto}.hero-inner{padding:56px 18px}.hero h1{font-size:36px}.hero-stats,.hero-actions,.search-box,.rich,.stats{flex-direction:column}.feature-grid,.count-grid,.video-grid{grid-template-columns:1fr}.search-section{margin-top:20px}.section-title{display:block}.section-title span{display:block;margin-top:8px}.container{padding-left:14px;padding-right:14px}}