/* 宝盈财经 V9.7.4 品牌与播放状态热更新
 * 负责品牌图形、字标比例和播放器状态反馈，不改变业务接口。
 */
:root {
  --by-brand-gold: #c7a55b;
  --by-brand-gold-light: #ead28d;
  --by-brand-ink: #070a0f;
  --by-brand-navy: #0b1320;
}

.by-brand-mark,
.by-login-mark,
.by-login-mobile-mark {
  display: block !important;
  flex: 0 0 auto;
  color: transparent !important;
  background-color: transparent !important;
  background-image: url('/themes/v2/statics/images/brand/baoying-symbol.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
}

.by-v9 .by-brand-mark { width: 48px; height: 48px; }
.by-v9 .by-brand { gap: 13px; }
.by-v9 .by-brand strong { letter-spacing: .02em; }
.by-v9 .by-brand small { color: var(--by-brand-gold-light); letter-spacing: .2em; }
.by-v9 .by-auth-brand .by-brand-mark { width: 46px; height: 46px; }

.by-console .by-brand { gap: 13px; }
.by-console .by-brand-mark { width: 42px; height: 42px; }
.by-console .by-brand strong { letter-spacing: .02em; }
.by-console .by-brand small { color: #c5a768; letter-spacing: .16em; }

.by-login-brand .by-login-mark { width: 52px; height: 52px; }
.by-login-brand header { gap: 15px; }
.by-login-brand header strong { font-size: 19px; letter-spacing: .02em; }
.by-login-brand header small { color: #c6aa70; letter-spacing: .18em; }
.by-login-mobile-mark { width: 42px; height: 42px; }

@media (max-width: 767px) {
  .by-v9 .by-live-header .by-brand-mark { width: 36px; height: 36px; }
  .by-v9 .by-live-header .by-brand { gap: 9px; }
}

@media (max-width: 520px) {
  .by-login-brand .by-login-mark { width: 46px; height: 46px; }
}

/* 播放器状态以真实媒体事件为准，避免未起播时仍显示“直播中”。 */
.by-player-stage[data-live-state="idle"] .by-player-state,
.by-player-stage[data-live-state="connecting"] .by-player-state,
.by-player-stage[data-live-state="blocked"] .by-player-state,
.by-player-stage[data-live-state="offline"] .by-player-state,
.by-player-stage[data-live-state="error"] .by-player-state {
  opacity: 1;
}

.by-player-state {
  min-height: 24px;
  overflow-wrap: anywhere;
}

.by-player-start {
  min-width: 112px;
  min-height: 44px;
  touch-action: manipulation;
}

.by-player-start:focus-visible {
  outline: 3px solid rgba(234, 210, 141, .92);
  outline-offset: 4px;
}

.by-status[data-live-state="connecting"] i,
.by-status[data-live-state="buffering"] i {
  background: #d5ad5d;
}

.by-status[data-live-state="live"] i {
  background: #54c788;
}

.by-status[data-live-state="blocked"] i,
.by-status[data-live-state="offline"] i,
.by-status[data-live-state="error"] i {
  background: #9aa3af;
  box-shadow: none;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .by-status i,
  .by-signal-ring,
  .by-signal-ring i {
    animation: none !important;
  }
}