/* ============================================================
   丽人梦想秀® · 文字排版终极精雕 v1.0
   Typography Final — 整齐性 · 电脑/移动最佳适配 · 顶级美观
   最后加载 · 优先级最高（统一字重/行高/字距 + 中文排版规范）
   ============================================================ */

/* ────────────────────────────────────────────
   0. 全局字体渲染 & 中文排版基准
   ──────────────────────────────────────────── */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 16px !important;                 /* 统一正文基准，消除 body 18px / 内容 16px 错位 */
  line-height: 1.8 !important;
  letter-spacing: 0 !important;               /* 中文正文零字距 */
  font-weight: 400 !important;
}
#page-content {
  font-size: 16px !important;
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
}

/* 中文混排断行：中英数字混排不撑破卡片、不溢出 */
body, #page-content, .main-content,
#page-content p, #page-content li, #page-content td, #page-content th {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ────────────────────────────────────────────
   1. 标题层级：字重/行高/字距/颜色 统一
   （根治 300 字重过轻；衬线标题 + 700 字重 + 柔和字距）
   ──────────────────────────────────────────── */
#page-content h1, #page-content h2, #page-content h3,
#page-content h4, #page-content h5, #page-content h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Serif SC', 'Songti SC', 'STSong', serif !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  color: #E8C9A0 !important;
}

/* 页面标题（内页 h1，如「创始人介绍」）：premium-design 强制 28px 会压小标题，
   这里恢复到 34px 层级（移动端 28px），Hero 大标题由下方 .hero-panel 规则覆盖 */
#page-content h1 { font-size: clamp(28px, 3vw, 36px) !important; }

/* 栏目主标题（金色渐变文字）：加大加粗，锚定每个版块 */
#page-content h2[style*="background:linear-gradient"],
#page-content h2[style*="background: linear-gradient"],
#page-content h3[style*="background:linear-gradient"],
#page-content h3[style*="background: linear-gradient"] {
  font-size: clamp(26px, 3vw, 34px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
  margin: 42px 0 22px !important;
}

/* ────────────────────────────────────────────
   2. Hero 首屏标题精修（保留大字号，仅收字距/行高）
   ──────────────────────────────────────────── */
#page-content .hero-panel h1 {
  font-size: clamp(42px, 4.5vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;
  margin: 0 0 16px !important;
}
/* 副标题（让每个丽人的梦想都被看见）—— 字重 500 提分量，中文字距克制 */
#page-content .hero-panel p:first-of-type {
  font-size: clamp(17px, 2vw, 21px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.7 !important;
  margin: 0 0 12px !important;
}
/* 描述文案（第二段）—— 中文近零字距 */
#page-content .hero-panel p:nth-of-type(2) {
  font-size: clamp(14px, 1.4vw, 16px) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.9 !important;
}

/* ────────────────────────────────────────────
   3. 正文 / 段落 / 列表 / 表格 行高与间距
   ──────────────────────────────────────────── */
#page-content p {
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
  margin: 0 0 14px !important;
}
#page-content li {
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
}
#page-content td, #page-content th {
  letter-spacing: 0 !important;
}
#page-content strong, #page-content b {
  font-weight: 700 !important;
}

/* ────────────────────────────────────────────
   4. 页面标题 / 副标题统一（.page-title / .page-subtitle）
   ──────────────────────────────────────────── */
.page-title {
  font-family: 'Noto Serif SC', 'Songti SC', 'STSong', serif !important;
  font-size: clamp(24px, 2.8vw, 30px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  color: #EAD9A8 !important;
  margin: 0 0 10px !important;
}
.page-subtitle {
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
  line-height: 1.7 !important;
  margin: 0 0 24px !important;
}

/* ────────────────────────────────────────────
   5. 英文眉标（ECOSYSTEM / INDUSTRY MATRIX 等）字距规范
   ──────────────────────────────────────────── */
.eyebrow, .overline, .kicker,
#page-content [style*="text-transform:uppercase"] {
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
}

/* ────────────────────────────────────────────
   6. 卡片内文字：统计数字居中，描述文字左对齐（避免参差）
   ──────────────────────────────────────────── */
