/* ============================================================
   经典复古 Classic —— 仿 2000 年代中文医院官网风格
   （宋体 + 经典医院蓝 + 红色栏目标题 + 方正卡片 + 下划线链接）
   含浅色 / 深色双模式；data-skin="classic" 追加复古细节。
   ============================================================ */
:root {
  --primary: #1f6ea5;
  --primary-600: #14557f;
  --primary-100: #dbe9f5;
  --primary-50: #eaf3fb;
  --accent: #c30000;
  --accent-600: #9c0000;
  --grad: linear-gradient(135deg, #2b7ab5 0%, #14557f 100%);
  --btn: #1f6ea5;
  --btn-hover: #14557f;

  --text-strong: #1a2b3c;
  --text: #33475b;
  --muted: #52657a;
  --bg: #eef3f8;
  --card: #ffffff;
  --line: #c3d2e0;

  --topbar-bg: #1f4e79;
  --topbar-text: #dceaf5;
  --header-bg: #eaf2fa;
  --header-text: #123c60;
  --nav-active: #1f6ea5;
  --footer-bg: #14395c;
  --footer-text: #dceaf5;
  --footer-muted: #8fb4d0;

  --shadow: 0 2px 6px rgba(20, 60, 90, 0.12);
  --shadow-lg: 0 6px 18px rgba(20, 60, 90, 0.18);
  --radius: 6px;
  --radius-sm: 4px;
  --font: SimSun, "宋体", "NSimSun", serif;
}

:root[data-mode="dark"] {
  --primary: #2b7ab5;
  --primary-600: #1f6ea5;
  --primary-100: #1a3d55;
  --primary-50: #16293a;
  --accent: #e05252;
  --accent-600: #c30000;
  --btn: #2b7ab5;
  --btn-hover: #1f6ea5;

  --text-strong: #eaf2fa;
  --text: #c3d2e0;
  --muted: #8ba3b8;
  --bg: #0f1b26;
  --card: #16232f;
  --line: #24384a;

  --topbar-bg: #0a141d;
  --topbar-text: #9dc0dd;
  --header-bg: #13202b;
  --header-text: #dceaf5;
  --nav-active: #2b7ab5;
  --footer-bg: #0a141d;
  --footer-text: #c3d2e0;
  --footer-muted: #6b8299;

  --shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 6px 18px rgba(0, 0, 0, 0.45);
}

/* ---------- 复古细节（仅当选中 classic 皮肤时） ---------- */
:root[data-skin="classic"] a { text-decoration: underline; text-underline-offset: 3px; }
:root[data-skin="classic"] .nav a,
:root[data-skin="classic"] .brand a,
:root[data-skin="classic"] .btn,
:root[data-skin="classic"] .quick-item,
:root[data-skin="classic"] .dept-item,
:root[data-skin="classic"] .doctor-card h3 a,
:root[data-skin="classic"] .post-card h3 a,
:root[data-skin="classic"] .footer a,
:root[data-skin="classic"] .news-item a,
:root[data-skin="classic"] .friend-links a { text-decoration: none; }

:root[data-skin="classic"] .section-head .tag { background: var(--accent); color: #fff; border-radius: 2px; }
:root[data-skin="classic"] .sec-title h2 { border-left-color: var(--accent); }
:root[data-skin="classic"] .btn, :root[data-skin="classic"] .btn--ghost,
:root[data-skin="classic"] .mode-toggle, :root[data-skin="classic"] .font-toggle button,
:root[data-skin="classic"] .hamburger { border-radius: 2px; }
:root[data-skin="classic"] .card,
:root[data-skin="classic"] .dept-item, :root[data-skin="classic"] .doctor-card,
:root[data-skin="classic"] .post-card, :root[data-skin="classic"] .article-row,
:root[data-skin="classic"] .step-item, :root[data-skin="classic"] .feature-item { box-shadow: none; }

:root[data-skin="classic"] .hero-overlay .btn { background: var(--accent); color: #fff; }
:root[data-skin="classic"] .stats { background: #1f4e79; }
:root[data-skin="classic"] .page-hero { background: linear-gradient(135deg, #1f4e79 0%, #123c60 100%); }
:root[data-skin="classic"] .tabs-nav button.active { color: var(--accent); border-bottom-color: var(--accent); }
:root[data-skin="classic"] .badge { background: var(--primary-100); }
:root[data-skin="classic"] .nav a.active { background: var(--accent); }
:root[data-skin="classic"] .list-toolbar .cats button.active { background: var(--accent); }
:root[data-skin="classic"] .pager .current { background: var(--accent); border-color: transparent; }

/* 深色模式下：accent 变浅色，白字需配深红底才清晰 */
:root[data-skin="classic"][data-mode="dark"] .nav a.active,
:root[data-skin="classic"][data-mode="dark"] .section-head .tag,
:root[data-skin="classic"][data-mode="dark"] .list-toolbar .cats button.active,
:root[data-skin="classic"][data-mode="dark"] .pager .current,
:root[data-skin="classic"][data-mode="dark"] .hero-overlay .btn { background: #b91c1c; color: #fff; }

/* ---------- 中医药传统纹样（原创矢量，水印级低透明度） ---------- */
:root[data-skin="classic"] .page-hero { position: relative; overflow: hidden; }
:root[data-skin="classic"] .page-hero::after {
  content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 280px;
  background: url('../../img/tcm-cloud.svg') no-repeat right center / 230px 92px;
  opacity: .07; pointer-events: none;
}
/* 首页院名横幅：右下角祥云水印（淡，避免挡字） */
:root[data-skin="classic"] .desktop-banner { position: relative; overflow: hidden; }
:root[data-skin="classic"] .desktop-banner::after {
  content: ''; position: absolute; right: 8px; bottom: -6px; width: 170px;
  background: url('../../img/tcm-cloud.svg') no-repeat right bottom / 150px 60px;
  opacity: .055; pointer-events: none;
}
:root[data-skin="classic"] .footer { position: relative; }
:root[data-skin="classic"] .footer::after {
  content: ''; position: absolute; left: 16px; bottom: 12px; width: 130px; height: 86px;
  background: url('../../img/tcm-lingzhi.svg') no-repeat center / contain; opacity: .09; pointer-events: none;
}
:root[data-skin="classic"] .section-head h2::before,
:root[data-skin="classic"] .section-head h2::after {
  content: '◆'; display: inline-block; font-size: 0.6em; color: var(--accent);
  vertical-align: 0.1em; margin: 0 10px; opacity: .9;
}