/* SportScope · 各板块页头：同一夜场电影感，按板块内容使用不同实拍
   本文件必须在 theme-v3 / theme-polish 之后加载。 */

:root{
  --hero-fb-overlay: linear-gradient(90deg, rgba(4,9,20,.86) 0%, rgba(4,9,20,.50) 32%, rgba(4,9,20,.10) 62%, rgba(4,9,20,.14) 100%);
  --hero-fb-overlay-clear: linear-gradient(90deg, rgba(4,9,20,.84) 0%, rgba(4,9,20,.42) 30%, rgba(4,9,20,.04) 58%, rgba(4,9,20,.08) 100%);
  --hero-sec-overview: url("assets/heroes/hd/hero-action-wide.jpg");
  --hero-sec-football: url("assets/heroes/hd/hero-football-match.jpg");
  --hero-sec-teams: url("assets/heroes/hd/hero-teams-tunnel.jpg");
  --hero-sec-nba: url("assets/heroes/hd/hero-nba-arena.jpg");
  --hero-sec-players: url("assets/heroes/hd/hero-players-portrait.jpg");
  --hero-sec-news: url("assets/heroes/hd/hero-news-press.jpg");
  --hero-sec-odds: url("assets/heroes/hd/hero-odds-scoreboard.jpg");
  --hero-sec-brief: url("assets/heroes/hd/hero-brief-warmup.jpg");
  --hero-sec-analysis: url("assets/heroes/hd/hero-analysis-goal.jpg");
  --hero-sec-datasrc: url("assets/heroes/hd/hero-datasrc-broadcast.jpg");
  --hero-sec-follows: url("assets/heroes/hd/hero-follows-fans.jpg");
}

/* 共用底：只设尺寸/位置/字色，不在高特异性选择器里锁死某一张图 */
.topbar.phero,
.topbar.hero.phero,
.topbar.player-hero,
.topbar[data-hero-shot="1"],
.fbc-hero,
.fbc-hero.phero,
.nbac-hero,
.nbac-hero.phero,
.brief-hero,
.eng-hero,
.fbc-detail-hd,
html[data-theme="light"] .topbar.phero,
html[data-theme="light"] .topbar.hero.phero,
html[data-theme="light"] .topbar.player-hero,
html[data-theme="light"] .topbar[data-hero-shot="1"],
html[data-theme="light"] .fbc-hero,
html[data-theme="light"] .fbc-hero.phero,
html[data-theme="light"] .nbac-hero,
html[data-theme="light"] .nbac-hero.phero,
html[data-theme="light"] .brief-hero,
html[data-theme="light"] .eng-hero,
html[data-theme="light"] .fbc-detail-hd{
  background-color:#071018 !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  border-color: rgba(255,255,255,.12) !important;
  color:#eef4ff !important;
}

/* —— 按板块贴图（特异性高于上面的共用规则，且带 !important） —— */

/* 概览：整张头图就是业主指定的 7 号射门静帧（底图走 background-image，
   不再插 .hero-art/.ha-video 层，所以这里也不需要 display:none 兜底） */
html[data-theme="light"] .topbar[data-hero-shot="1"],
html[data-theme="light"] .topbar.hero-tall[data-hero-shot="1"],
.topbar[data-hero-shot="1"],
.topbar.hero-tall[data-hero-shot="1"]{
  background-image: var(--hero-fb-overlay), var(--hero-sec-overview) !important;
  background-position: center 28% !important;
}

/* 足球「全部」与默认球赛页头 */
html[data-theme="light"] .topbar.phero.phero-football,
html[data-theme="light"] .fbc-hero.phero,
html[data-theme="light"] .fbc-hero.phero.phero-football,
html[data-theme="light"] .fbc-hero.phero.phero-lg-all,
.topbar.phero.phero-football,
.fbc-hero.phero,
.fbc-hero.phero-football,
.fbc-hero.phero-lg-all{
  background-image: var(--hero-fb-overlay-clear), var(--hero-sec-football) !important;
  background-position: 78% 28% !important;
}

