/* ============================================
   金水方官网 - 主样式
   设计语言：专业医疗B2B · 清新蓝色调 · 卡片式
   ============================================ */

/* CSS 变量 */
:root {
  --color-primary: #4A90F2;
  --color-primary-dark: #3A7BD5;
  --color-primary-light: #E8F3FF;
  --color-primary-soft: #F4F9FF;
  --color-accent: #5BA8FF;

  --color-text-primary: #1F2937;
  --color-text-secondary: #4B5563;
  --color-text-muted: #9CA3AF;
  --color-text-light: #D1D5DB;

  --color-bg: #FFFFFF;
  --color-bg-alt: #F7FAFD;
  --color-bg-gray: #F4F5F7;
  --color-bg-dark: #3a3f47;
  --color-bg-card: #FFFFFF;

  --color-border: #E5E7EB;
  --color-border-light: #F0F2F5;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(74, 144, 242, 0.08);
  --shadow-xl: 0 16px 40px rgba(74, 144, 242, 0.12);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --header-height: 80px;
  --container-max: 1280px;

  --font-display: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
  --font-en: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;

  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@font-face {
    font-family: 'CN-Bold'; /* 给字体起个名字 */
    src: url('./font/CN-Bold.otf') format('opentype'); /* 指定字体路径和格式 */
}

@font-face {
    font-family: 'CN-ExtraLight'; /* 给字体起个名字 */
    src: url('./font/CN-ExtraLight.otf') format('opentype'); /* 指定字体路径和格式 */
}


/* 重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-display);
  color: var(--color-text-primary);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
}

a { color: inherit; text-decoration: none; transition: var(--transition); }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
img { max-width: 100%; display: block; }

.container {
  max-width: var(--container-max);
  margin: 0 auto;
  /* margin-right:30px; */
  padding: 0 32px;
}

/* ============================================
   顶部导航
   ============================================ */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--color-bg-dark);
  height: var(--header-height);
  display: flex;
  align-items: center;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}

.header-inner {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

.logo-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* box-shadow: 0 4px 12px rgba(91, 168, 255, 0.4); */
}

.logo-icon img {
  width: 35px;
  height: 45px;
  fill: #fff;
}

.logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.logo-name { font-size: 22px; font-weight: 700; letter-spacing: 1px; color: #fff; }
.logo-slogan { font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 2px; }

.nav { display: flex; gap: 8px; }
.nav-item {
  padding: 8px 18px;
  font-size: 15px;
  color: rgba(255,255,255,0.7);
  border-radius: var(--radius-sm);
  position: relative;
  transition: var(--transition);
}
.nav-item:hover { color: #fff; }
.nav-item.active { color: var(--color-accent); font-weight: 500; }

/* ============================================
   通用 Section
   ============================================ */
.section {
  padding: 90px 0;
  position: relative;
}
.section-alt { background: var(--color-bg-alt); }

.section-header { text-align: center; margin-bottom: 56px; position: relative; }
.section-title {
  font-family: 'CN-Bold';
  font-size: 32px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 12px;
  letter-spacing: 0px;
}
.section-subtitle {
  font-size: 16px;
  color: var(--color-text-muted);
  margin-bottom: 4px;
}
.section-en-title {
  font-family: CN-Bold;
  font-size: 28px;
  font-weight: 700;
  color: rgba(31, 41, 55, 0.06);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: -4px;
}

/* ============================================
   首页 - Hero
   ============================================ */
.home-hero {
  background-image: url('../images/home-banner-1.png');
  min-height: 460px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-size: cover;
}

/* .home-hero::before {
  content: '';
  position: absolute;
  left: -10%;
  top: 50%;
  transform: translateY(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(91, 168, 255, 0.15), transparent 70%);
  border-radius: 50%;
}

.home-hero::after {
  content: '';
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  width: 380px;
  height: 380px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%23ffffff' stroke-width='1.2' opacity='0.7'><circle cx='100' cy='100' r='6'/><circle cx='60' cy='60' r='4'/><circle cx='140' cy='80' r='4'/><circle cx='80' cy='140' r='4'/><circle cx='150' cy='150' r='5'/><line x1='100' y1='100' x2='60' y2='60'/><line x1='100' y1='100' x2='140' y2='80'/><line x1='100' y1='100' x2='80' y2='140'/><line x1='100' y1='100' x2='150' y2='150'/><circle cx='100' cy='100' r='40' opacity='0.3'/><circle cx='100' cy='100' r='70' opacity='0.15'/></g></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.6;
} */

.home-hero-content {
  position: relative;
  z-index: 2;
  margin-left: auto;
  text-align: center;
  padding-right: 80px;
  animation: fadeInRight 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

.home-hero-title {
  font-size: 55px;
  font-weight: 1000;
  color: #39aeff;
  letter-spacing: 0px;
  margin-bottom: 6px;
}

.home-hero-subtitle {
  font-size: 20px;
  color: #39aeff;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.btn-hero {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 34px;
  background: linear-gradient(135deg, #5BA8FF, #3A7BD5);
  color: #fff;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(74, 144, 242, 0.35);
  transition: var(--transition);
}
.btn-hero:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(74, 144, 242, 0.45); }

/* ============================================
   首页 - 三大核心价值
   ============================================ */
.core-value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto;
}

.value-card { text-align: center; padding: 20px; }

.value-icon-wrap {
  width: 200px;
  height: 200px;
  margin: 0 auto 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.value-icon-wrap::before {
  content: '';
  position: absolute;
  inset: 30px;
 /* background: var(--color-primary-light); */
  border-radius: 50%;
  opacity: 0.5;
  z-index: 0;
}
.value-icon-wrap svg { width: 130px; height: 130px; position: relative; z-index: 1; }

.value-title {
  font-size: 22px;
  font-weight: 900;
  color: var(--color-text-primary);
  margin-bottom: 2px;
}
.value-subtitle {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 16px;
}
.value-desc {
  font-size: 14px;
  color: var(--color-text-muted);
  letter-spacing: 0.5px;
}

/* ============================================
   首页 - 三大核心模式
   ============================================ */
.core-model-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.model-card {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  box-shadow: var(--shadow-md);
  transition: var(--transition);
  border: 1px solid var(--color-border-light);
}
.model-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-xl);
  border-color: var(--color-primary-light);
}

.model-icon {
  width: 48px;
  height: 48px;
  /* background: var(--color-primary-light); */
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.model-icon svg { width: 28px; height: 28px; color: var(--color-primary); }

.model-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 8px;
  padding-bottom: 12px;
  position: relative;
}
.model-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 3px;
  background: var(--color-primary);
  border-radius: 2px;
}
.model-desc {
  font-size: 16px;
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-top: 16px;
}