.card-stat .value, .stats-grid .stat-num, .stat-num, .stat-card .stat-val {
  text-align: center !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
}
.card-stat .label, .stat-card .stat-lbl, .stats-grid .stat-label {
  text-align: center !important;
  letter-spacing: 0.04em !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
/* 内容型卡片（描述文字多）恢复左对齐 */
#page-content .card p, #page-content .fed-card p {
  text-align: left !important;
}

/* ────────────────────────────────────────────
   7. 移动端最佳适配（<768px，与 sidebar 断点严格对齐）
   ──────────────────────────────────────────── */
@media (max-width: 767px) {
  body { font-size: 15px !important; }
  #page-content { font-size: 15px !important; }

  /* 栏目主标题（金色渐变）移动端 */
  #page-content h2[style*="background:linear-gradient"],
  #page-content h2[style*="background: linear-gradient"],
  #page-content h3[style*="background:linear-gradient"],
  #page-content h3[style*="background: linear-gradient"] {
    font-size: 22px !important;
    letter-spacing: 0.05em !important;
    margin: 30px 0 16px !important;
  }

  /* Hero 首屏标题移动端 */
  #page-content .hero-panel h1 {
    font-size: 28px !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
  }
  #page-content .hero-panel p:first-of-type {
    font-size: 16px !important;
    letter-spacing: 0.03em !important;
  }
  #page-content .hero-panel p:nth-of-type(2) {
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
  }

  /* Hero 首屏移动端留白：左右略加，让首屏更从容大气 */
  #page-content .hero-panel {
    padding: 38px 22px 32px !important;
  }

  /* 页面标题移动端 */
  .page-title { font-size: 21px !important; }
  .page-subtitle { font-size: 14px !important; }

  /* 统计数字移动端 */
  .card-stat .value, .stats-grid .stat-num, .stat-num {
    font-size: 22px !important;
  }
  .card-stat .label, .stat-card .stat-lbl {
    font-size: 13px !important;
  }
}

/* ────────────────────────────────────────────
   8. 极小屏（≤400px）微调
   ──────────────────────────────────────────── */
@media (max-width: 400px) {
  #page-content .hero-panel h1 { font-size: 25px !important; }
  #page-content h2[style*="background:linear-gradient"],
  #page-content h3[style*="background:linear-gradient"] {
    font-size: 20px !important;
  }
}

/* ────────────────────────────────────────────
   9. 大屏（≥1600px）栏目主标题放大，充分利用宽屏
   ──────────────────────────────────────────── */
@media (min-width: 1600px) {
  #page-content .hero-panel h1 { font-size: clamp(50px, 4vw, 64px) !important; }
  #page-content h2[style*="background:linear-gradient"],
  #page-content h2[style*="background: linear-gradient"],
  #page-content h3[style*="background:linear-gradient"],
  #page-content h3[style*="background: linear-gradient"] {
    font-size: clamp(30px, 2.4vw, 38px) !important;
  }
}

/* ────────────────────────────────────────────
   10. 断点对齐修复（排版整齐性 · 电脑最佳适配）
   ──────────────────────────────────────────── */
/* 平板(768-1199px)：取消居中补偿（margin-right:0），让内容区占满侧边栏右侧。
   否则 768px 平板内容区被双侧 220px 挤压到仅 328px，文字拥挤难读。 */
@media (min-width: 768px) and (max-width: 1199px) {
  .main-content { margin-right: 0 !important; }
}

/* ────────────────────────────────────────────
   11. 卡片视觉质感精雕（阴影层次 · 金描边 · 轻盈悬浮）
   ──────────────────────────────────────────── */
/* 深色玻璃卡统一静态层次：顶部内侧高光 + 细腻多层投影，
   让卡片从背景"浮起"告别扁平（克制：无发光/流光/呼吸） */
.stat-card, .eco-card, .industry-card {
  border-color: rgba(212, 165, 116, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 2px 6px rgba(0, 0, 0, 0.38),
    0 14px 34px rgba(0, 0, 0, 0.30) !important;
  transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 0.28s ease !important;
}

/* 悬浮：轻盈上浮 + 金边提亮 + 阴影加深（无发光，不花哨） */
.stat-card:hover, .eco-card:hover, .industry-card:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 165, 116, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 8px 20px rgba(0, 0, 0, 0.38),
    0 26px 56px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(212, 165, 116, 0.12) !important;
}

