/* ==========================================================================
   苏州适普医疗 · 官网「深色版」皮肤 v1
   2026-10-04 · MacBook 主力开发机（G2）· 源＝website-live（与线上逐页字节一致）
   用法：在 assets/style.css 之后引入。**只换色**（变量 ＋ 关键硬编码浅色），
        不改布局、不改结构、不改断点；删掉本 <link> 即回浅色。
   ========================================================================== */
:root {
  color-scheme: dark;

  /* —— 品牌色 ＝ 取自徽标两款色 ——
     · 蓝：徽标线稿 #2F6690（深底上提亮至可读档）
     · 粉：徽标主色 #FFAEC9（原样） */
  --primary: #7BB1D6;
  --primary-600: #96C2E0;
  --primary-700: #B2D3EA;
  --primary-800: #CFE4F4;
  --primary-050: #16263C;
  --primary-100: #1D3350;
  --accent: #FFAEC9;
  --accent-600: #FFC2D6;
  --accent-050: #3A2230;

  /* —— 文字 / 线条（提亮一档） —— */
  --ink: #EEF4FC;
  --muted: #AEBED4;
  --muted-2: #8A9DB8;
  --line: #2C3D5C;

  /* —— 底 / 面（★整体提亮） —— */
  --bg: #111C2F;
  --surface: #16233A;

  /* —— 语义色 —— */
  --success: #4FD3A4;  --success-050: #123026;
  --warning: #EBB767;  --warning-050: #332818;
  --danger:  #F6927F;  --danger-050:  #351917;

  /* —— 阴影（提亮后减轻） —— */
  --shadow-sm: 0 2px 8px rgba(0,0,0,.38);
  --shadow:    0 8px 24px rgba(0,0,0,.42);
  --shadow-lg: 0 18px 48px rgba(0,0,0,.52);

  /* —— 渐变 —— */
  --grad-hero:    linear-gradient(135deg, #0F2038 0%, #173A5E 46%, #2A5680 80%, #3E6E98 100%);
  --grad-band:    linear-gradient(120deg, #1E4E77 0%, #2F6690 55%, #4E88B4 130%);
  --grad-primary: linear-gradient(135deg, #2F6690 0%, #4A86AE 60%, #E9A0BF 130%);
  --grad-soft:    linear-gradient(180deg, #16233A 0%, #111C2F 100%);
  --ring: 0 0 0 3px rgba(123,177,214,.38);

  /* —— 兼容线上既有的旧别名（部分组件仍引用） —— */
  --white: #16233A;
  --border: #2C3D5C;
  --text: #EEF4FC;
  --text-muted: #AEBED4;
}

body { background: var(--bg); color: var(--ink); }

/* 顶栏（原 rgba(255,255,255,.86)） */
.site-header { background: rgba(17,28,47,.86); }
.site-header.scrolled { box-shadow: 0 6px 20px rgba(0,0,0,.45); }

/* 卡片悬浮描边（原 #C9DBEE） */
.card:hover { border-color: #2C4368; }

/* 首页右侧视觉卡（原 rgba(255,255,255,.97)） */
.hcard { background: rgba(22,35,58,.97); }

/* 按钮（原白底） */
.btn-light { background: #E8EFF9; color: #0B2A4A; }
.btn-ghost { background: var(--surface); border-color: var(--line); color: var(--primary-600); }

/* 统计 / 信息块（原 #fff） */
.stat-card { background: var(--surface); }
.info-cell { background: var(--surface); }

/* 占位框（原 #F8FBFE / #F2F6FB ＋ 浅虚线） */
.file-box { background: #16233A; border-color: #33476A; }
.qr-box   { background: #16233A; border-color: #33476A; }

/* 时间轴圆点（原白心） */
.timeline-item::before { background: #111C2F; }

/* 移动端菜单（原 #fff） */
@media (max-width: 768px) {
  .nav-menu { background: #111C2F; box-shadow: -20px 0 60px rgba(0,0,0,.5); }
}

/* 新页补缺层（website-live 内联段，原浅色渐变/深字） */
.page-header { background: linear-gradient(180deg, #16233A 0%, #111C2F 100%); }
.page-header-title { color: var(--ink); }
.page-header-desc { color: var(--muted); }
.breadcrumb { color: var(--muted); }
.breadcrumb a { color: var(--primary-600); }

/* 首页统计条（旧别名 --white/--border 已改深色） */
.stats { background: var(--white); border-color: var(--border); }
.stat-label { color: var(--text-muted); }

/* 页脚（品牌深蓝再压一档） */
.site-footer { background: #123055; }

/* 左上角徽标：原图为白底圆形徽标 ⇒ 深色下加一圈浅色圆角底，读作「徽章」 */
.brand-logo { background: #F5F8FC; padding: 4px; border-radius: 11px; }


/* ==========================================================================
   雅致化精修层 v1（2026-10-04 · G0「整体设计风格再调整一下，要求更加雅致」）
   —— 只调"调性"：字重 ／ 字距 ／ 留白 ／ 描边 ／ 阴影 ／ 微暖点缀。
      不改结构、不改断点、不改文案、不改信息架构。
   ========================================================================== */
:root {
  --accent-line: #FFAEC9;                 /* ★徽标粉：点缀细线／小标签（原米金按 G0「取徽标两款色」替换） */
  --accent-line-soft: rgba(255,174,201,.46);
  --hairline: rgba(255,174,201,.30);
  --hairline-cool: rgba(174,198,226,.19);
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* —— 一、字体基调：轻字重 ＋ 舒展字距 —— */
body { line-height: 1.88; letter-spacing: .012em; }
h1, h2, h3, h4 { font-weight: 500; letter-spacing: .035em; }

.hero-title { font-weight: 400; letter-spacing: .07em; line-height: 1.3; }
.hero-title .grad {
  background: linear-gradient(92deg, #E6EFF9 0%, #F3AFCB 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.hero-sub { font-weight: 400; letter-spacing: .06em; color: #D6E6F6; }
.hero-eyebrow { font-weight: 400; letter-spacing: .24em; color: #B9D2EA; }
.hero-desc { line-height: 1.95; }
.hero-point { letter-spacing: .04em; }

.section-title { font-weight: 400; letter-spacing: .06em; }
.section-sub { line-height: 1.95; letter-spacing: .02em; }
.section-eyebrow { font-weight: 400; letter-spacing: .4em; color: var(--accent-line); }
.section-eyebrow::before, .section-eyebrow::after { height: 1px; background: var(--accent-line-soft); opacity: 1; }

.page-hero h1 { font-weight: 400; letter-spacing: .07em; }
.page-hero .lead { letter-spacing: .02em; line-height: 1.9; }
.breadcrumb { letter-spacing: .06em; }

h3, .card h3, .cert-card h3, .partner-card h3 { font-weight: 500; letter-spacing: .05em; }

.brand-name { font-weight: 500; letter-spacing: .2em; }
.brand-sub { letter-spacing: .24em; font-size: 11px; }

.stat-num, .hcard-float .stat-num { font-weight: 400; letter-spacing: .05em; }
.stat-label { letter-spacing: .14em; font-size: 12.5px; }
.hcard-chip .chip-title { letter-spacing: .05em; }

/* —— 二、留白：更舒展（★再放大一档） —— */
.hero { padding: 124px 0 152px; }
.page-hero { padding: 86px 0 80px; }
.section { padding: 128px 0; }
.section.tight { padding: 96px 0; }
.section-head { margin: 0 auto 86px; }
.section-head .section-sub { max-width: 620px; margin-left: auto; margin-right: auto; }
.card { padding: 32px; }
.product-grid, .cert-grid, .partner-grid, .steps, .stat-strip, .grid, .grid-3, .grid-5 { column-gap: 34px; row-gap: 34px; }

/* —— 三、面：发丝描边 ＋ 极轻投影（去"厚重"） —— */
.card, .stat-card, .info-cell {
  border-radius: 16px;
  border: 1px solid var(--hairline-cool);
  box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.20);
}
.card:hover { transform: translateY(-2px); border-color: var(--hairline); box-shadow: 0 16px 40px rgba(0,0,0,.26); }
.hcard { border-radius: 16px; border: 1px solid var(--hairline-cool); }

/* 图标底座：细描边取代色块，降噪 */
.card-ico, .cert-card .cert-ico, .partner-card .p-logo, .hcard-chip .chip-ico {
  background: rgba(255,255,255,.055); border: 1px solid var(--hairline-cool); border-radius: 12px;
}
.card-ico.teal, .card-ico.green, .card-ico.amber { background: rgba(255,255,255,.055); }

/* —— 四、按钮／徽标：收圆角、轻投影、加字距 —— */
.btn { border-radius: 6px; letter-spacing: .14em; font-weight: 500; padding: 12px 26px; }
.btn-primary { background-image: linear-gradient(120deg, #2F6690 0%, #3E7CA8 100%); box-shadow: 0 6px 20px rgba(0,0,0,.24); }
.btn-primary:hover { box-shadow: 0 10px 26px rgba(0,0,0,.30); transform: translateY(-1px); }
.btn-ghost { border-radius: 6px; }
.btn-ghost:hover { box-shadow: none; border-color: var(--hairline); color: var(--primary); transform: translateY(-1px); }
.badge { letter-spacing: .08em; font-weight: 500; }

/* —— 五、细节：导航与页脚的克制处理 —— */
.nav-link { letter-spacing: .08em; }
.nav-link.active::after, .nav-link::after { background: var(--accent-line); height: 1.5px; }
.footer-col h4, .footer-title { letter-spacing: .2em; font-weight: 500; }
.footer-links a, .footer-contact span, .footer-contact a { letter-spacing: .04em; }
.footer-bottom { letter-spacing: .08em; }

/* —— 六、微暖点缀只落在真正"雅"的地方（标题下的一道细线） —— */
.section-head .section-title { position: relative; }
.section-head .section-title::after {
  content: ""; display: block; width: 46px; height: 2px; margin: 20px auto 0;
  background: var(--accent-line-soft);
}