/* ==========================================================================
   ng-theme.css —— 夜晚（暗色）主题层
   目标站实测（arcade 皮肤）：
     light  --ng-page #f9f5fc / --ng-ink #362743 / --ng-line #e4d8ed
     dark   --ng-page #221a2c / --ng-ink #f4eefb / --ng-line #514361
   只覆盖暗色，亮色完全沿用 ng-ui.css + ng-redesign.css。
   ========================================================================== *//* ---------- 1. 暗色基础变量 ---------- */
html[data-theme="dark"] body.ng-skin {
  --ng-bg: #221a2c;
  --ng-bg-2: #191320;
  --ng-ink: #f4eefb;
  --ng-ink-strong: #ffffff;
  --ng-muted: #cbbbdb;
  --ng-muted-2: #a996bb;
  --ng-primary: #c9a8ed;
  --ng-primary-deep: #33283f;
  --ng-primary-soft: #2e2440;
  --ng-line: #514361;
  --ng-card: rgba(51, 40, 63, .55);
  --ng-shadow: 0 2px 10px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .06);
  --ng-surface: rgba(51, 40, 63, .24);
  --ng-shell-card-border: rgba(250, 93, 214, .32);
  --ng-shell-nav-bg: rgba(24, 16, 43, .97);
  --ng-shell-nav-label-bg: #251337;
  --ng-shell-nav-pedestal: linear-gradient(180deg, #ed55c7, #6546bd);
  --ng-shell-nav-icon-border: rgba(255, 103, 215, .58);

  background: var(--ng-bg) !important;
  background-image: none !important;
  color: var(--ng-ink) !important;
  color-scheme: dark;
}/* 目标暗色页面底色是纯 --ng-page(#221a2c)，没有光斑层 */
html[data-theme="dark"] body.ng-skin::before { background: none !important; }/* ---------- 2. 顶栏 ---------- */
html[data-theme="dark"] body.ng-skin .ng-brand-header__row {
  border-color: var(--ng-line) !important;
  box-shadow: var(--ng-shadow) !important;
}
html[data-theme="dark"] body.ng-skin .ng-head-cta {
  border-color: rgba(201, 168, 237, .42) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(51, 40, 63, .5)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 7px 18px rgba(0, 0, 0, .35) !important;
  color: var(--ng-ink) !important;
}/* ---------- 3. 轮播 ---------- */
html[data-theme="dark"] body.ng-skin .carousel-wrap {
  background: #1a1326 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.ng-skin .carousel-wrap .dot {
  background: rgba(255, 255, 255, .38) !important;
  box-shadow: 0 0 0 1px rgba(201, 168, 237, .30) !important;
}
html[data-theme="dark"] body.ng-skin .carousel-wrap .dot.active { background: #c9a8ed !important; }/* ---------- 4. 公告条 ---------- */
html[data-theme="dark"] body.ng-skin .marquee-wrap {
  border-color: var(--ng-line) !important;
  background: rgba(51, 40, 63, .42) !important;
}
html[data-theme="dark"] body.ng-skin .marquee-tag {
  background: rgba(201, 168, 237, .16) !important;
  color: #d9c2f3 !important;
}
html[data-theme="dark"] body.ng-skin .marquee-text { color: var(--ng-ink) !important; }
html[data-theme="dark"] body.ng-skin .marquee-wrap::before { background: #c9a8ed !important; }
html[data-theme="dark"] body.ng-skin .marquee-wrap::after { background: rgba(201, 168, 237, .24) !important; }/* ---------- 5. 区块标题 ---------- */
html[data-theme="dark"] body.ng-skin .ng-section-head h2,
html[data-theme="dark"] body.ng-skin #cardsScroll .ng-section-head h2,
html[data-theme="dark"] body.ng-skin #cardsScroll .section h2 { color: var(--ng-ink) !important; }
html[data-theme="dark"] body.ng-skin .ng-section-head__meta { color: var(--ng-muted) !important; }/* ---------- 6. 平台卡片 ---------- */
html[data-theme="dark"] body.ng-skin .ng-card {
  border-color: var(--ng-line) !important;
  background: rgba(51, 40, 63, .42) !important;
  box-shadow: none !important;
  color: var(--ng-ink) !important;
}
html[data-theme="dark"] body.ng-skin .ng-card:hover { box-shadow: 0 10px 22px rgba(0, 0, 0, .42) !important; }
html[data-theme="dark"] body.ng-skin .ng-card__logo {
  border-color: rgba(201, 168, 237, .34) !important;
  background: linear-gradient(145deg, #3a2d4b, #241b31) !important;
}
html[data-theme="dark"] body.ng-skin .ng-card__title { color: var(--ng-ink-strong) !important; }
html[data-theme="dark"] body.ng-skin .ng-card__desc { color: var(--ng-muted) !important; }
html[data-theme="dark"] body.ng-skin .ng-empty { color: var(--ng-muted) !important; }/* ---------- 7. 客服页 ---------- */
html[data-theme="dark"] body.ng-skin #serviceView .svc-card,
html[data-theme="dark"] body.ng-skin #serviceView .svc-tip,
html[data-theme="dark"] body.ng-skin .ng-cs-link {
  border-color: var(--ng-line) !important;
  background: rgba(51, 40, 63, .42) !important;
  box-shadow: none !important;
  color: var(--ng-ink) !important;
}
html[data-theme="dark"] body.ng-skin #serviceView .svc-meta em,
html[data-theme="dark"] body.ng-skin #serviceView .svc-tip p,
html[data-theme="dark"] body.ng-skin .ng-cs-link__txt em { color: var(--ng-muted) !important; }
html[data-theme="dark"] body.ng-skin #serviceView .svc-btn--primary {
  background: color-mix(in srgb, var(--ng-primary) 52%, #152442) !important;
  color: #fff !important;
  border: 0 !important;
}
html[data-theme="dark"] body.ng-skin #serviceView .svc-btn--copy {
  background: color-mix(in srgb, var(--ng-primary) 12%, transparent) !important;
  color: var(--ng-primary) !important;
  border-color: color-mix(in srgb, var(--ng-primary) 30%, transparent) !important;
}/* ---------- 8. 公告 / 详情 ---------- */
html[data-theme="dark"] body.ng-skin #noticeView .nc-card{
  border-color: var(--ng-line) !important;
  background: rgba(51, 40, 63, .42) !important;
  box-shadow: none !important;
  color: var(--ng-ink) !important;
}
html[data-theme="dark"] body.ng-skin #noticeView .nc-body h3{ color: var(--ng-ink) !important; }
html[data-theme="dark"] body.ng-skin #noticeView .nc-body p{ color: var(--ng-muted) !important; }
html[data-theme="dark"] body.ng-skin #noticeView .nc-title strong,
html[data-theme="dark"] body.ng-skin #noticeView .nc-badge { color: #d9c2f3 !important; }
html[data-theme="dark"] body.ng-skin #noticeView .nc-badge { background: rgba(201, 168, 237, .16) !important; }/* ---------- 9. 底栏 ---------- */
html[data-theme="dark"] body.ng-skin .ng-bottom-nav::before {
  background: var(--ng-shell-nav-bg, rgba(24, 16, 43, .97)) !important;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, .46) !important;
}
html[data-theme="dark"] body.ng-skin .ng-bottom-nav__label {
  background: var(--ng-shell-nav-label-bg, #251337) !important;
  color: #f4eefb !important;
  border-color: color-mix(in srgb, #ed55c7 30%, rgba(255, 255, 255, .18)) !important;
}
html[data-theme="dark"] body.ng-skin .ng-bottom-nav__item[aria-current="page"] .ng-bottom-nav__label {
  background: color-mix(in srgb, #ed55c7 38%, #251337) !important;
  border-color: color-mix(in srgb, #ed55c7 62%, #f5d895) !important;
}
html[data-theme="dark"] body.ng-skin .ng-bottom-nav__icon::after {
  background: var(--ng-shell-nav-pedestal, linear-gradient(180deg, #ed55c7, #6546bd)) !important;
  border-color: var(--ng-shell-nav-icon-border, rgba(255, 103, 215, .58)) !important;
}/* 首页轮播统一由容器掌控高度，避免旧版媒体规则在宽屏留下底部空白 */
body.ng-skin #homeView .carousel-wrap,
body.ng-skin #homeView .carousel-wrap .slides,
body.ng-skin #homeView .carousel-wrap .slide,
body.ng-skin #homeView .carousel-wrap .slide-link {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}
body.ng-skin #homeView .carousel-wrap .slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
}