/**
 * TiandaTrade 品牌色：冰蓝（主）· 纯白/浅灰（辅）· 藏青（强调）
 * 在 style.css 之后加载，覆盖 --bg / --accent 等全站变量。
 */
:root {
  --brand-ice: #6ec8e8;
  --brand-ice-light: #e8f5fb;
  --brand-ice-mid: #b8e4f4;
  --brand-ice-deep: #3ba8d4;
  --brand-white: #ffffff;
  --brand-gray-50: #f6f9fc;
  --brand-gray-100: #eef2f6;
  --brand-gray-200: #dde5ee;
  --brand-gray-400: #8b9aab;
  --brand-navy: #1a3a5c;
  --brand-navy-deep: #122a45;
  --brand-navy-mid: #2e4f73;

  /* 默认浅色品牌（覆盖 style 深色默认） */
  --bg: var(--brand-gray-50);
  --card: var(--brand-white);
  --text: var(--brand-navy-deep);
  --muted: #5c6b7a;
  --accent: var(--brand-ice);
  --accent2: var(--brand-navy);
  --border: var(--brand-gray-200);
  --radius: 14px;
  --header-bg: rgba(255, 255, 255, 0.88);
  --footer-bg: var(--brand-navy-deep);
  --input-bg: var(--brand-white);
  --nav-hover-bg: var(--brand-ice-light);
  --btn-primary-fg: #ffffff;
  --carousel-bg: var(--brand-ice-light);
  --carousel-dot: rgba(26, 58, 92, 0.25);
  --carousel-dot-active: var(--brand-navy);
  --shadow-card: rgba(18, 42, 69, 0.08);
  --modal-backdrop: rgba(18, 42, 69, 0.45);
  --admin-sidebar-bg: #e2e8f0;
  --admin-sidebar-hover: #f1f5f9;
}

/* 与内联 td-brand-theme-vars 一致，压过 button_theme 对 --accent 的覆盖 */
html:root {
  --bg: var(--brand-gray-50) !important;
  --card: var(--brand-white) !important;
  --text: var(--brand-navy-deep) !important;
  --muted: #5c6b7a !important;
  --accent: var(--brand-ice) !important;
  --accent2: var(--brand-navy) !important;
  --border: var(--brand-gray-200) !important;
  --header-bg: rgba(255, 255, 255, 0.92) !important;
  --footer-bg: var(--brand-navy-deep) !important;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: var(--brand-gray-50);
    --card: var(--brand-white);
    --text: var(--brand-navy-deep);
    --muted: #5c6b7a;
    --accent: var(--brand-ice);
    --accent2: var(--brand-navy);
    --border: var(--brand-gray-200);
    --header-bg: rgba(255, 255, 255, 0.92);
    --footer-bg: var(--brand-navy-deep);
    --input-bg: var(--brand-white);
    --nav-hover-bg: var(--brand-ice-light);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f1c2e;
    --card: #152238;
    --text: #e8f4fa;
    --muted: #94a8bc;
    --accent: var(--brand-ice);
    --accent2: var(--brand-ice-mid);
    --border: #243652;
    --header-bg: rgba(18, 42, 69, 0.94);
    --footer-bg: #0a1524;
    --input-bg: #1a2d47;
    --nav-hover-bg: #1e3554;
    --shadow-card: rgba(0, 0, 0, 0.35);
    --carousel-bg: #152238;
    --carousel-dot: rgba(255, 255, 255, 0.35);
    --carousel-dot-active: var(--brand-ice);
  }
}

/* —— 页面底色：冷灰 + 极淡冰蓝晕染 —— */
html {
  color-scheme: light dark;
}

body {
  background: var(--bg);
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -30%, color-mix(in srgb, var(--brand-ice) 18%, transparent), transparent 55%),
    linear-gradient(180deg, var(--brand-gray-50) 0%, var(--brand-white) 38%, var(--brand-gray-50) 100%);
  background-attachment: fixed;
}

@media (prefers-color-scheme: dark) {
  body {
    background-image:
      radial-gradient(ellipse 90% 60% at 80% 0%, color-mix(in srgb, var(--brand-ice) 12%, transparent), transparent 50%),
      linear-gradient(180deg, #0f1c2e 0%, #0a1524 100%);
  }
}

.layout {
  color: var(--text);
}

/* —— 顶栏：磨砂白 + 藏青字 + 冰蓝焦点 —— */
.site-header {
  border-bottom: 1px solid color-mix(in srgb, var(--brand-ice) 35%, var(--border));
  box-shadow: 0 4px 24px color-mix(in srgb, var(--brand-navy) 6%, transparent);
}

.site-header a:not(.btn):hover {
  color: var(--brand-ice-deep);
}

/* —— 卡片与区块 —— */
.layout .card,
.layout .spec-table,
.layout .admin-card,
.hub-page,
.about-page--ref {
  border: 1px solid color-mix(in srgb, var(--brand-ice) 22%, var(--border));
  box-shadow: 0 2px 12px var(--shadow-card), 0 0 0 1px color-mix(in srgb, var(--brand-white) 80%, transparent);
}

.layout .page-hero h1,
.layout .site-search-page__title,
.hub-page__masthead h1 {
  color: var(--brand-navy);
  letter-spacing: 0.02em;
}

.layout .page-hero__lead,
.site-search-page__lead {
  color: var(--muted);
}

/* —— 链接与焦点（页脚链接由 footer-theme.css + 后台「链接文字」色控制） —— */
.layout a:not(.btn):not(.admin-sidebar-sublink):not(footer.site-footer a) {
  color: var(--brand-navy-mid);
}

.layout a:not(.btn):not(footer.site-footer a):hover {
  color: var(--brand-ice-deep);
}

.layout :focus-visible {
  outline: 2px solid var(--brand-ice);
  outline-offset: 2px;
}

.layout input:focus,
.layout textarea:focus,
.layout select:focus {
  border-color: var(--brand-ice) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-ice) 28%, transparent) !important;
}

/* —— 首页区块标题 —— */
.home-section-heading {
  color: var(--brand-navy);
}

/* —— 在线客服悬浮 —— */
.online-consult-fab {
  box-shadow: 0 6px 20px color-mix(in srgb, var(--brand-navy) 35%, transparent);
}