/* 主按钮：金色描边（box-shadow 不占空间，避免尺寸抖动）+ 顶部高光。
   用 #page-content 提升 specificity 以压过 core.min.css 的 body.dark-mode .btn !important */
#page-content .btn {
  box-shadow:
    inset 0 0 0 1px rgba(212, 165, 116, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 4px 16px rgba(123, 45, 142, 0.40) !important;
}
#page-content .btn:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 0 0 1px rgba(212, 165, 116, 0.70),
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    0 8px 26px rgba(123, 45, 142, 0.50) !important;
}

/* ────────────────────────────────────────────
   12. 侧边栏导航质感精雕（选中态整齐 · 悬停反馈统一）
   ──────────────────────────────────────────── */
/* 选中态：金左条改用 ::after 伪元素（不占空间），去掉 border-left
   避免文字右移造成的导航项对不齐。用 body.dark-mode 前缀提升 specificity
   压过 dark-mode.css 的 body.dark-mode .sidebar .nav-link.active */
body.dark-mode .sidebar .nav-link.active,
.sidebar .nav-link.active {
  border-left: none !important;
  border-left-width: 0 !important;
  color: #E8C9A0 !important;
}
/* 左金条：渐变金 + 微光，居中不占盒空间，选中项文字保持原位 */
body.dark-mode .sidebar .nav-link.active::after,
.sidebar .nav-link.active::after {
  content: '';
  position: absolute;
  left: 0;
  top: 24%;
  height: 52%;
  width: 3px;
  background: linear-gradient(180deg, #E8C9A0, #D4A574);
  border-radius: 0 2px 2px 0;
  box-shadow: 0 0 8px rgba(212, 165, 116, 0.4);
}
/* 悬停：克制的金色微光 + 文字提亮（统一浅金，与标题同色系） */
body.dark-mode .sidebar .nav-link:hover,
.sidebar .nav-link:hover {
  background: rgba(212, 165, 116, 0.08) !important;
  color: #E8C9A0 !important;
}

/* ────────────────────────────────────────────
   13. 数字统计区视觉重心精雕（金色渐变统一正金 · 数字等宽对齐）
   ──────────────────────────────────────────── */
/* 数字主体：把内联硬编码的偏橙渐变 #F0E0CC→#E8C9A0 统一到全站正金
   #E8C9A0(浅金)→#D4A574(金)，与标题/侧边栏金条/按钮同色系；
   等宽数字 tabular-nums 让 "193/10万+" 与 "8/9" 视觉对齐更稳；字距归零更紧凑 */
.stats-grid .stat-num {
  background: linear-gradient(180deg, #E8C9A0 0%, #D4A574 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;
}

/* ────────────────────────────────────────────
   14. 东方雅韵玫瑰金终极升级（女性化东方美学）
   ──────────────────────────────────────────── */

/* 14.1 区块标题：玫瑰金→柔粉→亮金→柔金 渐变文字（东方雅韵，女性柔美不刺眼） */
#page-content h2[style*="background:linear-gradient"],
#page-content h2[style*="background: linear-gradient"],
#page-content h3[style*="background:linear-gradient"],
#page-content h3[style*="background: linear-gradient"] {
  background: linear-gradient(100deg, #E8C9A0 0%, #D4A574 32%, #E8A0A0 58%, #E8C892 80%, #E8C9A0 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* 14.2 卡片柔粉光晕 hover：暖金 + 柔粉微光（暖而不冷，女性柔美），替代冷白发光 */
.stat-card:hover, .eco-card:hover, .industry-card:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 22px rgba(0, 0, 0, 0.40),
    0 0 26px rgba(232, 160, 160, 0.14),
    0 26px 56px rgba(0, 0, 0, 0.34) !important;
}

/* 14.3 按钮扫光：hover 时一道柔光斜条滑过（克制，不循环不呼吸） */
#page-content .btn-primary,
#page-content .btn-gold,
#page-content .btn-cta {
  position: relative !important;
  overflow: hidden !important;
}
#page-content .btn-primary::after,
#page-content .btn-gold::after,
#page-content .btn-cta::after {
  content: '';
  position: absolute;
  top: 0;
  left: -80%;
  width: 40%;
  height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.30), transparent);
  transform: skewX(-22deg);
  transition: left 0.55s ease;
  pointer-events: none;
}
#page-content .btn-primary:hover::after,
#page-content .btn-gold:hover::after,
#page-content .btn-cta:hover::after {
  left: 140%;
}