/* 各联赛单独头图 */
:root{
  --hero-lg-pl: url("assets/heroes/hd/hero-lg-pl.jpg");
  --hero-lg-pd: url("assets/heroes/hd/hero-lg-pd.jpg");
  --hero-lg-sa: url("assets/heroes/hd/hero-lg-sa.jpg");
  --hero-lg-bl: url("assets/heroes/hd/hero-lg-bl.jpg");
  --hero-lg-fl: url("assets/heroes/hd/hero-lg-fl.jpg");
  --hero-lg-ucl: url("assets/heroes/hd/hero-lg-ucl.jpg");
}

html[data-theme="light"] .fbc-hero.phero.phero-lg-pl,
.fbc-hero.phero.phero-lg-pl,
.fbc-hero.phero-lg-pl{
  background-image: var(--hero-fb-overlay-clear), var(--hero-lg-pl) !important;
  background-position: 78% 28% !important;
}
html[data-theme="light"] .fbc-hero.phero.phero-lg-pd,
.fbc-hero.phero.phero-lg-pd,
.fbc-hero.phero-lg-pd{
  background-image: var(--hero-fb-overlay-clear), var(--hero-lg-pd) !important;
  background-position: 78% 28% !important;
}
html[data-theme="light"] .fbc-hero.phero.phero-lg-sa,
.fbc-hero.phero.phero-lg-sa,
.fbc-hero.phero-lg-sa{
  background-image: var(--hero-fb-overlay-clear), var(--hero-lg-sa) !important;
  background-position: 78% 28% !important;
}
html[data-theme="light"] .fbc-hero.phero.phero-lg-bl,
.fbc-hero.phero.phero-lg-bl,
.fbc-hero.phero-lg-bl{
  background-image: var(--hero-fb-overlay-clear), var(--hero-lg-bl) !important;
  background-position: 78% 28% !important;
}
html[data-theme="light"] .fbc-hero.phero.phero-lg-fl,
.fbc-hero.phero.phero-lg-fl,
.fbc-hero.phero-lg-fl{
  background-image: var(--hero-fb-overlay-clear), var(--hero-lg-fl) !important;
  background-position: 78% 28% !important;
}
html[data-theme="light"] .fbc-hero.phero.phero-lg-ucl,
.fbc-hero.phero.phero-lg-ucl,
.fbc-hero.phero-lg-ucl{
  background-image: var(--hero-fb-overlay-clear), var(--hero-lg-ucl) !important;
  background-position: 78% 28% !important;
}

/* 球队资料库：球员通道出赛 */
html[data-theme="light"] .topbar.phero.phero-teamdb,
.topbar.phero.phero-teamdb,
.topbar.phero-teamdb{
  background-image: var(--hero-fb-overlay), var(--hero-sec-teams) !important;
  background-position: center right !important;
}

/* NBA：球场灌篮 */
html[data-theme="light"] .topbar.phero.phero-nba,
html[data-theme="light"] .nbac-hero.phero,
html[data-theme="light"] .nbac-hero.phero.phero-nba,
.topbar.phero.phero-nba,
.topbar.phero-nba,
.nbac-hero.phero,
.nbac-hero.phero-nba{
  background-image: var(--hero-fb-overlay), var(--hero-sec-nba) !important;
  background-position: center right !important;
}

/* 球员档案 */
html[data-theme="light"] .topbar.phero.phero-players,
html[data-theme="light"] .topbar.player-hero,
.topbar.phero.phero-players,
.topbar.phero-players,
.topbar.player-hero{
  background-image: var(--hero-fb-overlay), var(--hero-sec-players) !important;
  background-position: center 40% !important;
}

/* 新闻中心：边线摄影 */
html[data-theme="light"] .topbar.phero.phero-news,
.topbar.phero.phero-news,
.topbar.phero-news{
  background-image: var(--hero-fb-overlay), var(--hero-sec-news) !important;
  background-position: center right !important;
}

/* 盘口分析：夜场大屏与比分 */
html[data-theme="light"] .topbar.phero.phero-odds,
html[data-theme="light"] .eng-hero,
.topbar.phero.phero-odds,
.topbar.phero-odds,
.eng-hero{
  background-image: var(--hero-fb-overlay), var(--hero-sec-odds) !important;
  background-position: center right !important;
}

