/* ======================================================= */
/* 篮球比分直播 - 完整独立 CSS（已修复联赛列隐藏问题） */
/* ======================================================= */

*, *::before, *::after { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}

html, body { 
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
    background: #f8f9fa; 
    color: #1f2937; 
}

/* 容器 */
.hoy-wrapper { display:block; margin:0 auto; padding:16px; background:#f8f9fa; min-height:100vh; }
.hoy-main { width:80%; margin:0 auto;background:#fff; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,.08); overflow:hidden; }

/* 动态导航栏 */
.data-nav { display:flex; background:#fff; border-bottom:1px solid #e5e7eb; padding:0 20px; flex-wrap:wrap; gap:4px; }
.data-nav a { padding:14px 20px; font-size:15px; font-weight:600; color:#475569; text-decoration:none; border-bottom:3px solid transparent; display:flex; align-items:center; gap:6px; white-space:nowrap; }
.data-nav a.active { color:#ea580c; border-bottom:3px solid #ea580c; }
.data-nav .count { background:#e2e8f0; color:#475569; font-size:13px; padding:2px 8px; border-radius:9999px; font-weight:500; }

/* 顶部操作栏 */
.hoy-topbar { padding:20px; background:#fff; border-bottom:1px solid #e5e7eb; }

/* 当前时间条 */
.info-bar { display:flex; justify-content:center; align-items:center; padding:14px 20px; background:#fff7ed; border-bottom:1px solid #e5e7eb; font-size:15px; font-weight:600; color:#ea580c; }

/* 主表格 */
#table-matches-content table { width:100%; border-collapse:collapse; font-size:15px; background:#fff; }
#table-matches-content thead th { background:#f8fafc; color:#475569; padding:12px 8px; font-weight:600; text-align:center; border-bottom:2px solid #e2e8f0; }
#table-matches-content tbody tr { border-bottom:1px solid #f1f5f9; }
#table-matches-content tbody tr:hover { background:#f8fafc; }
#table-matches-content td { padding:14px 8px; vertical-align:middle; text-align:center; }

.team-cell { display:flex; align-items:center; gap:8px; justify-content:center; }
.team-logo { width:28px; height:28px; border-radius:50%; flex-shrink:0; }
.team-name { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:160px; }
.score-cell { font-size:24px; font-weight:800; color:#ea580c; min-width:80px; }
.score-details { font-size:12.5px; color:#64748b; margin-top:4px; line-height:1.3; }
.status { display:inline-block; padding:6px 16px; border-radius:9999px; font-size:13.5px; font-weight:700; min-width:68px; }

.not-started .status { background:#64748b; color:#fff; }
.in-progress .status { background:#ea580c; color:#fff; animation:pulse 2s infinite; }
.match-finished .status { background:#16a34a; color:#fff; }

@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.75} }

/* 其他样式 */
.utc-notice { background:#fff7ed; border-left:4px solid #ea580c; padding:14px 20px; margin:20px; color:#1f2937; border-radius:8px; }
.notice { text-align:center; padding:20px; background:#f8fafc; color:#64748b; border-radius:8px; margin:20px; }

/* 浮动自动刷新提示 */
#auto-refresh-indicator {
    position:fixed !important; top:20px; right:20px; z-index:9999;
    display:flex !important; align-items:center; justify-content:center; gap:8px;
    padding:8px 16px; background:#ea580c; color:#fff; font-weight:600;
    font-size:14px; border-radius:9999px; box-shadow:0 4px 12px rgba(234,88,12,0.3);
    min-width:180px; white-space:nowrap;
}

#auto-refresh-indicator .refresh-icon { font-size:18px; animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* 响应式 */
@media (max-width:768px) {
    .hoy-main { width:100%; }
    .hoy-topbar-content { flex-direction:column; }
}