/* 14.4 主按钮玫瑰金描边（描边不占空间，避免抖动）+ 顶部暖白高光 */
#page-content .btn-primary,
#page-content .btn-gold {
  box-shadow:
    inset 0 0 0 1px rgba(212, 165, 116, 0.50),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 4px 16px rgba(123, 45, 142, 0.40) !important;
}
#page-content .btn-primary:hover,
#page-content .btn-gold:hover {
  box-shadow:
    inset 0 0 0 1px rgba(212, 165, 116, 0.75),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 8px 26px rgba(123, 45, 142, 0.50) !important;
}

/* 14.5 强调/链接/徽章统一玫瑰金（与主色一致，告别冷金残留） */
#page-content a:not(.btn):not(.nav-link):not(.btn-primary):not(.btn-gold) {
  color: #E8C9A0 !important;
}

/* ────────────────────────────────────────────
   15. 东方雅韵细节深化（每页通用框架精雕）
   ──────────────────────────────────────────── */

/* 15.1 侧边栏暖梅子紫底：冷紫黑 → 暖梅子紫（东方雅韵暖调），玫瑰金描边 + 柔粉内描边 */
body.dark-mode .sidebar {
  background: linear-gradient(180deg, #1a0a18 0%, #200e1e 40%, #261226 100%) !important;
  border-right: 1px solid rgba(212, 165, 116, 0.16) !important;
  box-shadow: 8px 0 48px rgba(26, 10, 24, 0.45), inset -1px 0 0 rgba(232, 160, 160, 0.05) !important;
}

/* 15.2 Logo 三层玫金渐变文字（玫粉→玫瑰金→柔金→亮金），柔金辉光 */
.sidebar .logo h2 {
  background: linear-gradient(105deg, #E8C9A0 0%, #D4A574 42%, #E8A0A0 72%, #E8C892 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 10px rgba(212, 165, 116, 0.28));
}
.sidebar .logo h2 sup {
  -webkit-text-fill-color: #D4A574;
  background: none;
  -webkit-background-clip: border-box;
}

/* 15.3 Hero 柔光：柔粉 + 玫瑰金 + 藕荷紫 三重光晕，暖粉发光（不刺眼） */
.hero-panel {
  position: relative;
  overflow: hidden;
}
.hero-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 22% 28%, rgba(232, 160, 160, 0.16) 0%, transparent 46%),
    radial-gradient(circle at 80% 20%, rgba(212, 165, 116, 0.14) 0%, transparent 44%),
    radial-gradient(circle at 50% 88%, rgba(168, 120, 184, 0.12) 0%, transparent 52%);
}
.hero-panel > * {
  position: relative;
  z-index: 1;
}

/* 15.4 侧边栏激活项：暖玫瑰金渐变 + 柔粉光晕（替代冷紫选中态） */
body.dark-mode .sidebar .nav-link.active {
  background: linear-gradient(90deg, rgba(212, 165, 116, 0.16), rgba(168, 120, 184, 0.10)) !important;
  color: #E8C9A0 !important;
  border-left: 3px solid #D4A574 !important;
  box-shadow: inset 0 0 26px rgba(232, 160, 160, 0.06), 0 0 14px rgba(212, 165, 116, 0.12) !important;
}

/* 15.5 主按钮循环流光（玫瑰金柔光缓慢扫过，6s 一轮，克制不呼吸） */
@keyframes qxnlmBtnFlow {
  0% { left: -80%; }
  55% { left: 130%; }
  100% { left: 130%; }
}
#page-content .btn-primary::before,
#page-content .btn-gold::before,
#page-content .btn-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -80%;
  width: 45%;
  height: 100%;
  background: linear-gradient(110deg, transparent 0%, rgba(232, 201, 160, 0.22) 45%, rgba(255, 255, 255, 0.30) 50%, rgba(232, 201, 160, 0.22) 55%, transparent 100%);
  transform: skewX(-20deg);
  animation: qxnlmBtnFlow 6s ease-in-out infinite;
  pointer-events: none;
}

/* ────────────────────────────────────────────
   16. 内容页东方雅韵深化（区块标题装饰精雕）
   ──────────────────────────────────────────── */