/* ============================================
   首页 - 三大核心能力
   ============================================ */
.competence-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.competence-card { text-align: center; }

.competence-chart {
  background: rgba(255,255,255,0.6);
  /* border: 1px solid var(--color-border-light); */
  border-radius: var(--radius-lg);
  /* padding: 32px 24px; */
  height: 333px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  /* box-shadow: var(--shadow-sm); */
}

.competence-chart-svg { width: 100%; height: 100%; }

.competence-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-primary);
}

/* ============================================
   首页 - 六大核心优势
   ============================================ */
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.advantage-card {
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 28px 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 33px;
  transition: var(--transition);
  min-height: 156px;
}
.advantage-card:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.advantage-content { flex: 1; }
.advantage-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 12px;
}
.advantage-desc {
  font-size: 14px;
  color: var(--color-text-secondary);
  line-height: 1.7;
}
.advantage-icon {
  width: 80px;
  height: 80px;
  /* background: var(--color-primary-light); */
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.advantage-icon svg { width: 24px; height: 24px; color: var(--color-primary); }

/* ============================================
   首页 - 专业服务
   ============================================ */
.stats-wrap {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 56px 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
}

.stat-item { text-align: left; }
.stat-label {
  font-size: 14px;
  color: var(--color-text-muted);
  margin-bottom: 12px;
}
.stat-value {
  font-family: var(--font-en);
  font-size: 42px;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
}
.stat-unit {
  font-size: 14px;
  color: var(--color-text-muted);
  margin-left: 4px;
  font-family: var(--font-display);
  font-weight: 400;
}

/* ============================================
   首页 - 商家类型
   ============================================ */
.entities-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.entity-card {
  position: relative;
  height: 180px;
  border-radius: var(--radius-md);
  overflow: hidden;
  cursor: pointer;
  transition: var(--transition);
}
.entity-card:hover { transform: scale(1.02); }

.entity-bg {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entity-bg svg { width: 100%; height: 100%; }

.entity-overlay {
  position: absolute;
  inset: 0;
  /* background: linear-gradient(135deg, rgba(40,30,25,0.75) 0%, rgba(60,45,35,0.65) 100%); */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
/* .entity-card:hover .entity-overlay { background: linear-gradient(135deg, rgba(74,144,242,0.85) 0%, rgba(58,123,213,0.80) 100%); } */

.entity-name {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* ============================================
   渠道合作 - Hero
   ============================================ */
.channel-hero {
  background: #f5f7fa;
  padding: 80px 0;
  position: relative;
}
.channel-hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
.channel-hero-content {
  flex: 1;
  animation: fadeInLeft 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}

.channel-hero-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  margin-bottom: 20px;
  white-space: pre-line;
}
.channel-hero-subtitle {
  font-size: 14px;
  color: var(--color-text-secondary);
  line-height: 2;
  margin-bottom: 32px;
  white-space: pre-line;
}

.btn-group { display: flex; gap: 16px; }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: var(--transition);
  cursor: pointer;
}
.btn-primary { background: var(--color-primary); color: #fff; }
.btn-primary:hover { background: var(--color-primary-dark); transform: translateY(-1px); }
.btn-outline { background: #fff; color: var(--color-primary); border: 1px solid var(--color-primary); }
.btn-outline:hover { background: var(--color-primary-light); }

.channel-hero-visual {
  flex-shrink: 0;
  animation: medalFloat 3s ease-in-out infinite;
}
@keyframes medalFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

/* ============================================
   渠道合作 - REMOVE DOUBTS
   ============================================ */
.doubts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.doubt-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background: var(--color-primary-light);
  border-radius: var(--radius-sm);
  font-size: 15px;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: var(--transition);
}
.doubt-card:hover {
  background: #d6e8ff;
  transform: translateX(4px);
}
.doubt-card-text { display: flex; align-items: center; gap: 8px; }
.doubt-card-text::before { content: '·'; color: var(--color-primary); font-weight: 700; }
.doubt-card-arrow {
  width: 22px;
  height: 22px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.doubt-card-arrow svg { width: 12px; height: 12px; color: #fff; }

/* ============================================
   渠道合作 - 收益亮点
   ============================================ */
.initiative-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.initiative-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 48px;
}
.initiative-item {}
.initiative-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.fire-icon { font-size: 16px; }
.initiative-desc {
  font-size: 13px;
  color: var(--color-text-muted);
  line-height: 1.7;
}

.initiative-visual {
  position: relative;
  height: 320px;
  background: linear-gradient(135deg, #f4f7fb, #e9f0f9);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.initiative-chart {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #fff;
  border-radius: var(--radius-md);
  padding: 16px;
  box-shadow: var(--shadow-md);
  width: 200px;
}

/* ============================================
   渠道合作 - 9大优势
   ============================================ */
.partner-advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.partner-card {
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 26px 38px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  transition: var(--transition);
  min-height: 150px;
}
.partner-card:hover { border-color: var(--color-primary); box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.partner-content { flex: 1; }
.partner-title { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.partner-desc { font-size: 14px; color: var(--color-text-secondary); line-height: 1.7; }
.partner-icon {
  width: 62px;
  height: 62px;
  /* background: var(--color-bg-gray); */
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.partner-icon svg { width: 20px; height: 20px; color: var(--color-primary); }

/* ============================================
   渠道合作 - 8大扶持
   ============================================ */
.support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.support-card {
  background: #fff;
  border: 1px solid var(--color-primary-light);
  border-radius: var(--radius-md);
  padding: 0;
  overflow: hidden;
  text-align: center;
  transition: var(--transition);
}
.support-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--color-primary); }

.support-image {
  height: 130px;
  background: linear-gradient(135deg, #4a90f2, #5ba8ff);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.support-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(74,144,242,0.85), rgba(91,168,255,0.85));
}
.support-image svg { width: 60px; height: 60px; color: #fff; position: relative; z-index: 1; }

.support-info { padding: 20px 16px; }
.support-title { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.support-desc { font-size: 13px; color: var(--color-text-muted); }

/* ============================================
   渠道合作 - 申请流程
   ============================================ */
.process-wrap { text-align: center; }
.process-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 56px 0 80px;
}
.process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 1 200px;
}
.process-icon {
  width: 64px;
  height: 64px;
  background: var(--color-bg-gray);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: var(--transition);
}
.process-icon svg { width: 28px; height: 28px; color: var(--color-primary); }
.process-step:hover .process-icon { background: var(--color-primary); }
.process-step:hover .process-icon svg { color: #fff; }
.process-label { font-size: 16px; font-weight: 500; }
.process-arrow {
  flex: 0 0 80px;
  height: 1px;
  position: relative;
  color: var(--color-border);
}
.process-arrow::after {
  content: '›';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-size: 28px;
  color: var(--color-border);
}

.process-cta {
  background: var(--color-bg-alt);
  padding: 64px 40px;
  border-radius: var(--radius-lg);
  text-align: center;
}
.process-cta-title { font-size: 22px; font-weight: 600; margin-bottom: 24px; }
.process-cta-btn {
  display: inline-block;
  background: var(--color-primary);
  color: #fff;
  padding: 14px 56px;
  border-radius: var(--radius-sm);
  font-size: 16px;
  font-weight: 500;
  transition: var(--transition);
}
.process-cta-btn:hover { background: var(--color-primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.process-cta-note { font-size: 12px; color: var(--color-text-muted); margin-top: 16px; }

/* ============================================
   渠道合作 - 联系
   ============================================ */
.contact-section {
  background: linear-gradient(135deg, #8aa3e8, #7491dd);
  padding: 60px 0;
}
.contact-card {
  background: #fff;
  border-radius: var(--radius-md);
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
}
.contact-qr { text-align: center; }
.contact-qr-img {
  width: 200px;
  height: 200px;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  margin: 0 auto 16px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-qr-title { font-size: 14px; color: var(--color-text-secondary); }

.contact-info { display: flex; flex-direction: column; gap: 28px; }
.contact-item { display: flex; align-items: center; gap: 16px; }
.contact-icon {
  width: 44px;
  height: 44px;
  border: 1.5px solid var(--color-text-muted);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-icon svg { width: 22px; height: 22px; color: var(--color-text-secondary); }
.contact-info-label { font-size: 13px; color: var(--color-text-muted); margin-bottom: 4px; }
.contact-info-value { font-size: 20px; font-weight: 600; color: var(--color-primary); }

/* ============================================
   赋能商家页面 (按 PDF 设计)
   ============================================ */

/* ----- Hero (Page 1) ----- */
.empower-hero {
  position: relative;
  min-height: 480px;
/*  background:
    linear-gradient(135deg, rgba(60, 80, 110, 0.55) 0%, rgba(35, 55, 85, 0.65) 100%),
    linear-gradient(135deg, #5a7d96 0%, #6a8aa3 35%, #7ea899 70%, #9bbf9f 100%); */
  background-image: url(../images/fn.png);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  overflow: hidden;
  padding: 100px 0;
}
.empower-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(ellipse at 30% 70%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 30%, rgba(120, 180, 130, 0.2) 0%, transparent 50%);
}
.empower-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.6;
}
.empower-hero-inner {
  position: relative;
  z-index: 2;
}
.empower-hero-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 14px;
  letter-spacing: 2px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
.empower-hero-subtitle {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 32px;
  letter-spacing: 2px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
.empower-hero-tags {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 15px;
  opacity: 0.95;
  letter-spacing: 1px;
}
.empower-hero-tag {
  padding: 0 22px;
  position: relative;
}
.empower-hero-tag + .empower-hero-tag::before {
  content: '|';
  position: absolute;
  left: -2px;
  opacity: 0.5;
}

/* ----- Pillars (Page 2): 你的生意用上中医融合智能理疗 ----- */
.pillars-section {
  padding: 80px 0;
  background: #fff;
  text-align: center;
}
.pillars-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.pillars-subtitle {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 36px;
  letter-spacing: 1px;
}
.pillars-subtitle .accent-blue { color: var(--color-primary); }
.pillars-subtitle .accent-pink { color: #FF5C8A; }

.pillars-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 36px;
  background: linear-gradient(135deg, #8AA9F0 0%, #F8A8C8 100%);
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 50px;
  box-shadow: 0 8px 20px rgba(138, 169, 240, 0.35);
  transition: var(--transition);
  letter-spacing: 1px;
}
.pillars-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(138, 169, 240, 0.45); }
.pillars-cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  font-size: 11px;
}

.pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  text-align: left;
}
.pillar-card {
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 36px 32px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: var(--transition);
}
.pillar-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.pillar-icon {
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
}
.pillar-icon svg { width: 100%; height: 100%; }
.pillar-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 10px;
}
.pillar-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background: var(--color-primary);
}
.pillar-desc {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.85;
  margin-top: 14px;
}

/* ----- Core Value (Page 3): 6 cards ----- */
.empower-cv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.empower-cv-card {
  background: var(--color-bg-gray);
  border-radius: var(--radius-md);
  padding: 32px 30px;
  transition: var(--transition);
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.empower-cv-card:hover {
  background: var(--color-primary-light);
  transform: translateY(-2px);
}
.empower-cv-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--color-primary-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.empower-cv-icon svg { width: 26px; height: 26px; }
.empower-cv-card:hover .empower-cv-icon { background: #fff; }
.empower-cv-content { flex: 1; min-width: 0; }
.empower-cv-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 4px;
  position: relative;
  padding-bottom: 8px;
}
.empower-cv-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 2px;
  background: var(--color-primary);
}
.empower-cv-desc {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.75;
  margin-top: 12px;
}

/* ----- 8 Modules (Page 4) ----- */
.modules-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.module-card {
  background: var(--color-bg-gray);
  border-radius: var(--radius-md);
  padding: 30px 24px;
  text-align: center;
  transition: var(--transition);
}
.module-card.alt { background: var(--color-primary-light); }
.module-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.module-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 12px;
}
.module-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background: var(--color-primary);
}
.module-desc {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.8;
}

/* ----- Multi Platform (Page 5) ----- */
.split-section {
  padding: 80px 0;
  background: #fff;
}
.split-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.split-row.reverse { direction: rtl; }
.split-row.reverse > * { direction: ltr; }
.split-text-pre {
  font-size: 13px;
  color: var(--color-text-muted);
  letter-spacing: 2px;
  margin-bottom: 6px;
  font-weight: 600;
}
.split-en-title {
  font-family: var(--font-en);
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-light);
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.split-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.split-subtitle {
  font-size: 30px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  letter-spacing: 1px;
}
.split-underline {
  width: 80px;
  height: 3px;
  background: var(--color-primary);
  border-radius: 2px;
  margin: 28px 0 36px;
}
.split-cta {
  display: inline-block;
  padding: 13px 40px;
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  transition: var(--transition);
  box-shadow: var(--shadow-md);
}
.split-cta:hover {
  background: var(--color-primary-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.split-phone {
  font-size: 13px;
  color: var(--color-text-muted);
  margin-top: 14px;
}

/* Platform visual (page 5) - WeChat center + surrounding icons */
.platform-visual {
  position: relative;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  background: rgba(232, 243, 255, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.platform-center-inner {
  width: 82px;
  height: 82px;
}
.platform-orbit {
  position: absolute;
  width: 100%;
  height: 100%;
}
.platform-bubble {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(74, 144, 242, 0.18);
  background: #fff;
}
.platform-bubble svg { width: 100%; height: 100%; display: block; }
.platform-bubble.b1 { top: 8%;  left: 58%; }
.platform-bubble.b2 { top: 24%; left: 82%; width: 50px; height: 50px; }
.platform-bubble.b3 { top: 50%; left: 88%; width: 56px; height: 56px; }
.platform-bubble.b4 { top: 74%; left: 76%; }
.platform-bubble.b5 { top: 80%; left: 50%; width: 48px; height: 48px; }
.platform-bubble.b6 { top: 64%; left: 24%; width: 54px; height: 54px; }
.platform-bubble.b7 { top: 38%; left: 12%; }

/* SaaS member visual (page 6) - center badge with float bubbles */
.member-visual {
  position: relative;
  width: 100%;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member-visual::before,
.member-visual::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 1px dashed rgba(74, 144, 242, 0.3);
  pointer-events: none;
}
.member-visual::before {
  width: 220px; height: 220px;
  transform: translate(-50%, -50%);
}
.member-visual::after {
  width: 320px; height: 320px;
  transform: translate(-50%, -50%);
  border-color: rgba(74, 144, 242, 0.18);
}
.member-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  z-index: 2;
}
.member-center svg { width: 100%; height: 100%; }
.member-bubble {
  position: absolute;
  background: var(--color-primary);
  color: #fff;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(74, 144, 242, 0.25);
}
.member-bubble.light {
  background: var(--color-primary-light);
  color: var(--color-primary);
  box-shadow: 0 4px 10px rgba(74, 144, 242, 0.15);
  font-weight: 500;
}
.member-bubble.m1 { top: 18%; left: 42%; }
.member-bubble.m2 { top: 30%; left: 68%; }
.member-bubble.m3 { top: 60%; left: 70%; }
.member-bubble.m4 { top: 70%; left: 30%; }
.member-bubble.m5 { top: 35%; left: 22%; font-size: 12px; }
.member-bubble.m6 { top: 55%; left: 18%; font-size: 12px; }
.member-bubble.m7 { top: 22%; left: 50%; font-size: 12px; }
.member-vip-tag {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-120%, 40%);
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 13px;
  color: var(--color-primary);
  background: var(--color-primary-light);
  padding: 4px 8px;
  border-radius: 4px;
}

/* Data analysis visual (page 7) */
.data-visual {
  position: relative;
  width: 100%;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-monitor {
  width: 100%;
  max-width: 360px;
}
.data-monitor svg { width: 100%; height: auto; }
.data-tag {
  position: absolute;
  background: var(--color-primary);
  color: #fff;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(74, 144, 242, 0.25);
}
.data-tag.d1 { top: 12%; right: 8%; }
.data-tag.d2 { top: 48%; left: 4%; }
.data-star {
  position: absolute;
  color: var(--color-primary);
  opacity: 0.4;
  font-size: 14px;
}
.data-star.s1 { top: 18%; left: 28%; }
.data-star.s2 { bottom: 22%; right: 18%; }
.data-star.s3 { top: 6%; right: 32%; font-size: 10px; }

/* ----- Repurchase steps (Page 8) ----- */
.repurchase-section {
  padding: 80px 0;
  background: #fff;
}
.repurchase-stage {
  position: relative;
  padding: 60px 20px 100px;
}
.repurchase-arrow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.repurchase-arrow svg {
  width: 100%;
  height: 100%;
}
.repurchase-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  position: relative;
  z-index: 2;
}
.repurchase-card {
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 24px 22px;
  box-shadow: var(--shadow-md);
  display:flex;
  height: 180px;
  gap: 18px;

}
.repurchase-grid > .repurchase-card:nth-child(1) { margin-top: 120px; }
.repurchase-grid > .repurchase-card:nth-child(2) { margin-top: 60px; }
.repurchase-grid > .repurchase-card:nth-child(3) { margin-top: 0; }
.repurchase-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.repurchase-icon {
  width: 98px;
  height: 118px;
  display: flex;
 /* align-items: center;
  justify-content: center; */
}
.repurchase-icon svg { width: 100%; height: 100%; }
.repurchase-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-text-primary);
}
.repurchase-desc {
  font-size: 12.5px;
  color: var(--color-text-secondary);
  line-height: 1.85;
}

/* ----- CRM (Page 9) ----- */
.crm-visual {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 30px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}
.crm-side {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.crm-side.left { align-items: flex-end; }
.crm-side.right { align-items: flex-start; }
.crm-item {
  max-width: 320px;
}
.crm-item-label {
  display: inline-block;
  background: var(--color-primary);
  color: #fff;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.crm-item-desc {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.8;
}
.crm-side.left .crm-item { text-align: right; }
.crm-center {
  width: 200px;
  height: 200px;
  border: 2px dashed var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.crm-center-inner {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #7AB4FF, #4A90F2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  white-space: pre-line;
  text-align: center;
  line-height: 1.3;
  box-shadow: 0 12px 30px rgba(74, 144, 242, 0.35);
}

/* ----- Responsive ----- */
@media (max-width: 1024px) {
  .empower-hero-title { font-size: 32px; }
  .empower-hero-subtitle { font-size: 26px; }
  .pillars-grid, .empower-cv-grid, .repurchase-grid { grid-template-columns: repeat(2, 1fr); }
  .modules-grid { grid-template-columns: repeat(2, 1fr); }
  .split-row { grid-template-columns: 1fr; gap: 40px; }
  .split-row.reverse { direction: ltr; }
  .crm-visual { grid-template-columns: 1fr; gap: 30px; }
  .crm-side { align-items: center !important; }
  .crm-side.left .crm-item { text-align: center; }
  .pillars-title, .pillars-subtitle { font-size: 24px; }
  .split-title, .split-subtitle { font-size: 24px; }
  .repurchase-grid > .repurchase-card { margin-top: 0 !important; }
  .repurchase-arrow { display: none; }
}

@media (max-width: 640px) {
  .empower-hero-title { font-size: 24px; letter-spacing: 1px; }
  .empower-hero-subtitle { font-size: 20px; }
  .empower-hero-tags { font-size: 12px; flex-wrap: wrap; justify-content: center; }
  .empower-hero-tag { padding: 4px 12px; }
  .pillars-grid, .empower-cv-grid, .modules-grid, .repurchase-grid { grid-template-columns: 1fr; }
  .platform-visual, .member-visual, .data-visual { height: 320px; }
}


/* ============================================
   关于我们页面（按 PDF 设计）
   ============================================ */

/* ----- Hero：浅蓝色城市天际线 ----- */
.about-hero {
  position: relative;
  min-height: 480px;
  padding: 0;
  /* background: */
    radial-gradient(circle at 80% 20%, rgba(255, 248, 220, 0.55) 0%, rgba(255, 248, 220, 0) 30%),
    linear-gradient(180deg, #DCEEFB 0%, #C6DDF0 55%, #E3EFFA 100%);
  color: var(--color-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.about-hero-city {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.about-hero-city svg {
  position: absolute;
  bottom: 0;
  left: -2%;
  width: 76%;
  height: 70%;
}
.about-hero-sun {
  position: absolute;
  top: 12%;
  right: 10%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(255, 245, 200, 0.85) 0%, rgba(255, 245, 200, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
}
.about-hero-reflection {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.45) 60%, rgba(255, 255, 255, 0.6) 100%);
  pointer-events: none;
}
.about-hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.about-hero-text {
  max-width: 680px;
  padding-right: 20px;
  text-align: left;
}
.about-hero-title {
  font-size: 48px;
  font-weight: 700;
  color: #1F70C2;
  letter-spacing: 3px;
  margin: 0 0 22px;
  text-shadow: 0 2px 12px rgba(255, 255, 255, 0.6);
}
.about-hero-subtitle {
  font-size: 15px;
  font-weight: 500;
  color: #3577B5;
  line-height: 1.8;
  letter-spacing: 0.5px;
  margin: 0;
}

/* ----- 金水方简介 ----- */
.about-intro-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  background: #fff;
  padding: 56px 64px;
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.about-intro-text { font-size: 15px; line-height: 2.05; color: var(--color-text-secondary); }
.about-intro-text p { margin: 0 0 14px; }
.about-intro-text p:last-child { margin-bottom: 0; }
.about-intro-text .bold-prefix {
  font-weight: 700;
  color: var(--color-text-primary);
}
.about-intro-section-title {
  font-family: 'CN-Bold';
  font-size: 32px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 8px;
  letter-spacing: 1px;
}
.about-intro-en-title {
  font-family: CN-Bold;
  font-size: 28px;
  font-weight: 700;
  color: #E8EEF5;
  letter-spacing: 1px;
  margin: 0 0 28px;
  text-transform: uppercase;
}
.about-intro-visual {
  position: relative;
  height: 320px;
  border-radius: 14px;
  overflow: hidden;
  /* background: */
    linear-gradient(135deg, rgba(74, 144, 242, 0.85) 0%, rgba(120, 180, 240, 0.7) 60%, rgba(180, 215, 245, 0.5) 100%),
    linear-gradient(180deg, #3a7ec9 0%, #79afde 100%);
  /* box-shadow: 0 12px 30px rgba(74, 144, 242, 0.25); */
}
.about-intro-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  /* background-image: repeating-linear-gradient( */
    90deg,
    transparent 0,
    transparent 24px,
    rgba(255, 255, 255, 0.04) 24px,
    rgba(255, 255, 255, 0.04) 26px
  ), repeating-linear-gradient(
    0deg,
    transparent 0,
    transparent 18px,
    rgba(255, 255, 255, 0.04) 18px,
    rgba(255, 255, 255, 0.04) 20px
  );
}
.about-intro-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  /* background: radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.25) 0%, transparent 60%); */
}
.about-intro-logo {
  position: absolute;
  top: 50%;
  right: 36px;
  transform: translateY(-50%);
  width: 90px;
  height: 112px;
  z-index: 2;
}
.about-intro-logo svg { width: 100%; height: 100%; }

/* ----- 企业文化 ----- */
.culture-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.culture-card {
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 36px 32px;
  transition: var(--transition);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.culture-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.culture-icon {
  width: 44px;
  height: 44px;
  margin-bottom: 22px;
}
.culture-icon svg { width: 100%; height: 100%; display: block; }
.culture-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 14px;
  padding-bottom: 12px;
  position: relative;
  letter-spacing: 1px;
}
.culture-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 3px;
  background: var(--color-primary);
  border-radius: 2px;
}
.culture-desc {
  font-size: 14px;
  color: var(--color-text-secondary);
  line-height: 1.85;
  white-space: pre-line;
  margin: 0;
}

/* ----- 服务理念：7 条竖向 strip + 横向心电图线 ----- */
.philosophy-section {
  padding: 80px 0;
  background: #fff;
}
.philosophy-stage {
  position: relative;
}
.philosophy-strips {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  height: 380px;
  position: relative;
  z-index: 1;
}
.philosophy-strip {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
/* 7 条 strip 用不同的渐变模拟手掌图片局部 */
.philosophy-strip.s1 { background: linear-gradient(180deg, #BFD7E6 0%, #E1ECF2 50%, #F1F5F8 100%); }
.philosophy-strip.s2 { background: linear-gradient(180deg, #DCE7EE 0%, #F5F1EB 50%, #FFFFFF 100%); }
.philosophy-strip.s3 { background: linear-gradient(180deg, #E8DDD0 0%, #D6C5B3 50%, #C8B49F 100%); }
.philosophy-strip.s4 {
  background: linear-gradient(180deg, #E5D6C7 0%, #C9A993 40%, #A87863 70%, #92604F 100%);
}
.philosophy-strip.s5 { background: linear-gradient(180deg, #E0DCD3 0%, #F2EDE6 50%, #FAF5EF 100%); }
.philosophy-strip.s6 { background: linear-gradient(180deg, #ECEEF1 0%, #F8F8F8 50%, #FFFFFF 100%); }
.philosophy-strip.s7 { background: linear-gradient(180deg, #DDDEE2 0%, #F0F0F2 50%, #FAFAFB 100%); }

/* 中间 strip 红色心脏发光 */
.philosophy-strip.highlight::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160%;
  height: 70%;
  background: radial-gradient(circle, rgba(239, 68, 68, 0.5) 0%, rgba(239, 68, 68, 0.18) 40%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.philosophy-heart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  z-index: 2;
  filter: drop-shadow(0 0 14px rgba(232, 69, 69, 0.7));
  pointer-events: none;
}
.philosophy-heart svg { width: 100%; height: 100%; display: block; }
.philosophy-label {
  position: relative;
  z-index: 3;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 8px 12px 10px;
  text-align: center;
  min-width: 78px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.philosophy-strip.highlight .philosophy-label {
  background: rgba(255, 255, 255, 0.85);
}
.philosophy-label-zh {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: 1px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(74, 144, 242, 0.4);
}
.philosophy-label-en {
  display: block;
  font-family: var(--font-en);
  font-size: 10px;
  color: var(--color-text-muted);
  letter-spacing: 0.5px;
  line-height: 1.3;
}

/* 心电图线（横穿7条 strip） */
.philosophy-ecg {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.philosophy-ecg svg { width: 100%; height: 100%; display: block; }

/* ============================================
   页脚
   ============================================ */
.footer {
  background: #2c313a;
  color: rgba(255,255,255,0.6);
  padding: 56px 0 24px;
  font-size: 13px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.footer-col h4 { color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 20px; }
.footer-col p, .footer-col a { display: block; line-height: 2; color: rgba(255,255,255,0.5); transition: var(--transition); }
.footer-col a:hover { color: #fff; }
.footer-bottom {
  text-align: center;
  padding-top: 24px;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
}
.footer-bottom span { margin: 0 8px; }

/* 让电话链接作为一个整体，防止内部换行 */
.footer-col a[href^="tel:"] {
    text-decoration: none;
    display: inline-block; /* 核心代码：防止电话号码内部被强制换行 */
    white-space: nowrap;   /* 补充保险：确保文本绝对不会换行 */
}

/* ============================================
   响应式
   ============================================ */
@media (max-width: 1024px) {
  .container { padding: 0 20px; }
  .core-value-grid, .core-model-grid, .competence-grid, .advantage-grid,
  .partner-advantage-grid, .doubts-grid, .cases-grid, .solutions-grid,
  .culture-grid, .entities-grid { grid-template-columns: repeat(2, 1fr); }
  .support-grid, .pain-grid, .benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-wrap { grid-template-columns: repeat(2, 1fr); }
  .home-hero-title { font-size: 36px; }
  .channel-hero-inner { flex-direction: column; gap: 40px; text-align: center; }
  .initiative-wrap { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  /* 关于我们：1024 以下断点 */
  .about-hero-title { font-size: 34px; letter-spacing: 2px; }
  .about-hero-inner { justify-content: center; padding: 60px 0; }
  .about-hero-text { padding: 0 20px; max-width: 100%; text-align: center; }
  .about-hero-city svg { width: 90%; opacity: 0.6; }
  .about-intro-row { grid-template-columns: 1fr; gap: 32px; padding: 36px; }
  .about-intro-visual { height: 240px; }
  .philosophy-strips { height: 320px; }
}

@media (max-width: 640px) {
  .header { height: 64px; }
  .nav { display: none; }
  .section { padding: 60px 0; }
  .section-title { font-size: 24px; }
  .home-hero-title { font-size: 26px; }
  .channel-hero-title { font-size: 26px; }
  .home-hero-content { padding-right: 0; text-align: center; }
  .core-value-grid, .core-model-grid, .competence-grid, .advantage-grid,
  .partner-advantage-grid, .doubts-grid, .cases-grid, .solutions-grid,
  .culture-grid, .entities-grid, .support-grid, .pain-grid, .benefits-grid,
  .stats-wrap, .footer-grid, .initiative-items { grid-template-columns: 1fr; }
  .process-steps { flex-wrap: wrap; gap: 16px; }
  .process-arrow { display: none; }
  .contact-card { grid-template-columns: 1fr; gap: 32px; padding: 24px; }
  /* 关于我们：640 以下断点 */
  .about-hero-title { font-size: 24px; letter-spacing: 1px; }
  .about-hero-subtitle { font-size: 13px; }
  .about-intro-row { padding: 28px 22px; }
  .about-intro-section-title { font-size: 22px; }
  .about-intro-en-title { font-size: 20px; margin-bottom: 18px; }
  .philosophy-strips {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    height: auto;
    gap: 8px;
  }
  .philosophy-strip { aspect-ratio: 1 / 2; }
  .philosophy-ecg { display: none; }
}