/* Keep the existing brand-mark element: anniversary effects target it. */
.site-header .brand-mark,
.topbar .brand-mark {
  box-sizing: border-box;
  width: 66px;
  height: 44px;
  flex: 0 0 66px;
  border: 1px solid #d5e4e9;
  border-radius: 7px;
  background: #f5fafb url('/assets/brand/shupai-mark-20261005.webp') center / calc(100% - 10px) auto no-repeat;
}
.site-header .brand-mark .brand-dot,
.topbar .brand-mark .brand-dot { display: none; }
[data-theme='light'] .site-header .brand-mark,
[data-theme='light'] .topbar .brand-mark {
  border-color: transparent;
  background-color: transparent;
}
.topbar .brand-mark { width: 58px; height: 38px; flex-basis: 58px; }
.cinema-header .brand-mark img,
.return-surface > img,
.sidebar .brand img,
.login-brand .brand img {
  box-sizing: border-box;
  width: 58px;
  height: 38px;
  flex: none;
  object-fit: contain;
  padding: 4px;
  background: #f5fafb;
  border-radius: 5px;
  filter: none;
}
.site-visit-counter::before { content: none; }
.site-visit-caption { position: relative; }
.site-visit-caption::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--accent-2);
  box-shadow: 0 0 8px var(--accent-glow);
}
@media (max-width: 1100px) {
  .site-header .brand-mark { width: 58px; height: 38px; flex-basis: 58px; }
}
@media (max-width: 520px) {
  .site-header .brand-mark { width: 52px; height: 34px; flex-basis: 52px; }
  .cinema-header .brand-mark img { width: 32px; height: 26px; padding: 2px; }
}