/* 16.1 h2 区块标题：底部玫瑰金→柔粉→亮金渐变线 + 中心柔金菱形（东方雅韵经典分隔） */
#page-content h2 {
  position: relative;
  padding-bottom: 16px;
}
#page-content h2::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 88px;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #D4A574 28%, #E8A0A0 50%, #E8C892 72%, transparent 100%);
  border-radius: 2px;
  pointer-events: none;
}
#page-content h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3px;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: linear-gradient(135deg, #D4A574 0%, #E8A0A0 100%);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(212, 165, 116, 0.55);
  pointer-events: none;
}

/* 16.2 h3 子标题：左侧柔金小竖线（书签线，克制精炼） */
#page-content h3 {
  position: relative;
  padding-left: 16px;
}
#page-content h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.14em;
  width: 4px;
  height: 0.95em;
  background: linear-gradient(180deg, #E8C892 0%, #D4A574 100%);
  border-radius: 4px;
  pointer-events: none;
}

/* 16.3 内容页磨砂玻璃区块：含 h2 的容器加柔粉顶部高光（东方雅韵暖调） */
@supports (selector(:has(*))) {
  #page-content :has(> h2) {
    box-shadow:
      inset 0 1px 0 rgba(232, 160, 160, 0.09),
      inset 0 0 0 1px rgba(212, 165, 116, 0.10),
      0 6px 26px rgba(0, 0, 0, 0.30);
  }
}

/* ────────────────────────────────────────────
   17. 内容排版细节深化（表格/列表/引用/分隔线/徽章）
   ──────────────────────────────────────────── */

/* 17.1 表格东方雅韵：玫瑰金表头 + 柔粉行悬停 + 玫瑰金描边 */
#page-content th {
  background: linear-gradient(180deg, rgba(212, 165, 116, 0.16) 0%, rgba(168, 120, 184, 0.12) 100%) !important;
  color: #E8C9A0 !important;
  border-bottom: 2px solid rgba(212, 165, 116, 0.35) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}
#page-content td {
  border-bottom: 1px solid rgba(212, 165, 116, 0.08) !important;
  color: rgba(253, 248, 245, 0.85) !important;
}
#page-content tbody tr {
  transition: background 0.25s ease;
}
#page-content tbody tr:hover {
  background: rgba(232, 160, 160, 0.06) !important;
}

/* 17.2 分隔线玫瑰金渐变（两端淡出，东方雅韵） */
#page-content hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 165, 116, 0.40) 30%, rgba(232, 160, 160, 0.45) 50%, rgba(212, 165, 116, 0.40) 70%, transparent 100%) !important;
  margin: 28px 0 !important;
}

/* 17.3 列表项玫瑰金标记（无序→玫瑰金点，有序→柔粉序号） */
#page-content ul li::marker {
  color: #D4A574;
}
#page-content ol li::marker {
  color: #E8A0A0;
  font-weight: 600;
}

/* 17.4 引用块东方美学：玫瑰金左描边 + 柔金渐隐底 + 圆角 */
#page-content blockquote {
  border-left: 3px solid #D4A574 !important;
  background: linear-gradient(90deg, rgba(212, 165, 116, 0.10) 0%, rgba(168, 120, 184, 0.04) 55%, transparent 100%) !important;
  border-radius: 0 14px 14px 0 !important;
  padding: 18px 22px !important;
  color: #E8C9A0 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}

/* 17.5 徽章/标签柔金 pill（玫瑰金描边 + 暖紫底） */
#page-content .badge,
#page-content .pill,
#page-content .tag,
#page-content .chip {
  background: linear-gradient(135deg, rgba(212, 165, 116, 0.18) 0%, rgba(168, 120, 184, 0.14) 100%) !important;
  border: 1px solid rgba(212, 165, 116, 0.28) !important;
  color: #E8C9A0 !important;
  letter-spacing: 0.02em !important;
}

/* ────────────────────────────────────────────
   18. 创始人介绍 专属东方雅韵定制（品牌核心页）
   ──────────────────────────────────────────── */

