/* ============================================================
   extend.css  —— 主题风格补充层（模板自有，不改动抓取的 style.css）
   作用：1) 恢复二级下拉导航  2) 两套列表作用域  3) 详情聚合页样式
   说明：目标站靠每页内联 <style> 实现差异，这里统一抽成静态类，升级不依赖后端
   ============================================================ */

/* ===== 1. 恢复二级下拉导航（style.css 末尾用 display:none!important 隐藏了，这里按需求开启） ===== */
.nav-menu .nav-item.has-dropdown .arrow { display: inline-block !important; }
.nav-menu .nav-item.has-dropdown .dropdown-menu { display: block !important; }
@media (max-width: 768px) {
    .nav-menu .nav-item.has-dropdown .arrow,
    .nav-menu .nav-item.has-dropdown .dropdown-menu { display: none !important; }
}

/* ===== 2A. 图标网格列表 .news-list.grid-cards —— 球队 / 球员 / 赛事 ===== */
.news-list.grid-cards { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; margin-top: 6px; }
.news-list.grid-cards .match-list-item {
    display: flex; flex-direction: column; gap: 6px; padding: 10px 8px;
    background: #16181d; border: 1px solid #2d3038; border-radius: 8px;
    text-decoration: none; transition: .3s;
}
.news-list.grid-cards .match-list-item:hover { border-color: #007aff; transform: translateY(-2px); }
.news-list.grid-cards .item-img {
    width: 100%; aspect-ratio: 1 / 1; display: block; border-radius: 8px;
    object-fit: cover; object-position: center; background: #222;
}
.news-list.grid-cards .item-content { text-align: center; }
.news-list.grid-cards .item-title {
    font-size: 13px; color: #e0e0e0; margin: 0; text-align: center;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
@media (max-width: 1200px) { .news-list.grid-cards { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 768px)  { .news-list.grid-cards { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 480px)  { .news-list.grid-cards { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } }

/* ===== 2B. 横条文字列表 .news-list.text-rows —— 录像 / 集锦 ===== */
.news-list.text-rows { display: flex; flex-direction: column; gap: 10px; }
.news-list.text-rows .match-list-item {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px 20px; background: #16181d; border: 1px solid #2d3038;
    border-radius: 10px; text-decoration: none; transition: .3s;
}
.news-list.text-rows .match-list-item:hover { background: #1a1e26; border-color: #007aff; transform: translateX(5px); }
.news-list.text-rows .item-main { flex: 1; min-width: 0; }
.news-list.text-rows .item-title { font-size: 15px; color: #e0e0e0; margin: 0; font-weight: 500; }
.news-list.text-rows .match-list-item:hover .item-title { color: #fff; }
.news-list.text-rows .item-meta { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.news-list.text-rows .item-tag { font-size: 11px; color: #007aff; background: rgba(0,122,255,.1); padding: 2px 8px; border-radius: 4px; white-space: nowrap; }
.news-list.text-rows .item-date { font-size: 12px; color: #777; white-space: nowrap; }
@media (max-width: 600px) {
    .news-list.text-rows .match-list-item { flex-direction: column; align-items: flex-start; }
    .news-list.text-rows .item-meta { width: 100%; justify-content: space-between; }
}

/* ===== 3. 详情通用文章容器 item-content（新闻 / 录像 / 集锦 / 视频） ===== */
.item-content { margin-bottom: 20px; }
.item-title-container { margin: 20px auto; text-align: center; }
.item-title-container .item-title { font-size: 22px; color: #eaeaea; line-height: 1.4; }
.item-date-container { margin: 16px auto; text-align: center; color: #888; font-size: 13px; }
.item-date-container .item-date { color: #aaa; }
.item-img-container { position: relative; margin: 20px auto; width: 90%; border-radius: 10px; padding: 10px; }
.item-img-container .item-img { width: 100%; height: auto; display: block; border-radius: 6px; }
.item-desc-container { padding: 10px; line-height: 30px; color: #cfcfcf; }
.item-desc-container p { margin-bottom: 14px; }
.item-info-container { margin-top: 18px; padding: 10px; color: #bbb; font-size: 14px; }
.item-info-container .prev-article, .item-info-container .no-article { display: block; padding: 8px 0; color: #9bb8ff; text-decoration: none; }
.item-tags a { color: #4d9bff; margin-right: 10px; text-decoration: none; }
.item-tags a:hover { text-decoration: underline; }
/* 封面中央播放遮罩 */
.play-btn-overlay {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 68px; height: 68px; background: rgba(0,0,0,.25); border: 3px solid #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    transition: all .3s; box-shadow: 0 0 15px rgba(0,0,0,.3); pointer-events: none;
}
.play-btn-overlay::after {
    content: ""; width: 0; height: 0; border-style: solid;
    border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #fff; margin-left: 7px;
}
.item-img-container:hover .play-btn-overlay { background: rgba(0,0,0,.45); transform: translate(-50%,-50%) scale(1.08); }
/* 选集列表 */
.match-video-list { margin: 20px 0; padding: 14px; background: rgba(255,255,255,.03); border-radius: 8px; }
.match-video-list h3 { font-size: 15px; margin: 0 0 10px; color: #e0e0e0; }
.match-video-list a {
    display: inline-block; margin: 5px 10px 5px 0; padding: 8px 15px;
    background: #007aff; color: #fff !important; text-decoration: none; border-radius: 4px; font-size: 13px;
}
.match-video-list a:hover { background: #0062cc; }

/* ===== 4. 球队 / 球员 聚合页 team-container（忠实目标站） ===== */
.team-container { max-width: 1200px; margin: 26px auto; padding: 0 15px; font-family: "PingFang SC", sans-serif; }
.team-hero-banner { display: flex; align-items: center; background: linear-gradient(135deg,#1e3c72 0%,#2a5298 100%); border-radius: 16px; padding: 36px; color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.25); margin-bottom: 28px; }
.hero-logo { width: 120px; height: 120px; object-fit: contain; background: #fff; border-radius: 12px; padding: 10px; margin-right: 30px; flex-shrink: 0; }
.hero-info h1 { font-size: 30px; margin: 0 0 14px; font-weight: bold; }
.hero-info > div { line-height: 1.8; opacity: .92; font-size: 14px; }
.hero-meta-grid { display: flex; gap: 30px; font-size: 15px; opacity: .9; flex-wrap: wrap; }
.player-roster-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 15px; margin-bottom: 30px; }
.player-card { background: #16181d; border: 1px solid #2d3038; border-radius: 8px; padding: 15px; text-align: center; transition: all .2s; text-decoration: none; color: #e0e0e0; }
.player-card:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,.3); border-color: #2a5298; }
.player-num { display: inline-block; background: rgba(42,82,152,.25); color: #8fb4ee; font-weight: bold; font-size: 13px; padding: 2px 8px; border-radius: 10px; margin-bottom: 10px; }
.player-name { font-size: 15px; font-weight: bold; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.player-pos { font-size: 12px; color: #888; }
.schedule-list { background: #16181d; border-radius: 12px; border: 1px solid #2d3038; overflow: hidden; margin-bottom: 30px; }
.schedule-item { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid #23262e; gap: 12px; }
.schedule-item:last-child { border-bottom: none; }
.s-league { background: #23304a; color: #aebfdc; font-size: 12px; padding: 4px 10px; border-radius: 4px; font-weight: bold; white-space: nowrap; }
.s-time { color: #999; font-size: 14px; width: 130px; flex-shrink: 0; }
.s-versus { flex: 1; display: flex; align-items: center; justify-content: center; gap: 18px; font-weight: bold; font-size: 16px; color: #ddd; }
.s-versus .active-team { color: #ff5a5a; }
.s-btn { background: #ff2222; color: #fff !important; text-decoration: none; padding: 6px 18px; border-radius: 20px; font-size: 13px; font-weight: bold; white-space: nowrap; }
.s-btn.ended { background: #555; }
.news-box-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 30px; }
.news-card { display: flex; gap: 15px; background: #16181d; border: 1px solid #2d3038; padding: 14px; border-radius: 10px; text-decoration: none; color: #ddd; }
.news-card:hover { border-color: #2a5298; }
.news-card-img { width: 140px; height: 90px; object-fit: cover; border-radius: 6px; flex-shrink: 0; background: #222; }
.news-card-body { display: flex; flex-direction: column; justify-content: space-between; padding: 5px 0; min-width: 0; }
.news-card-title { font-size: 15px; font-weight: bold; line-height: 1.4; color: #e6e6e6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news-card-time { font-size: 12px; color: #999; }
.bottom-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; margin-bottom: 30px; }
/* 首页热门视频:5列×3排 */
.bottom-grid.grid-5col { grid-template-columns: repeat(5, minmax(0,1fr)); }
.bottom-grid .data-card { background: #16181d; border: 1px solid #2d3038; border-radius: 8px; overflow: hidden; text-decoration: none; color: #ccc; }
.bottom-grid .data-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; background: #222; }
.bottom-grid .data-card span { display: block; padding: 8px; font-size: 12px; line-height: 1.4; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 900px) {
    .player-roster-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .news-box-grid { grid-template-columns: 1fr; }
    .bottom-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .bottom-grid.grid-5col { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 600px) {
    .team-hero-banner { flex-direction: column; text-align: center; padding: 22px; }
    .hero-logo { margin-right: 0; margin-bottom: 15px; }
    .player-roster-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .s-time, .s-league { display: none; }
    .bottom-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .bottom-grid.grid-5col { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* ===== 5. 赛事专题 league-wrap（忠实目标站，巨幕+白卡片区） ===== */
.league-wrap { max-width: 1200px; margin: 26px auto; padding: 0 15px; font-family: "PingFang SC", sans-serif; }
.league-hero-header { display: flex; align-items: center; background: linear-gradient(135deg,#1e3c72 0%,#2a5298 100%); border-radius: 16px; padding: 36px; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.25); margin-bottom: 30px; }
.league-hero-logo { width: 110px; height: 110px; object-fit: contain; background: rgba(255,255,255,.95); border-radius: 50%; padding: 8px; margin-right: 30px; box-shadow: 0 4px 12px rgba(0,0,0,.2); flex-shrink: 0; }
.league-hero-info h1 { font-size: 28px; margin: 0 0 12px; font-weight: bold; }
.league-badges { display: flex; gap: 14px; flex-wrap: wrap; }
.league-badge-item { background: rgba(255,255,255,.15); padding: 4px 14px; border-radius: 20px; font-size: 13px; border: 1px solid rgba(255,255,255,.12); }
.league-teams-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; margin-bottom: 36px; }
.team-grid-item { background: #16181d; border: 1px solid #2d3038; border-radius: 10px; padding: 15px 10px; text-align: center; text-decoration: none; color: #e0e0e0; transition: all .2s; }
.team-grid-item:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,.3); border-color: #2a5298; }
.team-grid-logo { width: 50px; height: 50px; object-fit: contain; margin: 0 auto 10px; }
.team-grid-name { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.league-main-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; margin-top: 10px; }
.match-card-list { background: #16181d; border-radius: 12px; border: 1px solid #2d3038; overflow: hidden; margin-bottom: 30px; }
.match-card-row { display: grid; grid-template-columns: 110px 1fr 96px; align-items: center; padding: 16px 22px; border-bottom: 1px solid #23262e; gap: 10px; }
.match-card-row:last-child { border-bottom: none; }
.m-time-box { font-size: 14px; color: #bbb; }
.m-time-box em { display: block; font-style: normal; color: #888; font-size: 11px; margin-top: 2px; }
.m-versus-box { display: flex; align-items: center; justify-content: center; gap: 14px; font-size: 15px; font-weight: bold; color: #ddd; }
.m-team-name { width: 130px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m-team-name.away { text-align: left; }
.m-vs-status { background: #2a2e35; color: #bbb; padding: 4px 14px; border-radius: 15px; font-size: 13px; font-weight: normal; min-width: 60px; text-align: center; }
.m-vs-status.living { background: #ff2222; color: #fff; font-weight: bold; animation: pulse 2s infinite; }
.m-action-area { text-align: right; }
.m-go-link { display: inline-block; background: #2a5298; color: #fff !important; text-decoration: none; padding: 6px 16px; border-radius: 6px; font-size: 13px; font-weight: bold; }
.m-go-link:hover { background: #1e3c72; }
.standing-table { width: 100%; border-collapse: collapse; background: #16181d; border: 1px solid #2d3038; border-radius: 8px; overflow: hidden; font-size: 14px; color: #ddd; }
.standing-table th { background: #1d2230; color: #8fb4ee; font-weight: bold; padding: 12px 10px; text-align: center; border-bottom: 1px solid #2d3038; }
.standing-table td { padding: 12px 10px; text-align: center; border-bottom: 1px solid #23262e; color: #ccc; }
.standing-table tr:last-child td { border-bottom: none; }
.news-list-block { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.news-item-mini { display: flex; gap: 12px; text-decoration: none; color: #ddd; background: #16181d; padding: 10px; border-radius: 8px; border: 1px solid #2d3038; }
.news-item-mini:hover { border-color: #2a5298; }
.news-img-mini { width: 90px; height: 60px; object-fit: cover; border-radius: 4px; flex-shrink: 0; background: #222; }
.news-txt-mini { font-size: 14px; font-weight: bold; line-height: 1.4; color: #e0e0e0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.no-data-placeholder { text-align: center; padding: 44px 20px; color: #888; font-size: 14px; background: #16181d; border-radius: 12px; border: 1px dashed #2d3038; width: 100%; box-sizing: border-box; }
@keyframes pulse { 0%{opacity:1;} 50%{opacity:.6;} 100%{opacity:1;} }
@media (max-width: 950px) {
    .league-main-layout { grid-template-columns: 1fr; }
    .league-teams-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 650px) {
    .league-hero-header { flex-direction: column; text-align: center; padding: 22px; }
    .league-hero-logo { margin-right: 0; margin-bottom: 15px; }
    .league-teams-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .match-card-row { grid-template-columns: 1fr; gap: 10px; text-align: center; }
    .m-versus-box { flex-direction: column; gap: 5px; }
    .m-team-name { text-align: center !important; width: auto; }
    .m-action-area { text-align: center; }
}

/* ===== 热门数据页：专题入口 + 小图横条热榜 ===== */
.special-zone { display: flex; flex-wrap: wrap; gap: 12px; padding: 4px 2px 2px; }
.special-entry { flex: 1 1 200px; display: flex; align-items: center; justify-content: space-between;
    padding: 16px 18px; border-radius: 12px; text-decoration: none;
    background: linear-gradient(135deg, rgba(0,122,255,.16), rgba(0,122,255,.05));
    border: 1px solid rgba(0,122,255,.28); transition: .2s; }
.special-entry:hover { border-color: #007aff; transform: translateY(-2px); }
.special-entry .special-name { font-size: 15px; font-weight: 600; color: #eaf2ff; }
.special-entry .special-count { font-size: 12px; color: #7fb4ff; }
.news-list.hot-rows { display: flex; flex-direction: column; gap: 10px; }
.news-list.hot-rows .match-list-item { display: flex; align-items: center; gap: 14px;
    background: #16181d; border: 1px solid #23262e; border-radius: 10px; padding: 10px 14px; text-decoration: none; transition: .2s; }
.news-list.hot-rows .match-list-item:hover { background: #1a1e26; border-color: #007aff; }
.news-list.hot-rows .item-img { width: 128px; height: 72px; object-fit: cover; border-radius: 8px;
    background: #0e1014; flex-shrink: 0; }
.news-list.hot-rows .item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.news-list.hot-rows .item-title { font-size: 15px; color: #e0e0e0; font-weight: 500; margin: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list.hot-rows .match-list-item:hover .item-title { color: #fff; }
.news-list.hot-rows .item-meta { display: flex; align-items: center; gap: 12px; }
.news-list.hot-rows .item-tag { font-size: 11px; color: #007aff; background: rgba(0,122,255,.1); padding: 2px 8px; border-radius: 4px; }
.news-list.hot-rows .item-date { font-size: 12px; color: #777; }
@media (max-width: 650px) {
    .news-list.hot-rows .item-img { width: 96px; height: 56px; }
    .special-entry { flex: 1 1 100%; }
}

/* ===== 频道大全网格 ===== */
.news-list.channel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.channel-card { display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: 12px;
    background: #16181d; border: 1px solid #23262e; text-decoration: none; transition: .2s; min-width: 0; }
.channel-card:hover { background: #1a1e26; border-color: #007aff; transform: translateY(-2px); }
.channel-name { font-size: 15px; font-weight: 600; color: #eaf2ff; position: relative; padding-left: 12px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel-name::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 4px; height: 14px; border-radius: 2px; background: linear-gradient(180deg,#007aff,#4d9bff); }
.channel-desc { font-size: 12px; color: #8a8f99; line-height: 1.6; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 650px) {
    .news-list.channel-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}

/* ===== 直播列表三态按钮 + 状态小标 ===== */
.match-status-mini { font-size: 11px; padding: 2px 8px; border-radius: 4px; white-space: nowrap; font-weight: 600; }
.match-status-mini.btn-live { color:#ff6b6b; background:rgba(239,68,68,.14); }
.match-status-mini.btn-preview { color:#5ea2ff; background:rgba(59,130,246,.14); }
.match-status-mini.btn-replay { color:#34d399; background:rgba(16,185,129,.14); }
.m-score-mini { color:#ffd166; font-weight:700; margin:0 2px; }
.match-action-btn.btn-live { background:linear-gradient(135deg,#ef4444,#dc2626); color:#fff; }
.match-action-btn.btn-preview { background:linear-gradient(135deg,#3b82f6,#2563eb); color:#fff; }
.match-action-btn.btn-replay { background:linear-gradient(135deg,#10b981,#059669); color:#fff; }
.match-action-btn.btn-live::before { content:'● '; font-size:10px; animation:pulse 1.4s infinite; }
.time-notice-bar { font-size:12px;color:#9aa0ab;padding:6px 4px 12px; }

/* ===== 热门数据页：置顶专题 / 高热标签 ===== */
.title-sub { font-size:12px;color:#9aa0ab;font-weight:400; }
.special-entry.is-top { position:relative; border-color:#ffd166; background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(255,209,102,.04)); }
.top-badge { display:inline-block;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;padding:1px 7px;border-radius:4px;margin-right:8px;font-weight:600; }
.hot-tag-cloud a { display:inline-flex;align-items:center;gap:5px;margin:0 8px 10px 0;padding:5px 12px;background:#f4f5f8;border-radius:14px;font-size:13px;color:#4a5160;transition:.15s; }
.hot-tag-cloud a:hover { background:#eaf1ff;color:#2563eb; }
.hot-tag-cloud a em { font-style:normal;font-size:11px;color:#9aa0ab; }

/* ===== 列表页三级栏目切换条：栏目多时自动换行全部铺开（不做单行横滑隐藏） ===== */
.category-tabs { flex-wrap:wrap; overflow-x:visible; gap:6px 2px; padding-bottom:4px; }
.category-tab { padding:8px 13px; }
/* 导航下拉项较多时(如足球直播10个联赛)限制最高并可滚动，避免超出屏幕 */
.nav-menu .dropdown-menu { max-height:74vh; overflow-y:auto; }

/* ===== 24小时热榜：跨模型类型标签 + 手动置顶(插件预留) ===== */
.rank-item .rank-cat { flex-shrink:0; align-self:flex-start; margin-top:2px; padding:1px 6px; font-size:11px; line-height:16px; color:#8ab4f8; background:rgba(24,144,255,.12); border-radius:4px; white-space:nowrap; }
.rank-item .rank-num.rank-top { width:auto; min-width:24px; padding:0 4px; background:#c9a227 !important; color:#fff; font-style:normal; font-size:12px; }
.rank-item.is-top { background:rgba(201,162,39,.08); border-radius:6px; padding:4px 6px; margin:-4px -6px; }
.rank-item.is-top .rank-title { color:#e8d48b; }

/* SEO accessible visually-hidden (screen-reader only, not display:none) */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* H1 复用 .section-title 视觉，仅归零浏览器 h1 默认 margin/字号，避免换标签后样式漂移；视觉(双斜条/字号/颜色/间距)完全继承 section-title */
h1.list-h1{margin:0 0 15px;padding-left:15px;border:0;font-size:18px;font-weight:600;line-height:1.4;color:inherit;text-align:left;}
/* 详情页文档主标题：h3 改 h1 后归零浏览器默认，保持与原 .item-title 一致 */
.item-title-container h1.item-title{margin:0;font-weight:600;}
h1.item-title{margin:0;}
/* 移动端(<=992)对阵行：主客队向中间比分聚拢，修正客队名被 row-reverse+span100% 顶到最右的问题 */
@media (max-width:992px){
  .match-row .m-team.home{justify-content:flex-end;text-align:right;flex-direction:row;}
  .match-row .m-team.away{justify-content:flex-start;text-align:left;flex-direction:row;}
  .match-row .m-team span{width:auto;max-width:100%;white-space:normal;}
}
/* ===== 顶部两行布局:第一排 logo+站内搜索(同排,移动/桌面一致),第二排栏目导航,避免搜索与导航拥挤遮挡 ===== */
.header .container{padding-top:8px;padding-bottom:8px;}
.header-top{display:flex;align-items:center;gap:16px;height:48px;}
.header-top .logo{margin-right:0;flex:0 0 auto;}
.site-search{display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:420px;margin-left:auto;}
.site-search-input{flex:1 1 auto;width:100%;min-width:0;height:36px;box-sizing:border-box;background:rgba(255,255,255,.08);border:1px solid var(--border-color,#333);border-right:0;border-radius:18px 0 0 18px;padding:0 14px;color:#eee;font-size:13px;outline:none;}
.site-search-input::placeholder{color:#9aa0a6;}
.site-search-input:focus{background:rgba(255,255,255,.14);border-color:var(--primary-blue,#007aff);}
.site-search-btn{flex:0 0 auto;height:36px;border:0;background:var(--primary-blue,#007aff);color:#fff;border-radius:0 18px 18px 0;padding:0 18px;font-size:13px;cursor:pointer;white-space:nowrap;}
.site-search-btn:hover{filter:brightness(1.08);}
.header-nav{width:100%;}
@media(min-width:577px){ .header-nav{overflow:visible;} }
@media(max-width:576px){
  .header-nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .header-nav::-webkit-scrollbar{display:none;}
}
.header-nav .nav-item{height:44px;}
/* PC主导航:第二排导航条高度44,但字号保持15(原误写14导致PC端字偏小);移动端在下方@media压到14 */
.header-nav .nav-item>a{height:44px;padding:0 14px;font-size:15px;}
/* 下拉菜单贴合第二排导航项底部(原 style.css top:60px 是旧单行头部尺寸,会造成悬空/hover断层) */
.header-nav .dropdown-menu{top:100%;}
/* ===== 页脚快捷入口 + 友情链接 + 一级栏目网站地图 ===== */
.footer{margin-top:36px;}
.footer-quicknav{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding-bottom:14px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;color:#9aa0a6;}
.footer-quicknav a{color:#c7ccd6;}
.footer-quicknav a:hover{color:var(--primary-blue,#007aff);}
.friend-links{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:13px 0;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.7;}
.fl-title{color:#9aa0a6;flex:0 0 auto;}
.friend-links a{color:#c7ccd6;}
.friend-links a:hover{color:var(--primary-blue,#007aff);}
.footer-sitemap{padding:13px 0;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);scroll-margin-top:120px;}
.sitemap-flat{display:flex;flex-wrap:wrap;gap:4px 18px;}
.sitemap-flat a{font-size:13px;color:#b9bfc9;line-height:1.9;}
.sitemap-flat a:hover{color:var(--primary-blue,#007aff);}
@media (max-width:576px){
  .header-top{gap:10px;height:44px;}
  .header-top .logo{font-size:18px;}
  .site-search{max-width:none;}
  .site-search-btn{padding:0 14px;}
  .header-nav .nav-item>a{padding:0 10px;font-size:14px;}
}
/* ===== 搜索页:上部相关内容分组标签 + 下部资讯 ===== */
.search-multi{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
.search-group{margin-bottom:14px;}
.search-group-title{font-size:15px;font-weight:600;color:#d6dae2;margin:0 0 10px;padding-left:10px;border-left:3px solid var(--primary-blue,#1890ff);line-height:1.2;}
.search-group-list{display:flex;flex-wrap:wrap;gap:8px 10px;}
.search-chip{display:inline-block;padding:6px 12px;font-size:13px;color:#c7ccd6;background:#16181d;border:1px solid #2d3038;border-radius:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s;}
.search-chip:hover{color:#fff;border-color:var(--primary-blue,#1890ff);background:rgba(24,144,255,.12);}
/* ===== 直播详情:美女解说线路按钮(区别于蓝色高清线路),三按钮窄屏自动换行 ===== */
.signal-btn-girl{display:inline-block;padding:12px 36px;background:linear-gradient(135deg,#ff5f8f,#e0356b);color:#fff!important;font-size:16px;font-weight:bold;text-decoration:none!important;border-radius:8px;box-shadow:0 4px 14px rgba(224,53,107,.4);transition:all .2s ease-in-out;}
.signal-btn-girl:hover{background:linear-gradient(135deg,#ff709c,#ec4077);transform:translateY(-2px);box-shadow:0 6px 18px rgba(224,53,107,.55);color:#fff!important;}
.signal-btn-girl:active{transform:translateY(0);}
.live-signal-action-buttons{flex-wrap:wrap;}
@media (max-width:600px){ .signal-btn-girl{padding:10px 20px;font-size:14px;} }
/* ===== match tri-state status: live / will-start / finished ===== */
.s-btn.live{background:#ff2222;animation:pulse 1.8s infinite;}
.m-vs-status.st-live{background:#ff2222;color:#fff;font-weight:bold;animation:pulse 1.8s infinite;}
.m-vs-status.st-will{background:#1f6fb2;color:#fff;}
.m-vs-status.st-end{background:#2a2e35;color:#9aa0aa;}
.status-live-tag.match-live{color:#ff5a5a;animation:pulse 1.8s infinite;}
.status-live-tag.match-not-start{color:#7fd0ff;}
.status-live-tag.match-finished{color:#aab0ba;}
/* 首页热门比赛 三态:即将开赛(橙) */
.m-status.soon{background:linear-gradient(135deg,#ff9a3d,#ff7a18);animation:pulse 2.4s infinite;}
/* PC(>992)对阵行:压缩状态/时间/联赛/比分/按钮固定列,把空间让给主客队名;
   长队名允许最多2行完整显示(不再单行省略号截断),minmax(0,1fr)防止grid撑破 */
@media (min-width:993px){
  .match-row{grid-template-columns:54px 74px 76px minmax(0,1fr) 52px minmax(0,1fr) 96px;column-gap:5px;padding:12px 8px;}
  .match-row .m-team{gap:6px;}
  .match-row .m-team a{min-width:0;}
  .match-row .m-team span{max-width:100%;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25;word-break:keep-all;}
  .match-row .m-team.home span{text-align:right;}
  .match-row .m-team.away span{text-align:left;}
  .match-row .m-time{font-size:12px;white-space:nowrap;}
  .match-row .m-league{font-size:12px;}
  .match-row .btn-live{padding:6px 10px;}
}