*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#f3f5f8;color:#4a5160;font:14px/1.6 "PingFang SC","Microsoft YaHei",Helvetica,sans-serif}
a{color:#4a5160;text-decoration:none}
a:hover{color:#1fa37a}
.news-item:hover,.video-card:hover{color:#123d32}
.news-item:hover h3,.video-card:hover h3{color:#123d32}
img{max-width:100%;border:0;vertical-align:middle}
ul,ol{list-style:none}
.wrap{width:1200px;margin:0 auto}
.site-header{background:#123d32;box-shadow:0 4px 16px rgba(10,30,24,.18)}
.header-inner{display:flex;align-items:center;height:72px}
.logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:20px;font-weight:700;letter-spacing:1px}
.logo:hover{color:#f4d27a}
.logo-mark{display:block;flex:none}
.hero-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:22px;font-weight:700;color:#fff}
.nav{display:flex;margin-left:48px}
.nav a{color:#e8f6f1;font-size:17px;padding:0 26px;height:46px;line-height:46px}
.nav a:hover,.nav a.on{color:#fff;font-weight:700;border-bottom:2px solid #f4d27a}
.league-bar{background:#fff;border-bottom:1px solid #e8ecef}
.league-bar-inner{display:flex;align-items:flex-start;min-height:44px;padding:8px 0}
.league-bar strong{width:120px;flex:none;line-height:28px;color:#123d32}
.league-links{display:flex;flex-wrap:wrap;gap:4px 0}
.league-links a{padding:4px 10px;line-height:20px;color:#555}
.league-links a.on,.league-links a:hover{color:#1fa37a;font-weight:700}

.hero{position:relative;height:420px;overflow:hidden;background:#071510}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);will-change:transform;filter:brightness(.55) saturate(1.05)}
.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,14,.78) 8%,rgba(7,18,14,.35) 55%,rgba(7,18,14,.55) 100%)}
.hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.hero-logo svg{flex:none}
.hero-title{font-size:42px;line-height:1.2;letter-spacing:1px;text-shadow:0 6px 24px rgba(0,0,0,.35)}
.hero-title em{font-style:normal;color:#f4d27a}
.hero-sub{margin-top:14px;font-size:16px;max-width:560px;color:#d7ece4}
.hero-cta{margin-top:26px;display:flex;gap:12px}
.hero-cta a{display:inline-block;padding:10px 22px;border-radius:4px;color:#123d32;background:#f4d27a;font-weight:700}
.hero-cta a.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.hero-cta a:hover{color:#071510;background:#ffe38a}

.layout{display:flex;align-items:flex-start;margin:20px auto 0;gap:15px}
.main{width:830px;flex:none}
.side{width:355px;flex:none}
.panel{background:#fff;padding:0 16px 16px;margin-bottom:16px}
.panel h2{font-size:20px;text-align:center;padding:16px 0 10px;color:#1a2330}
.date-tag{display:inline-block;min-width:140px;background:#123d32;color:#fff;padding:8px 16px;margin:12px 0;font-size:15px}
.match-row{display:flex;align-items:center;min-height:60px;padding:0 10px;border-top:1px solid #f2f4f6;color:#4a5160;gap:8px}
.match-row:hover{background:#f7fbf9;color:#123d32}
.c-time{width:48px;flex:none}
.c-league{width:90px;flex:none;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-teams{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px}
.c-teams .home,.c-teams .away{display:flex;align-items:center;gap:6px;width:42%;min-width:0}
.c-teams .home{justify-content:flex-end}
.c-teams .away{justify-content:flex-start}
.c-teams b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-teams img{width:24px;height:24px;object-fit:contain;flex:none}
.score{width:52px;flex:none;text-align:center;font-weight:700}
.score.is-live{color:#e23d3d}
.c-play,.match-row:hover .c-play,a:hover .c-play{flex:none;width:auto;min-width:96px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:#1fa37a;height:30px;padding:0 12px;border-radius:2px;font-size:13px;white-space:nowrap;margin-left:auto}
.c-play.is-live{background:#e23d3d}
.ico-play{width:0;height:0;background:none;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;display:inline-block}
.pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 0 12px}
.pop-card{background:#fff;padding:12px 10px;border:1px solid #eef1f4;min-height:108px;display:block}
.pop-card .meta{display:flex;justify-content:space-between;color:#aaa;font-size:12px}
.pop-card .teams{display:flex;align-items:center;justify-content:space-between;margin-top:10px;text-align:center}
.pop-card .t{width:42%}
.pop-card img{width:24px;height:24px;object-fit:contain}
.pop-card .vs{color:#1fa37a;font-weight:700}
.pop-card .st{margin-top:10px;display:flex;justify-content:space-between;font-size:12px;color:#888}

.side-box{background:#fff;margin-bottom:16px}
.side-box > h3{background:#123d32;color:#fff;padding:12px;font-size:15px;font-weight:500}
.side-box ul{padding:8px 14px 12px}
.side-box li{line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-card,.news-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f2f4f6;align-items:center;color:#1a2330}
.video-card h3,.news-item h3,.news-txt h3{font-size:15px;font-weight:600;color:#1a2330 !important;line-height:1.45;background:none;padding:0}
.news-txt{flex:1;min-width:0;color:#1a2330}
.video-info{flex:1;min-width:0}
.video-card p,.news-item time{color:#7a8494;font-size:12px;margin-top:6px;display:block}
.video-vis{display:flex;align-items:center;justify-content:center;gap:8px;min-width:104px;flex:none}
.video-vis img{width:36px;height:36px;object-fit:contain;background:#f3f5f8;border-radius:4px}
.news-item img{width:120px;height:80px;object-fit:cover;background:#e9eef1;flex:none}

.crumb{padding:14px 0 6px;color:#888}
.crumb a{color:#666}
.article{background:#fff;padding:22px 24px 30px}
.article h1{font-size:24px;color:#1a2330;line-height:1.45;margin-bottom:10px}
.article .meta{color:#99a;margin-bottom:18px}
.article-body{font-size:16px;line-height:1.9;color:#333}
.article-body p{margin-bottom:14px}
.match-hero{background:#fff;padding:24px;text-align:center;margin-bottom:16px}
.match-hero .names{display:flex;align-items:center;justify-content:center;gap:28px;margin:10px 0}
.match-hero img{width:64px;height:64px;object-fit:contain}
.match-hero h1{font-size:22px;margin-top:8px}
.match-hero .big-score{font-size:36px;font-weight:800;color:#123d32}
.signals{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.signals a{background:#1fa37a;color:#fff;padding:10px 22px;border-radius:3px;font-weight:700}
.signals a:hover{background:#178a66;color:#fff}
.faq,.about-block{background:#fff;padding:22px 24px;margin:16px 0}
.faq h2,.about-block h2{font-size:20px;margin-bottom:12px;color:#123d32}
.faq-item{border-top:1px solid #eef1f4;padding:12px 0}
.faq-item h3{font-size:15px;color:#1a2330;cursor:pointer}
.faq-item p{margin-top:8px;color:#667}
.pager{display:flex;justify-content:center;gap:6px;padding:18px 0 8px;flex-wrap:wrap}
.pager li{border:1px solid #cfd5dc;min-width:36px;text-align:center}
.pager a,.pager li.on{display:block;padding:6px 12px}
.pager li.on{background:#123d32;color:#fff;border-color:#123d32}

.site-footer{margin-top:40px;background:#2b3038;color:#8b929c;padding:28px 0 22px;border-top:1px solid #1b1f24}
.footer-about{text-align:center;line-height:1.8;max-width:980px;margin:0 auto}
.copyright{text-align:center;margin-top:16px}
.backtop{position:fixed;right:24px;bottom:48px;width:50px;height:50px;border:0;border-radius:50%;background:#5d656d;cursor:pointer;display:none;z-index:20}
.empty{text-align:center;color:#aaa;padding:28px 0}

@media (max-width: 1240px){
  .wrap,.layout{width:auto;margin-left:12px;margin-right:12px}
  .layout{flex-direction:column}
  .main,.side{width:100%}
  .pop-grid{grid-template-columns:repeat(2,1fr)}
  .match-row{padding-right:56px}
}
@media (max-width: 760px){
  .header-inner{height:auto;flex-wrap:wrap;padding:10px 0}
  .nav{margin:8px 0 0;flex-wrap:wrap}
  .nav a{padding:0 12px;font-size:15px}
  .hero{height:280px}
  .hero-title{font-size:26px}
  .c-league{display:none}
  .c-teams{flex:1;width:auto}
  .c-play,.match-row:hover .c-play,a:hover .c-play{min-width:0;padding:0 8px;font-size:12px}
  .pop-grid{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion: reduce){
  .js-fade{opacity:1;transform:none}
}