/* 18.1 创始人头像：玫瑰金描边 + 柔粉玫瑰金双重光晕（替代冷紫阴影） */
#page-content img[alt="王聚才"] {
  border: 3px solid #D4A574 !important;
  box-shadow:
    0 0 0 4px rgba(212, 165, 116, 0.15),
    0 0 24px rgba(232, 160, 160, 0.45),
    0 0 48px rgba(212, 165, 116, 0.25) !important;
}

/* 18.2 创始人名字：玫瑰金渐变大字（艺术感 + 字距） */
#page-content img[alt="王聚才"] + div {
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  background: linear-gradient(105deg, #E8C9A0 0%, #D4A574 45%, #E8A0A0 75%, #E8C892 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px !important;
}

/* 18.3 头像容器：暖玫瑰金渐变底 + 玫瑰金描边 + 柔粉顶部高光 */
@supports (selector(:has(*))) {
  #page-content :has(> img[alt="王聚才"]) {
    background: linear-gradient(135deg, rgba(212, 165, 116, 0.16) 0%, rgba(168, 120, 184, 0.10) 100%) !important;
    border: 1px solid rgba(212, 165, 116, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(232, 160, 160, 0.08), 0 8px 28px rgba(0, 0, 0, 0.30) !important;
  }
}

/* 18.4 创始人照片（大图）：玫瑰金描边圆角 + 柔粉光晕 */
#page-content img[alt="创始人：聚才老师"] {
  border: 1px solid rgba(212, 165, 116, 0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 40px rgba(212, 165, 116, 0.18), 0 0 30px rgba(232, 160, 160, 0.12) !important;
}

/* ────────────────────────────────────────────
   19. 主题沙龙 / 产品体系 / 杭州总部 专属东方雅韵定制
   ──────────────────────────────────────────── */

/* 19.1 首屏 hero 容器暖化（冷紫渐变 → 暖梅子紫 + 玫瑰金描边） */
#page-content div[style*="linear-gradient(170deg,#0A0014"],
#page-content div[style*="linear-gradient(160deg,#0A0015"] {
  background: linear-gradient(165deg, #1a0a18 0%, #22101f 20%, #2c1628 40%, #36203a 62%, #271525 82%, #1a0a18 100%) !important;
  border: 1px solid rgba(212, 165, 116, 0.16) !important;
}

/* 19.2 浅色卡片暖化（暖白 → 玫瑰金描边 + 柔粉光晕） */
#page-content div[style*="background:#FFFEF9"] {
  background: linear-gradient(170deg, #FFFDF8 0%, #FBF3EA 100%) !important;
  border: 1px solid rgba(212, 165, 116, 0.30) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

/* 19.3 卡片顶部条统一玫瑰金 */
#page-content div[style*="border-top:3px solid"] {
  border-top: 3px solid #D4A574 !important;
}

/* 19.4 产品图标容器玫瑰金渐变 + 柔粉光晕 */
#page-content div[style*="width:56px;height:56px;background:linear-gradient(135deg,#7B2D8E"] {
  background: linear-gradient(135deg, #D4A574 0%, rgba(232, 160, 160, 0.88) 100%) !important;
  box-shadow: 0 4px 12px rgba(212, 165, 116, 0.30) !important;
}

/* 19.5 价格大字玫瑰金渐变（产品核心卖点，艺术感） */
#page-content h3[style*="font-size:22px"] {
  font-size: 26px !important;
  font-weight: 700 !important;
  background: linear-gradient(120deg, #D4A574 0%, #E8C892 55%, #E8A0A0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 19.6 浅色卡片内产品名/描述文字暖化（深紫/灰紫 → 暖棕） */
#page-content div[style*="background:#FFFEF9"] h5 {
  color: #6B4A3A !important;
}
#page-content div[style*="background:#FFFEF9"] p,
#page-content div[style*="background:#FFFEF9"] small {
  color: #8B7560 !important;
}

/* 19.7 紫色系按钮 → 玫瑰金渐变（暖白文字 + 柔和渐变填充） */
#page-content button[style*="background:linear-gradient(135deg,#7B2D8E"],
#page-content a[style*="background:linear-gradient(135deg,#7B2D8E"] {
  background: linear-gradient(135deg, #D4A574 0%, #E8A0A0 50%, #E8C892 100%) !important;
  color: #FFFDF8 !important;
  box-shadow: 0 4px 14px rgba(212, 165, 116, 0.35) !important;
  border: none !important;
}

