:root{--bg:#0d1117;--bg2:#151b23;--bg3:#1c232d;--line:#242c38;--txt:#e6edf3;--sub:#8b949e;--main:#ff6a00;--live:#ff3b30;--r:10px}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--txt);font:15px/1.7 "PingFang SC","Microsoft YaHei",-apple-system,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.hd{position:sticky;top:0;z-index:99;background:rgba(13,17,23,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.hd-in{display:flex;align-items:center;gap:24px;height:60px}
.logo{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;white-space:nowrap}
.logo b{color:var(--main)}
.logo .ico{width:30px;height:30px;background:var(--main);border-radius:8px;display:grid;place-items:center;font-size:17px}
.nav{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:7px 13px;border-radius:6px;color:var(--sub);white-space:nowrap;font-size:14.5px}
.nav a:hover,.nav a.on{background:var(--bg3);color:var(--main)}
.hero{padding:26px 0 10px}
.h1{font-size:26px;font-weight:800}
.h1 span{color:var(--main)}
.lead{color:var(--sub);margin-top:8px;font-size:14.5px;max-width:860px}
.sec{margin:30px 0}
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;border-left:4px solid var(--main);padding-left:10px}
.sec-hd h2{font-size:18px}
.sec-hd a{font-size:13px;color:var(--sub)}
.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tabs button{background:var(--bg2);border:1px solid var(--line);color:var(--sub);padding:6px 15px;border-radius:20px;cursor:pointer;font-size:14px}
.tabs button.on{background:var(--main);border-color:var(--main);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:14px;transition:.18s}
.card:hover{border-color:var(--main);transform:translateY(-2px)}
.c-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--sub);margin-bottom:12px}
.tag{background:var(--bg3);padding:2px 8px;border-radius:4px;color:var(--main)}
.dot{display:inline-flex;align-items:center;gap:5px;color:var(--live);font-weight:700}
.dot i{width:7px;height:7px;background:var(--live);border-radius:50%;animation:bl 1.2s infinite}
@keyframes bl{50%{opacity:.25}}
.teams{display:flex;align-items:center;justify-content:space-between;gap:8px}
.team{flex:1;text-align:center}
.team .lg{width:44px;height:44px;margin:0 auto 6px;border-radius:50%;background:var(--bg3);display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--main)}
.team p{font-size:14px;font-weight:600}
.vs{font-size:19px;font-weight:800;color:var(--main);min-width:74px;text-align:center}
.vs small{display:block;font-size:11px;color:var(--sub);font-weight:400}
.c-btn{display:block;margin-top:13px;text-align:center;background:var(--main);color:#fff;padding:9px;border-radius:6px;font-weight:600;font-size:14px}
.c-btn.gray{background:var(--bg3);color:var(--sub)}
.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.news article{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:15px}
.news h3{font-size:15.5px;margin-bottom:8px;line-height:1.5}
.news h3:hover{color:var(--main)}
.news p{color:var(--sub);font-size:13.5px}
.news time{display:block;margin-top:10px;font-size:12px;color:#5d6873}
.play-wrap{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:18px}
.player{background:#000;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9}
.player video{width:100%;height:100%;object-fit:contain;background:#000}
.lines{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lines button{background:var(--bg2);border:1px solid var(--line);color:var(--txt);padding:7px 14px;border-radius:6px;cursor:pointer;font-size:13.5px}
.lines button.on{background:var(--main);border-color:var(--main)}
.chat{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;height:520px}
.chat-h{padding:11px 14px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}
.chat-b{flex:1;overflow-y:auto;padding:12px;font-size:13.5px}
.chat-b p{margin-bottom:9px;color:var(--sub)}
.chat-b p b{color:var(--main)}
.chat-f{display:flex;border-top:1px solid var(--line)}
.chat-f input{flex:1;background:none;border:0;padding:11px 13px;color:var(--txt);outline:0}
.chat-f button{background:var(--main);border:0;color:#fff;padding:0 16px;cursor:pointer}
.art{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:20px}
.art h2{font-size:18px;margin-bottom:12px;border-left:4px solid var(--main);padding-left:10px}
.art h3{font-size:15.5px;margin:16px 0 8px;color:var(--main)}
.art p{color:#c3ccd6;margin-bottom:10px}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:center}
th{background:var(--bg3);color:var(--main)}
td{color:var(--sub)}
.crumb{font-size:13px;color:var(--sub);padding:14px 0}
.crumb a:hover{color:var(--main)}
.ft{border-top:1px solid var(--line);margin-top:44px;padding:26px 0;font-size:13px;color:var(--sub)}
.ft-nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.ft-nav a:hover{color:var(--main)}
.ft .dis{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:13px;line-height:1.8;margin-bottom:14px}
.hidden{display:none!important}
@media(max-width:900px){.play-wrap{grid-template-columns:1fr}.chat{height:340px}}
@media(max-width:600px){.h1{font-size:20px}.grid{grid-template-columns:1fr}}