/* SPA→静态视觉桥 · arctic-mint · 冰蓝白底 + 薄荷绿主色 + 石墨字 */
:root {
  --mint: #14b8a6;
  --mint-dark: #0d9488;
  --mint-light: #2dd4bf;
  --mint-soft: rgba(20, 184, 166, 0.12);
  --ice-bg: #f0f9ff;
  --ice-bg2: #e0f2fe;
  --ice-surface: #ffffff;
  --ice-surface2: #f8fafc;
  --ice-blue: #38bdf8;
  --ice-blue-soft: rgba(56, 189, 248, 0.14);
  --graphite: #374151;
  --graphite-dark: #1f2937;
  --graphite-muted: #64748b;
  --ice-line: rgba(148, 163, 184, 0.22);

  --pink: var(--mint);
  --blue: var(--ice-blue);
  --brand: var(--mint-dark);
  --accent: var(--mint);
  --portal-accent: var(--mint-dark);
  --portal-accent-hover: #0f766e;
  --portal-accent-light: var(--mint-light);
  --portal-accent-dark: #115e59;
  --portal-accent-soft: var(--mint-soft);
  --portal-coral: var(--mint);
  --portal-coral-soft: var(--mint-soft);
  --portal-page: var(--ice-bg);
  --portal-footer: #e0f2fe;
  --portal-footer-mid: #dbeafe;
  --bg: var(--ice-bg);
  --bg2: var(--ice-bg2);
  --card: var(--ice-surface);
  --text: var(--graphite-dark);
  --muted: var(--graphite-muted);
  --line: var(--ice-line);
  --gold: var(--mint-dark);
  --gold-dim: var(--mint-soft);
  --header-bg: rgba(255, 255, 255, 0.92);
  --body-bg: var(--ice-bg);
  color-scheme: light;
}