/* ────────────────────────────────────────────
   20. 教练引导 / 新手帮助 / 全国城市 专属东方雅韵定制
   ──────────────────────────────────────────── */

/* 20.1 首屏 hero 暖化（#0D0018 冷紫 → 暖梅子紫，覆盖 coach/help/venues） */
#page-content div[style*="linear-gradient(160deg,#0D0018"] {
  background: linear-gradient(160deg, #1a0a18 0%, #22101f 25%, #2c1628 55%, #3a2138 80%, #4a2a42 110%) !important;
  border: 1px solid rgba(212, 165, 116, 0.16) !important;
}

/* 20.2 白色步骤卡片暖化（help 三步上手，纯白 → 暖白 + 玫瑰金描边） */
#page-content div[style*="linear-gradient(160deg,#FFFFFF,#FFFEF9"] {
  background: linear-gradient(165deg, #FFFDF8 0%, #FBF3EA 100%) !important;
  border: 1px solid rgba(212, 165, 116, 0.32) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

/* 20.3 步骤标题/正文暖化（深紫 #7B2D8E / 灰紫 #7A6A8A → 暖棕） */
#page-content div[style*="color:#7B2D8E"] {
  color: #6B4A3A !important;
}
#page-content div[style*="color:#7A6A8A"] {
  color: #8B7560 !important;
}

/* 20.4 省份选择容器暖化（venues 注册卡，紫色底 → 玫瑰金底） */
#page-content div[style*="background:rgba(123,45,142,0.03)"] {
  background: rgba(212, 165, 116, 0.05) !important;
  border: 1px solid rgba(212, 165, 116, 0.22) !important;
}

/* ────────────────────────────────────────────
   21. 丽人圈简介 / 报名注册 专属东方雅韵定制
   ──────────────────────────────────────────── */

/* 21.1 liren-intro hero 暖化（175deg 冷紫 → 暖梅子紫） */
#page-content div[style*="linear-gradient(175deg,#0A0014"] {
  background: linear-gradient(175deg, #1a0a18 0%, #22101f 25%, #2c1628 50%, #3a2138 75%, #271525 100%) !important;
  border: 1px solid rgba(212, 165, 116, 0.16) !important;
}

/* 21.2 主按钮 btn-primary 玫瑰金（紫色 → 玫瑰金渐变 + 暖白文字） */
#page-content .btn-primary {
  background: linear-gradient(135deg, #D4A574 0%, #E8A0A0 50%, #E8C892 100%) !important;
  color: #FFFDF8 !important;
  box-shadow: 0 4px 16px rgba(212, 165, 116, 0.35) !important;
  border: none !important;
}

/* 21.3 描边按钮 btn-outline 玫瑰金（淡紫 → 玫瑰金描边 + 柔金文字） */
#page-content .btn-outline {
  border: 1px solid rgba(212, 165, 116, 0.45) !important;
  color: #E8C9A0 !important;
  background: rgba(212, 165, 116, 0.06) !important;
}

/* 21.4 报名步骤指示器未激活项暖化（灰紫 → 柔金淡） */
#page-content div[style*="color:#8B7A8C"] {
  color: rgba(232, 201, 160, 0.6) !important;
}

/* ────────────────────────────────────────────
   22. 剩余页面补齐（七仙女/八仙/特色产业/百花池等）东方雅韵定制
   ──────────────────────────────────────────── */

/* 22.1 hero 暖化（160deg + #0A0014 冷紫，七仙女/八仙系统） */
#page-content div[style*="linear-gradient(160deg,#0A0014"] {
  background: linear-gradient(160deg, #1a0a18 0%, #22101f 25%, #2c1628 55%, #3a2138 80%, #271525 100%) !important;
  border: 1px solid rgba(212, 165, 116, 0.16) !important;
}

/* 22.2 紫色文字 #9B59B6 → 柔金（产业/系统标题） */
#page-content [style*="color:#9B59B6"] {
  color: #E8C9A0 !important;
}

/* ────────────────────────────────────────────
   23. 首页品牌引言（有增无减·东方雅韵金句）
   ──────────────────────────────────────────── */
#page-content .hero-panel p[style*="text-shadow:0 0 20px"] {
  color: #D4A574 !important;
  font-weight: 500 !important;
}