:root{
  --ink:#232d3e;
  --sub:#666;
  --line:#e6e1de;
  --bg:#f7f8e5;
  --card:#fbfbfb;
  --orange:#ed7d03;
  --green:#46a91e;
  --yellow:#ffd737;
  --live:#ed341b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),url(/assets/hero.jpg) center/cover fixed;background-color:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;vertical-align:middle}
.wrap{width:min(1180px,calc(100% - 24px));margin:0 auto}
.site-header{background:#fbfbfb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--ink);letter-spacing:.02em;flex:0 0 auto}
.brand i{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#fff 0 18%,#ed7d03 19% 46%,#232d3e 47% 54%,#fff 55% 62%,#ed7d03 63% 100%);box-shadow:0 0 0 2px #fff,0 0 0 3px #e6e1de}
.nav{display:flex;align-items:center;gap:4px;min-width:0}
.nav a{position:relative;color:#354455;font-size:15px;padding:8px 12px;white-space:nowrap}
.nav a.active,.nav a:hover{color:var(--orange)}
.nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px;background:var(--orange)}
.league-bar{background:#ffd737;position:relative;overflow:hidden}
.league-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:42%;background:#46a91e;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.league-bar .wrap{position:relative;display:flex;gap:8px;overflow:auto;padding:10px 0;scrollbar-width:none}
.league-bar .wrap::-webkit-scrollbar{display:none}
.league-chip{flex:0 0 auto;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.82);color:#232d3e;font-size:13px;font-weight:700}
.league-chip:hover{background:#fff;color:var(--orange)}
.hero{background:linear-gradient(100deg,#1d6b22 0%,#46a91e 46%,#f0c12e 100%);color:#fff;padding:28px 0 24px}
.hero h1{margin:0 0 6px;font-size:30px;font-weight:800}
.hero p{margin:0;max-width:760px;color:rgba(255,255,255,.92);font-size:14px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:18px 0 36px}
.card{background:var(--card);border:1px solid var(--line);margin-bottom:16px}
.card-hd{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid var(--line)}
.card-hd h2{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.card-hd h2 img{width:22px;height:20px;object-fit:contain}
.card-hd a,.card-hd span{color:var(--orange);font-size:13px}
.card-bd{padding:0 14px}
.match-list{list-style:none;margin:0;padding:0}
.match-row{display:grid;grid-template-columns:108px minmax(0,1fr) 72px;gap:8px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}
.match-row:last-child{border-bottom:0}
.match-row.live{background:linear-gradient(90deg,rgba(237,52,27,.06),transparent 28%)}
.m-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.m-league{color:var(--orange);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-meta time{color:var(--sub);font-size:12px}
.m-teams{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:4px;min-width:0}
.side{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700;color:#232d3e}
.side span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side.away{flex-direction:row-reverse;text-align:right}
.side img{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.m-score{text-align:center}
.m-score b{display:block;font-size:16px;color:#232d3e;font-variant-numeric:tabular-nums}
.m-score i{font-style:normal;color:#b0a79d;padding:0 1px}
.st{display:inline-block;margin-top:2px;font-style:normal;font-size:12px;color:#808080}
.st-live{color:var(--live);font-weight:700}
.st-result{color:var(--green)}
.m-play{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.btn-go{min-width:52px;height:28px;padding:0 10px;border-radius:14px;background:#615d6a;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.btn-go.live{background:var(--green)}
.btn-go.wait{background:var(--orange)}
.btn-go.done{background:#8d97a3}
.btn-line{color:#808080;font-size:12px;padding:4px 2px}
.btn-line:hover,.btn-go:hover{opacity:.86}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border-radius:16px;padding:8px 18px;font-size:14px}
.empty{color:#8a8178;text-align:center;padding:28px 10px}
.side-card .card-bd{padding:8px 14px 12px}
.rank-block{margin:8px 0 12px}
.rank-block h3{margin:0 0 6px;font-size:14px;display:flex;align-items:center;justify-content:space-between}
.rank-block h3 a{color:var(--orange);font-size:12px;font-weight:400}
.rank-row{display:grid;grid-template-columns:18px 18px 1fr auto;gap:8px;align-items:center;padding:5px 0;font-size:13px}
.rank-row b{color:#9aa0a8;font-weight:700}
.rank-row b.top{color:var(--orange)}
.rank-row img{width:18px;height:18px;object-fit:contain}
.rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-row em{font-style:normal;color:var(--green);font-weight:700}
.news-list{list-style:none;margin:0;padding:4px 0 8px}
.news-list li{padding:10px 0;border-bottom:1px dashed #efe8df}
.news-list li:last-child{border-bottom:0}
.news-list a{display:block;font-size:14px;line-height:1.45}
.news-list a:hover{color:var(--orange)}
.news-list small{display:block;margin-top:3px;color:#9a9188;font-size:12px}
.about,.faq{padding:14px 4px 16px}
.about h2,.faq h2{margin:0 0 10px;font-size:18px}
.about p,.faq p{margin:0;color:#4d463f;font-size:14px}
.faq-item{padding:12px 0;border-top:1px solid var(--line)}
.faq-item h3{margin:0 0 4px;font-size:15px}
.page-hero{padding:22px 0 6px}
.page-hero h1{margin:0 0 4px;font-size:26px}
.page-hero p{margin:0;color:var(--sub);font-size:13px}
.crumbs{color:#8a8178;font-size:13px;margin-bottom:6px}
.crumbs a:hover{color:var(--orange)}
.article{padding:16px 8px 20px}
.article h1{margin:0 0 8px;font-size:24px;line-height:1.4}
.article .meta{color:#8a8178;font-size:13px;margin-bottom:14px}
.article .cover{width:100%;margin-bottom:14px;max-height:420px;object-fit:cover}
.article-body{font-size:16px;color:#2c261f}
.article-body img{margin:10px auto;display:block}
.board{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:28px 12px 18px;text-align:center}
.board .club{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:18px;font-weight:800}
.board .club img{width:64px;height:64px;object-fit:contain}
.board .vs b{display:block;font-size:32px;letter-spacing:.04em}
.board .vs em{display:block;margin-top:6px;font-style:normal;color:var(--orange);font-weight:700}
.board-meta{text-align:center;color:#666;font-size:13px;padding-bottom:8px}
.signals{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 0 18px}
.signals a{padding:10px 16px;background:var(--orange);color:#fff;border-radius:8px;font-size:14px;font-weight:700}
.signals a.on{background:var(--green)}
.signals a:hover{transform:translateY(-1px)}
.note{padding:4px 8px 18px;color:#4d463f;font-size:14px}
.note p{margin:0 0 8px}
.site-footer{background:#232d3e;color:#c8c0b6;padding:22px 0;text-align:center;font-size:12px}
.site-footer p{margin:5px 0}
@media(max-width:900px){
  .layout{grid-template-columns:1fr}
  .site-header .wrap{height:auto;min-height:64px;padding:8px 0;flex-wrap:wrap}
  .nav{width:100%;overflow:auto}
  .hero h1{font-size:24px}
}
@media(max-width:640px){
  .match-row{grid-template-columns:1fr;gap:6px}
  .m-play{justify-content:flex-start}
  .m-teams{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}
}