html,
body {
  background: linear-gradient(180deg, #f8fdff 0%, var(--ice-bg) 38%, var(--ice-bg2) 100%) !important;
  color: var(--graphite-dark) !important;
}

body,
.page,
.site-wrap,
.app-shell,
.layout,
.main-wrap,
#app,
.page-main {
  background: transparent !important;
  color: var(--graphite-dark) !important;
}

body.body-tpl-portal {
  --portal-page: var(--ice-bg);
  background: linear-gradient(180deg, #f8fdff 0%, var(--ice-bg) 38%, var(--ice-bg2) 100%) !important;
}

/* ── 顶栏：冰白毛玻璃 + 薄荷激活 ── */
.site-header,
.header,
.topbar,
.nav-bar,
.header-main,
.portal-header,
header.site-header,
.header-bar {
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid var(--ice-line) !important;
  box-shadow: 0 4px 20px rgba(14, 116, 144, 0.06) !important;
  color: var(--graphite-dark) !important;
}

body.body-tpl-portal .site-header--portal-dark,
body.body-tpl-portal .site-header--arctic {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom-color: rgba(20, 184, 166, 0.18) !important;
  box-shadow: 0 4px 24px rgba(14, 116, 144, 0.08) !important;
}

.header-brand__title,
.brand-text,
.site-brand,
.logo-text {
  color: var(--graphite-dark) !important;
}

.header-brand--ref .header-brand__logo,
.header-brand__logo {
  background: linear-gradient(145deg, var(--mint-light), var(--mint-dark)) !important;
  box-shadow: 0 4px 16px rgba(20, 184, 166, 0.32) !important;
}

.header-brand__sub {
  color: var(--graphite-muted) !important;
}

.header-main-nav__link {
  color: var(--graphite) !important;
}

.header-main-nav__link:hover {
  color: var(--mint-dark) !important;
  background: var(--mint-soft) !important;
}

.header-main-nav__link--active,
.header-main-nav__link[aria-current="page"] {
  color: var(--mint-dark) !important;
  background: var(--mint-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, 0.35) !important;
}

.header-main-nav__ico {
  color: var(--mint) !important;
}

.header-main-nav__link--active .header-main-nav__ico {
  color: var(--mint-dark) !important;
}

.header-search--with-btn {
  background: var(--ice-surface) !important;
  border-color: var(--ice-line) !important;
}

.header-search--with-btn:focus-within {
  border-color: rgba(20, 184, 166, 0.45) !important;
  box-shadow: 0 0 0 3px var(--mint-soft) !important;
}

.header-search--with-btn input {
  color: var(--graphite-dark) !important;
}

.header-search--with-btn input::placeholder {
  color: #94a3b8 !important;
}

.header-search__submit,
.header-reg--portal,
.nav-search button,
.btn-primary,
.primary-btn {
  background: linear-gradient(135deg, var(--mint-light), var(--mint-dark)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.header-link-login {
  color: var(--graphite-muted) !important;
}

.header-link-login:hover {
  color: var(--mint-dark) !important;
}

.header-mobile-toggle {
  background: var(--ice-surface) !important;
  border-color: var(--ice-line) !important;
  color: var(--graphite-dark) !important;
}

/* ── 卡片 ── */
.card,
.movie-card,
.poster-card,
.grid-card,
.media-card,
.item-card,
.fsp-hl-card,
.tuy-card,
.page-panel,
.hot-sidebar,
.tuyona-features__card {
  background: var(--ice-surface) !important;
  border-color: var(--ice-line) !important;
  color: var(--graphite-dark) !important;
}

.fsp-hl-card:hover,
.tuy-card:hover,
.cq-hl-card.fsp-hl-card:hover {
  border-color: rgba(20, 184, 166, 0.42) !important;
  box-shadow: 0 16px 40px rgba(14, 116, 144, 0.12) !important;
}

.tuy-card__badge {
  background: linear-gradient(135deg, var(--mint-light), var(--mint-dark)) !important;
}

.tuy-card__title a:hover {
  color: var(--mint-dark) !important;
}

.tuy-card__pills span {
  background: var(--ice-bg2) !important;
  color: var(--graphite) !important;
  border: 1px solid rgba(20, 184, 166, 0.18) !important;
}

/* ── 标题与文案 ── */
.section-title h1,
.section-title h2,
.section-head h2,
.cq-block__head h2,
h1, h2, h3,
.home-h1,
.page-title,
.hero-arctic__title,
.hero-split__title {
  color: var(--graphite-dark) !important;
}

.section-title p,
.section-sub,
.cq-block__sub,
.hero-arctic__lead,
.hero-arctic__kicker,
.hero-split__lead,
.hero-split__kicker {
  color: var(--graphite-muted) !important;
}

.hero-arctic__kicker,
.hero-split__kicker {
  color: var(--mint-dark) !important;
}

/* ── Hero ── */
.hero-arctic,
.hero-split {
  border-bottom-color: rgba(20, 184, 166, 0.14) !important;
}

.hero-arctic__bg,
.hero-split__bg {
  background: linear-gradient(165deg, #f0f9ff 0%, #ecfeff 42%, #ffffff 100%) !important;
}

.hero-arctic__bg::after,
.hero-split__bg::after {
  background-image:
    radial-gradient(ellipse 55% 45% at 18% 22%, rgba(56, 189, 248, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 40% at 82% 72%, rgba(20, 184, 166, 0.1), transparent 50%) !important;
}

.hero-arctic__stat,
.hero-split__stat {
  background: var(--ice-surface) !important;
  border-color: rgba(20, 184, 166, 0.16) !important;
}

.hero-arctic__stat-ico,
.hero-split__stat-ico {
  color: var(--mint) !important;
}

.hero-arctic__stat-num,
.hero-split__stat-num {
  color: var(--graphite-dark) !important;
}

.hero-arctic__btn--primary,
.hero-split__btn--primary {
  background: linear-gradient(135deg, var(--mint-light), var(--mint-dark)) !important;
  box-shadow: 0 8px 24px rgba(20, 184, 166, 0.28) !important;
}

.hero-arctic__btn--ghost,
.hero-split__btn--ghost {
  color: var(--mint-dark) !important;
  background: var(--ice-surface) !important;
  border: 2px solid rgba(20, 184, 166, 0.35) !important;
}

.hero-arctic__btn--ghost:hover,
.hero-split__btn--ghost:hover {
  border-color: var(--mint) !important;
  color: var(--mint-dark) !important;
  background: var(--mint-soft) !important;
}

/* ── 分类药丸 ── */
.home-cat-rail__pill {
  background: var(--ice-surface) !important;
  border-color: rgba(20, 184, 166, 0.16) !important;
}

.home-cat-rail__pill:hover {
  border-color: rgba(20, 184, 166, 0.45) !important;
}

.home-cat-rail__pill-name {
  color: var(--graphite-dark) !important;
}

.home-cat-rail__pill-count {
  color: var(--mint-dark) !important;
}

.home-cat-rail__title {
  color: var(--graphite-dark) !important;
}

/* ── 筛选 chip ── */
.filter-chip {
  background: var(--ice-surface) !important;
  border-color: var(--ice-line) !important;
  color: var(--graphite) !important;
}

.filter-chip:hover {
  border-color: rgba(20, 184, 166, 0.4) !important;
  color: var(--mint-dark) !important;
}

.filter-chip--active,
.inner-page--cq .filter-chip--active {
  background: linear-gradient(135deg, var(--mint-light), var(--mint-dark)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(20, 184, 166, 0.28) !important;
}

.cq-link-all,
.fsp-link-all {
  color: var(--mint-dark) !important;
}

.cq-link-all:hover {
  color: var(--portal-accent-hover) !important;
}

.hot-sidebar__rank--top {
  color: var(--mint-dark) !important;
}

.hot-sidebar__more {
  color: var(--mint-dark) !important;
}

/* ── 页脚：冰蓝渐变 + 石墨字 ── */
.footer,
.site-footer,
footer,
.footer-tuy__upper {
  background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%) !important;
  color: var(--graphite) !important;
}

.footer-tuy__logo-text strong {
  color: var(--graphite-dark) !important;
}

.footer-tuy__intro,
.footer-tuy__copy,
.footer-tuy__contact p {
  color: var(--graphite-muted) !important;
}

.footer-tuy__h--pink,
.footer-tuy__h--mint {
  color: var(--mint-dark) !important;
}

.footer-tuy__h--blue,
.footer-tuy__h--ice {
  color: #0284c7 !important;
}

.footer-tuy__nav a {
  color: var(--graphite) !important;
}

.footer-tuy__nav a:hover {
  color: var(--mint-dark) !important;
}

.footer-tuy__cta {
  background: linear-gradient(135deg, var(--mint-light), var(--mint-dark)) !important;
  box-shadow: 0 4px 16px rgba(20, 184, 166, 0.28) !important;
}

.footer-tuy__pills > span {
  color: var(--mint-dark) !important;
  border-color: rgba(20, 184, 166, 0.35) !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

.footer-tuy__mid {
  background: var(--portal-footer-mid) !important;
  border-top-color: var(--ice-line) !important;
}

.footer-tuy__mid-links a {
  color: var(--graphite) !important;
}

.footer-tuy__mid-links a:hover {
  color: var(--mint-dark) !important;
}

.footer-tuy__seo {
  background: #f8fafc !important;
  color: var(--graphite-muted) !important;
}

a {
  color: var(--mint-dark);
}

a:hover {
  color: var(--portal-accent-hover);
}