/* 赛前简报：热身 */
html[data-theme="light"] .topbar.phero.phero-brief,
html[data-theme="light"] .brief-hero,
.topbar.phero.phero-brief,
.topbar.phero-brief,
.brief-hero{
  background-image: var(--hero-fb-overlay), var(--hero-sec-brief) !important;
  background-position: center right !important;
}

/* 事件分析 / 比赛详情：关键进球瞬间 */
html[data-theme="light"] .topbar.phero.phero-events,
html[data-theme="light"] .fbc-detail-hd,
.topbar.phero.phero-events,
.topbar.phero-events,
.fbc-detail-hd{
  background-image: var(--hero-fb-overlay), var(--hero-sec-analysis) !important;
  background-position: center right !important;
}

/* 数据接入：转播与数据机房 */
html[data-theme="light"] .topbar.phero.phero-sources,
.topbar.phero.phero-sources,
.topbar.phero-sources{
  background-image: var(--hero-fb-overlay), var(--hero-sec-datasrc) !important;
  background-position: center right !important;
}

/* 我的关注：看台球迷 */
html[data-theme="light"] .topbar.phero.phero-follows,
.topbar.phero.phero-follows,
.topbar.phero-follows{
  background-image: var(--hero-fb-overlay), var(--hero-sec-follows) !important;
  background-position: center 40% !important;
}

/* 照片头上的字必须是浅色 */
html[data-theme="light"] .topbar.phero,
html[data-theme="light"] .topbar.phero h1,
html[data-theme="light"] .topbar.hero.phero,
html[data-theme="light"] .topbar.hero.phero h1,
html[data-theme="light"] .topbar.player-hero,
html[data-theme="light"] .topbar.player-hero h1,
html[data-theme="light"] .topbar[data-hero-shot="1"],
html[data-theme="light"] .topbar[data-hero-shot="1"] h1,
html[data-theme="light"] .fbc-hero,
html[data-theme="light"] .fbc-hero h1,
html[data-theme="light"] .fbc-hero h1 span,
html[data-theme="light"] .nbac-hero,
html[data-theme="light"] .nbac-hero h1,
html[data-theme="light"] .brief-hero,
html[data-theme="light"] .brief-hero h2,
html[data-theme="light"] .eng-hero,
html[data-theme="light"] .eng-hero .big,
html[data-theme="light"] .fbc-detail-hd,
html[data-theme="light"] .fbc-detail-hd h1,
.topbar.phero,
.topbar.phero h1,
.topbar.hero.phero,
.topbar.hero.phero h1,
.topbar.player-hero,
.topbar.player-hero h1,
.topbar[data-hero-shot="1"] h1,
.fbc-hero,
.fbc-hero h1,
.fbc-hero h1 span,
.nbac-hero,
.nbac-hero h1,
.brief-hero,
.brief-hero h2,
.eng-hero,
.eng-hero .big,
.fbc-detail-hd,
.fbc-detail-hd h1{
  color:#fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.45);
}

html[data-theme="light"] .topbar.phero .sub,
html[data-theme="light"] .topbar.hero.phero .sub,
html[data-theme="light"] .topbar.player-hero .sub,
html[data-theme="light"] .topbar[data-hero-shot="1"] .sub,
html[data-theme="light"] .fbc-hero .fbc-sub,
html[data-theme="light"] .fbc-hero .fbc-eyebrow,
html[data-theme="light"] .fbc-hero .fbc-tz,
html[data-theme="light"] .nbac-hero .nbac-hero-sub,
html[data-theme="light"] .nbac-hero .nbac-eyebrow,
html[data-theme="light"] .brief-hero .sub,
html[data-theme="light"] .eng-hero .t,
html[data-theme="light"] .eng-hero .d,
html[data-theme="light"] .fbc-detail-hd .fbc-sub,
html[data-theme="light"] .fbc-detail-hd .fbc-eyebrow,
.topbar.phero .sub,
.topbar.hero.phero .sub,
.topbar.player-hero .sub,
.topbar[data-hero-shot="1"] .sub,
.fbc-hero .fbc-sub,
.fbc-hero .fbc-eyebrow,
.fbc-hero .fbc-tz,
.nbac-hero .nbac-hero-sub,
.nbac-hero .nbac-eyebrow,
.brief-hero .sub,
.eng-hero .t,
.eng-hero .d,
.fbc-detail-hd .fbc-sub,
.fbc-detail-hd .fbc-eyebrow{
  color: rgba(240,247,255,.96) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.7);
}
html[data-theme="light"] .fbc-hero .fbc-sub,
html[data-theme="light"] .fbc-detail-hd .fbc-sub,
.fbc-hero .fbc-sub,
.fbc-detail-hd .fbc-sub{
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: 640px;
}

