/* ============================================================
 * SportScope theme-polish（2026-11-11）
 * 浅色前台精修层：统一青色强调、清理旧绿/金/蓝残留、修版式溢出。
 * 最后加载。不改 hero / phero 背景图（由主题层单独维护）。
 * ============================================================ */

:root{
  --bg:#f2f5fa;
  --ink:#182238;
  --muted:#5b6b84;
  --line:#dfe6f0;
  --soft:#eef3fa;
  --toolbar:#ffffff;
}

/* ---------- 品牌：隐藏旧「赛析」标题，只保留 SportScope 标 ---------- */
.side .logo{display:none}

/* ---------- 侧栏：去掉旧草绿渐变，改中性浅底 + 青色激活 ---------- */
.side{
  background:#ffffff;
  border-right:1px solid var(--line,#dfe6f0);
  box-shadow:1px 0 0 rgba(16,24,40,.03);
}
.nav a:hover{
  background:#eef6f8;
  color:#182238;
  transform:none;
}
.nav a.active,
.nav a.on{
  background:rgba(14,116,144,.10);
  color:#0e7490;
  box-shadow:none;
  border-color:transparent;
  font-weight:700;
}
.nav a.active::before,
.nav a.on::before{
  content:"";
  position:absolute;left:0;top:20%;bottom:20%;
  width:3px;border-radius:0 3px 3px 0;
  background:#0e7490;
  transform:none;
  height:auto;
}
.nav a .badge{
  background:#0e7490;
  color:#fff;
}

/* ---------- 登录按钮 / 焦点 / 搜索：蓝 → 青 ---------- */
#login-btn{
  background:#0e7490;
  border-color:#0e7490;
  box-shadow:0 2px 8px rgba(14,116,144,.22);
}
#login-btn:hover{
  background:#0b5f75;
  border-color:#0b5f75;
  box-shadow:0 4px 14px rgba(14,116,144,.32);
}
#login-btn.logged{
  color:var(--ink);
  background:var(--soft);
  border-color:var(--line);
  box-shadow:none;
}
.searchbox input:focus{
  border-color:#0e7490;
  box-shadow:0 0 0 3px rgba(14,116,144,.16);
}
button:focus-visible,
a:focus-visible,
[onclick]:focus-visible,
input:focus-visible{
  outline:2px solid rgba(14,116,144,.55);
  outline-offset:2px;
}

/* ---------- 卡片标题条、更多链接、页签芯片 ---------- */
.card h3::before{background:#0e7490}
.card-more{color:#0e7490}
.card-more:hover{color:#0b5f75}
.pd-card:hover{border-color:rgba(14,116,144,.55)}
.match-chip.on{
  background:#0e7490;
  border-color:#0e7490;
  color:#fff;
}
.back:hover{color:#0e7490;border-color:#9fc6d4}

/* ---------- 状态条：青色标签；窄屏保留「非实时 / 模型暂停」 ---------- */
.v2-statusbar-tag{
  color:#0e7490;
  background:rgba(14,116,144,.10);
  border:1px solid rgba(14,116,144,.28);
}
.ss-mode-banner{
  color:#9a5b12;
  background:rgba(217,119,6,.10);
  border-color:rgba(217,119,6,.32);
}
@media (max-width:640px){
  .v2-statusbar{
    flex-wrap:wrap;
    gap:6px 8px;
    padding:7px 12px;
  }
  .v2-statusbar span{display:inline !important}
  .v2-statusbar span.v2-statusbar-sep{display:none !important}
  /* 会员接入说明在极窄屏收起，口径标签与「非实时 / 模型暂停」保留 */
  .v2-statusbar > span:last-child{display:none !important}
}
@media (max-width:430px){
  .v2-statusbar{font-size:10px;line-height:1.45}
}

/* ---------- 概览：积分榜 min-width 撑破网格；横滚条不撑页面 ---------- */
.ov-main,
.ov-side,
.ov-main > *,
.ov-side > *{min-width:0}
#ov-stand-body{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.ov-stand-table.fbc-table,
.ov-stand-table{min-width:0 !important;width:100%}
.ov-strip{overflow:hidden}
.ov-strip-track{max-width:100%}

/* ---------- 新闻快讯条：蓝紫渐变 → 青 ---------- */
.tick-label{
  background:#0e7490;
  color:#fff;
}
.news-ticker a.tick-item:hover{color:#0e7490}
.news-ticker a.tick-item:hover .tick-lg{
  background:rgba(14,116,144,.14);
  color:#0e7490;
}

/* ---------- 足球中心：浅色下的深蓝/金残留 ---------- */
html[data-theme="light"] .fbc-league,
.fbc-league{
  background:#ffffff;
  color:#3a4a63;
  border-color:#d5deea;
}
html[data-theme="light"] .fbc-league:hover,
.fbc-league:hover{
  color:#182238;
  border-color:#9fc6d4;
  background:#f3fafc;
}
html[data-theme="light"] .fbc-league.on,
.fbc-league.on{
  background:rgba(14,116,144,.12);
  color:#0e7490;
  border-color:rgba(14,116,144,.45);
  font-weight:700;
}
.fbc-lgtag{
  background:rgba(14,116,144,.10);
  border-color:rgba(14,116,144,.28);
  color:#0e7490;
}
.fbc-date.on,
.fbc-fav-toggle.on{
  border-color:rgba(14,116,144,.45);
  background:rgba(14,116,144,.10);
  color:#0e7490;
}
.fb-batchbar{
  border-color:rgba(14,116,144,.35);
  background:rgba(14,116,144,.07);
}
.fb-batchbar b{color:#0e7490}
.fb-batch-btn{
  border-color:rgba(14,116,144,.45);
  background:rgba(14,116,144,.12);
  color:#0e7490;
}
.fbc-list .fb-sel{accent-color:#0e7490}
html[data-theme="light"] .fbc-seg button.on,
.fbc-seg button.on{
  background:rgba(14,116,144,.14);
  color:#0e7490;
}
html[data-theme="light"] .fbc-status.upcoming,
.fbc-status.upcoming{
  color:#0e7490;
  border-color:rgba(14,116,144,.35);
}
html[data-theme="light"] .fbc-search:focus,
.fbc-search:focus{border-color:rgba(14,116,144,.6)}

/* ---------- 球员卡片：防止队名/位置被挤切 ---------- */
.pd-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pd-card-sub{min-width:0}
.pd-card-sub span,
.pd-card-sub b{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ---------- 页面底色：旧叶绿光晕改为淡青中性 ---------- */
body{
  background:
    radial-gradient(900px 520px at 2% -8%,#e7f2f6 0,rgba(231,242,246,0) 62%),
    radial-gradient(820px 460px at 102% 0%,#e9eef6 0,rgba(233,238,246,0) 60%),
    var(--bg,#f2f5fa);
  background-attachment:fixed;
  color:var(--ink,#182238);
}

/* ---------- 底部导航激活态（与侧栏一致） ---------- */
.bottom-nav a.active,
.bn-it.on{color:#0e7490}

@media (prefers-reduced-motion:reduce){
  .news-ticker .tick-track{animation:none}
}