/* 足球页右侧指标：玻璃底 */
html[data-theme="light"] .fbc-hero .fbc-kpi,
.fbc-hero .fbc-kpi{
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color:#eef4ff !important;
  box-shadow: none !important;
}
html[data-theme="light"] .fbc-hero .fbc-kpi span,
.fbc-hero .fbc-kpi span{ color:rgba(226,240,250,.78) !important; }
html[data-theme="light"] .fbc-hero .fbc-kpi b,
.fbc-hero .fbc-kpi b{ color:#fff !important; }

/* NBA 右侧数字与血统条 */
html[data-theme="light"] .nbac-hero .nbac-hero-side,
.nbac-hero .nbac-hero-side{
  background: rgba(4,10,20,.48) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px;
  padding: 8px 10px;
}
html[data-theme="light"] .nbac-hero .nbac-hero-stat,
html[data-theme="light"] .nbac-hero .nbac-hero-stat span,
html[data-theme="light"] .nbac-hero .nbac-hero-stat b,
.nbac-hero .nbac-hero-stat,
.nbac-hero .nbac-hero-stat span{ color:rgba(226,240,250,.88) !important; }
.nbac-hero .nbac-hero-stat b{ color:#fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.55); }

html[data-theme="light"] .nbac-hero .nbac-lineage,
.nbac-hero .nbac-lineage{
  background: rgba(4,10,20,.42) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #e8f1ff !important;
}
html[data-theme="light"] .nbac-hero .nbac-lineage-item,
html[data-theme="light"] .nbac-hero .nbac-lineage-item b,
.nbac-hero .nbac-lineage-item,
.nbac-hero .nbac-lineage-item b{ color:#e8f1ff !important; }

/* 去掉会盖住照片的装饰层 */
.fbc-hero::before,
.fbc-hero::after,
.fbc-hero.phero::before,
.fbc-hero.phero::after,
.nbac-hero::after,
.nbac-hero.phero::after{
  display:none !important;
}

/* 联赛切换等控件 */
html[data-theme="light"] .fbc-hero .seg,
.fbc-hero .seg{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.20) !important;
}
html[data-theme="light"] .fbc-hero .seg button,
.fbc-hero .seg button{ color:#d3e8dc !important; }
html[data-theme="light"] .fbc-hero .seg button.on,
.fbc-hero .seg button.on{ background:#fff !important; color:#0b3d24 !important; }

html[data-theme="light"] .fbc-hero .fbc-leagues button,
.fbc-hero .fbc-leagues button{
  color:#e8f4ee !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
}
html[data-theme="light"] .fbc-hero .fbc-leagues button.on,
html[data-theme="light"] .fbc-hero .fbc-leagues .on,
.fbc-hero .fbc-leagues button.on,
.fbc-hero .fbc-leagues .on{
  background:#fff !important;
  color:#0b3d24 !important;
}

.topbar.phero .pill,
.topbar.player-hero .pill{
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.28) !important;
  color:#eaf1ff !important;
}


/* 球赛页头加高，给人物留出完整半身 */
html[data-theme="light"] .fbc-hero.phero,
.fbc-hero.phero{
  height: 420px !important;
  min-height: 420px !important;
  padding: 28px 28px 24px !important;
  box-sizing: border-box;
}
html[data-theme="light"] .fbc-hero.phero .fbc-hero-main,
.fbc-hero.phero .fbc-hero-main{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
}
html[data-theme="light"] .fbc-hero.phero .fbc-leagues,
.fbc-hero.phero .fbc-leagues{ margin-top: auto; }
@media (max-width: 900px){
  html[data-theme="light"] .fbc-hero.phero,
  .fbc-hero.phero{
    height: auto !important;
    min-height: 280px !important;
    padding: 18px 16px !important;
  }
}