/* ===== 核心变量与优化 ===== */
:root {
  --hero-bg: #0a192f;
  --hero-accent: #e6b94a;
  --hero-text-white: #ffffff;
  --hero-text-dim: #cfd4da;
  --transition-base: all 0.3s ease;
}

/* ===== 布局容器 - 紧凑型Padding ===== */
.hero-section {
  position: relative;
  background-color: var(--hero-bg);
  padding: 2.5rem 5%; /* 上下Padding已减半 */
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 65vh;
  color: var(--hero-text-white);
}

.hero-section__overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url('https://cnbizinsight.com/wp-content/uploads/watermark-pattern.png');
  opacity: 0.02; /* 极低不透明度，确保不干扰文字 */
  pointer-events: none;
}

.hero-section__container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 4rem;
  align-items: center;
  z-index: 2;
}

/* ===== 1. 标题清晰度优化 ===== */
.hero-section__title {
  font-size: clamp(2.2rem, 3.5vw, 3rem);
  line-height: 1.1;
  font-weight: 800; /* 加粗 */
  margin-bottom: 1.5rem;
  color: #ffffff;
  letter-spacing: -0.5px;
  text-shadow: none; /* 确保文字边缘锐利 */
}

.text--accent {
  color: var(--hero-accent);
}

.hero-section__description {
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--hero-text-dim);
  max-width: 550px;
  margin-bottom: 2.5rem;
}

/* ===== 2. 按钮宽度一致优化 ===== */
.hero-section__actions {
  display: flex;
  gap: 1rem;
  margin-bottom: 2.5rem;
}

.btn {
  width: 200px; /* 统一宽度 */
  height: 52px; /* 统一高度 */
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  font-size: 1rem;
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn--primary {
  background-color: var(--hero-accent);
  color: #0a192f;
  border: 2px solid var(--hero-accent);
}

.btn--outline {
  border: 2px solid #ffffff;
  color: #ffffff;
}

/* ===== 3. Trust Tags 加图标 ===== */
.hero-section__trust-tags {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.tag {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: #ffffff;
  font-weight: 500;
}

.tag-icon {
  width: 18px;
  height: 18px;
  color: var(--hero-accent);
}

/* ===== 4. 右侧视觉区：内部填充关键词 ===== */
.hero-section__visual {
  display: flex;
  justify-content: flex-end;
}

.report-mockup {
  position: relative;
  perspective: 1200px;
}

.report-mockup__card {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 25px 25px 50px rgba(0, 0, 0, 0.4);
  width: 300px;
  height: 400px;
}

.report-mockup__card--main {
  position: relative;
  z-index: 5;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
}

/* Mockup 内部的关键词列表 */
.mockup-label {
  font-size: 0.75rem;
  font-weight: 900;
  color: #0a192f;
  letter-spacing: 2px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 1.5rem;
}

.mockup-content-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mockup-content-list li {
  color: #333;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 8px 0;
  border-bottom: 1px solid #fafafa;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mockup-content-list li span {
  color: var(--hero-accent);
  font-size: 0.7rem;
  font-family: monospace;
}

.mockup-footer-line {
  margin-top: auto;
  height: 4px;
  width: 40%;
  background: #eee;
}

.mockup-risk-indicator {
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
  background: #000;
  color: var(--hero-accent);
  font-size: 0.65rem;
  padding: 4px 8px;
  text-transform: uppercase;
  font-weight: 800;
}

.report-mockup__card--sub {
  position: absolute;
  top: 20px;
  right: -20px;
  z-index: 1;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
}

/* 响应式适配 */
@media (max-width: 992px) {
  .hero-section { padding: 3rem 5%; text-align: center; }
  .hero-section__container { grid-template-columns: 1fr; }
  .hero-section__content { display: flex; flex-direction: column; align-items: center; }
  .hero-section__actions { flex-direction: column; align-items: center; }
  .hero-section__trust-tags { justify-content: center; }
  .hero-section__visual { display: none; }
}

/* ===== 以下是样式补丁代码  针对大标题清晰度的专项强化 ===== */
.hero-section__title {
  /* 确保文字颜色为纯白，不带任何透明度 */
  color: #ffffff !important; 
  /* 增加字重到最高级别，并略微增加行高防止笔画黏连 */
  font-weight: 900 !important;
  line-height: 1.2 !important;
  /* 关键：使用微小的深色轮廓，在不产生阴影模糊感的前提下，像“描边”一样把白字从深色背景中抠出来 */
  text-shadow: 1px 1px 0px rgba(0,0,0,0.8), -1px -1px 0px rgba(0,0,0,0.8) !important;
  /* 消除字间距收缩，让字母呼吸感更强，提高辨识度 */
  letter-spacing: 0.5px !important;
}

/* 确保高亮文字也同样锐利 */
.text--accent {
  color: var(--hero-accent) !important;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5) !important;
}

/* ===== 优化左右布局间距，使视觉更紧凑面 ===== */
.hero-section__container {
  /* 缩窄左右两栏之间的鸿沟，从 4rem 减小到 2rem */
  gap: 2rem !important;
  /* 重新分配比例：文字区占 60%，图片区占 40%，让重心向中间靠拢 */
  grid-template-columns: 1.2fr 0.8fr !important;
  /* 限制最大宽度，防止在大显示器上内容散得太开 */
  max-width: 1100px !important;
}

.hero-section__content {
  /* 确保文字内容稍微向右侧图片靠拢 */
  padding-right: 1rem;
}

.hero-section__visual {
  /* 让右侧图片略微向左偏移，进一步缩小感官间距 */
  justify-content: flex-start !important;
  margin-left: -10px;
}

/* 再次微调背景干扰，确保它绝不覆盖在文字层之上 */
.hero-section__overlay {
  opacity: 0.015 !important; /* 极干预度 */
}


/* ===== 第二维Pain Points Section Variables ===== */
:root {
  --pp-bg: #f8f9fa; /* 浅灰色背景，与Hero区深蓝形成对比 */
  --pp-title-color: #0a192f;
  --pp-text-color: #4a5568;
  --pp-accent: #e6b94a;
  --pp-card-bg: #ffffff;
  --shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* ===== Layout Container ===== */
.pain-points {
  padding: 4rem 5%;
  background-color: var(--pp-bg);
}

.pain-points__container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== Section Header ===== */
.section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 3.5rem auto;
}

.section-header__title {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  color: var(--pp-title-color);
  font-weight: 800;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.section-header__subtitle {
  font-size: 1.1rem;
  color: var(--pp-text-color);
  line-height: 1.6;
}

/* ===== Grid & Cards ===== */
.pain-points__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.pain-card {
  background: var(--pp-card-bg);
  padding: 2.5rem 2rem;
  border-radius: 8px;
  box-shadow: var(--shadow-subtle);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-bottom: 3px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pain-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid var(--pp-accent);
}

/* Icon Styling */
.pain-card__icon {
  width: 60px;
  height: 60px;
  background: rgba(230, 185, 74, 0.1);
  color: var(--pp-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.pain-card__icon svg {
  width: 32px;
  height: 32px;
}

/* Card Content */
.pain-card__title {
  font-size: 1.25rem;
  color: var(--pp-title-color);
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.4;
}

.pain-card__text {
  font-size: 0.95rem;
  color: var(--pp-text-color);
  line-height: 1.7;
  margin: 0;
}

/* ===== Responsive Design ===== */
@media (max-width: 992px) {
  .pain-points__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .pain-card {
    padding: 2rem;
  }
  
  .section-header {
    margin-bottom: 2.5rem;
  }
}


/* ===== 第三维 Showcase Section Styles ===== */
:root {
  --showcase-bg: #0a192f;
  --showcase-accent: #e6b94a;
  --showcase-text-white: #ffffff;
}

.showcase {
  background-color: var(--showcase-bg);
  padding: 3rem 5%;
  position: relative;
  color: var(--showcase-text-white);
}

.showcase__overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: url('https://cnbizinsight.com/wp-content/uploads/watermark-pattern.png') repeat;
  opacity: 0.015;
  pointer-events: none;
}

.showcase__container {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

/* ===== 1. 标题清晰度强化 ===== */
.showcase__title {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 900;
  color: var(--showcase-accent) !important;
  text-align: center;
  margin-bottom: 3.5rem;
  text-transform: uppercase;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.8); /* 强化阴影 */
}

.detail-label {
  font-size: 0.95rem;
  text-transform: uppercase;
  color: var(--showcase-accent) !important;
  margin-bottom: 0.8rem;
  font-weight: 800;
  border-left: 4px solid var(--showcase-accent);
  padding-left: 12px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.8);
}

/* ===== 2. Content 详情排版优化 ===== */
.field-list {
  list-style: none;
  padding: 0;
  margin-top: 1.5rem;
  display: grid;
  gap: 1.2rem;
}

.field-list li {
  padding-left: 24px;
  position: relative;
}

.field-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--showcase-accent);
  font-weight: bold;
}

.field-list li strong {
  display: block;
  color: #ffffff;
  font-size: 1.05rem;
  margin-bottom: 4px;
}

.field-list li span {
  display: block;
  color: #cbd5e1;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* ===== 3. 按钮布局修复 (横向排布，不溢出) ===== */
.showcase__cta-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.btn--buy-now {
  background-color: var(--showcase-accent);
  color: #0a192f !important;
  text-decoration: none;
  padding: 1.1rem 2.5rem;
  border-radius: 4px;
  display: inline-flex; /* 关键：弹性布局 */
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  
  /* 解决文字溢出问题的关键 */
  width: auto; /* 允许根据内容自动扩展 */
  min-width: fit-content;
  white-space: nowrap; /* 强制文字不换行，横向排布 */
}

.btn-text {
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.btn--buy-now:hover {
  background-color: #d4a739;
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(230, 185, 74, 0.4);
}

/* 其余样式保持不动 */
.showcase__main { display: flex; gap: 3rem; margin-bottom: 4rem; align-items: flex-start; }
.showcase__visual { flex: 0 0 35%; }
.sample-img { width: 100%; border-radius: 4px; box-shadow: 0 15px 35px rgba(0,0,0,0.6); }
.delivery-table { width: 100%; border-collapse: collapse; text-align: center; }
.delivery-table th { color: var(--showcase-accent); padding: 1rem; border-bottom: 2px solid var(--showcase-accent); font-size: 0.85rem; }
.delivery-table td { padding: 1.5rem 1rem; font-size: 1.1rem; font-weight: 700; color: #fff; }

@media (max-width: 992px) {
  .showcase__main { flex-direction: column; }
  .showcase__visual { width: 60%; margin: 0 auto 2rem; }
  .btn--buy-now { width: 100%; padding: 1.1rem 1rem; } /* 移动端自适应 */
}


/* ===== 第四维 Expert Knowledge Section Styles ===== */
:root {
  --expert-bg: #ffffff;
  --expert-text-main: #2d3748;
  --expert-text-muted: #4a5568;
  --expert-accent: #e6b94a;
  --expert-border: #e2e8f0;
}

.expert-knowledge {
  padding: 5rem 5%;
  background-color: var(--expert-bg);
  color: var(--expert-text-main);
  line-height: 1.8;
}

.expert-knowledge__container {
  max-width: 900px; /* 窄版布局，模拟白皮书阅读感 */
  margin: 0 auto;
}

/* ===== 标题与头部清晰度优化 ===== */
.expert-tag {
  display: inline-block;
  background: var(--expert-accent);
  color: #0a192f;
  padding: 4px 12px;
  font-size: 0.8rem;
  font-weight: 800;
  border-radius: 2px;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.expert-knowledge__title {
  font-size: clamp(1.8rem, 3.5vw, 2.5rem);
  font-weight: 900;
  color: #0a192f;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.expert-knowledge__lead {
  font-size: 1.2rem;
  color: var(--expert-text-muted);
  font-style: italic;
  border-left: 4px solid var(--expert-accent);
  padding-left: 1.5rem;
  margin-bottom: 3rem;
}

/* ===== 文章正文排版 ===== */
.knowledge-article {
  margin-bottom: 3rem;
}

.knowledge-article__h3 {
  font-size: 1.5rem;
  color: #0a192f;
  margin-bottom: 1.2rem;
  font-weight: 800;
}

.knowledge-article p {
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
}

.knowledge-article strong {
  color: #0a192f;
  border-bottom: 2px solid rgba(230, 185, 74, 0.3);
}

/* ===== 专家表格样式 ===== */
.comparison-table-wrapper {
  margin: 4rem 0;
  padding: 2rem;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid var(--expert-border);
}

.comparison-title {
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 2rem;
  color: #0a192f;
  font-weight: 800;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
}

.comparison-table th {
  background: #0a192f;
  color: var(--expert-accent);
  padding: 1rem;
  text-align: left;
  font-size: 0.9rem;
}

.comparison-table td {
  padding: 1.2rem 1rem;
  border-bottom: 1px solid var(--expert-border);
  font-size: 0.95rem;
}

.comparison-table tr:last-child td { border-bottom: none; }

/* ===== 专家引言区 ===== */
.expert-quote {
  position: relative;
  background: #0a192f;
  color: #fff;
  padding: 3rem;
  border-radius: 4px;
  margin-top: 4rem;
}

.expert-quote__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 5rem;
  color: var(--expert-accent);
  opacity: 0.3;
  font-family: serif;
}

.expert-quote p {
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
  z-index: 2;
  margin: 0;
}

/* 响应式 */
@media (max-width: 768px) {
  .comparison-table { display: block; overflow-x: auto; }
  .expert-quote { padding: 2rem; }
}



/* ===== 第五维 Brand Moat Section Styles ===== */
:root {
  --moat-bg: #0a192f;
  --moat-card-bg: rgba(255, 255, 255, 0.03);
  --moat-accent: #e6b94a;
  --moat-text-white: #ffffff;
  --moat-text-dim: #a0aec0;
}

.brand-moat {
  padding: 5rem 5%;
  background-color: var(--moat-bg);
  color: var(--moat-text-white);
  position: relative;
}

.brand-moat__container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== Header & Title Clarity ===== */
.brand-moat__header {
  text-align: center;
  margin-bottom: 4rem;
}

.brand-moat__title {
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 900;
  color: var(--moat-text-white);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  /* 确保标题在深色背景下绝对清晰 */
  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
}

.brand-moat__subtitle {
  font-size: 1.1rem;
  color: var(--moat-accent);
  font-weight: 600;
  max-width: 700px;
  margin: 0 auto;
}

/* ===== Grid & Cards ===== */
.brand-moat__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.moat-card {
  background: var(--moat-card-bg);
  padding: 2.5rem 1.5rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.moat-card:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--moat-accent);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Icon Box */
.moat-card__icon-box {
  width: 60px;
  height: 60px;
  background: rgba(230, 185, 74, 0.1);
  color: var(--moat-accent);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}

.moat-card:hover .moat-card__icon-box {
  background: var(--moat-accent);
  color: #0a192f;
  transform: rotateY(360deg);
}

.moat-card__icon-box svg {
  width: 30px;
  height: 30px;
}

/* Card Typography */
.moat-card__title {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 1rem;
  color: var(--moat-accent);
  /* 确保小标题锐利 */
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

.moat-card__text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--moat-text-dim);
}

/* ===== Responsive Adaption ===== */
@media (max-width: 1024px) {
  .brand-moat__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .brand-moat__grid {
    grid-template-columns: 1fr;
  }
  .brand-moat {
    padding: 3.5rem 5%;
  }
}

/* ===== 针对“第五维”标题清晰度的专项强化 ===== */

/* 1. 大标题强化：确保在深色背景下有足够的呼吸感和对比度 */
.brand-moat__title {
  color: #ffffff !important;
  font-weight: 900 !important;
  /* 增加双层硬阴影：一层深色描边，一层半透明发光，彻底解决背景遮挡问题 */
  text-shadow: 
    2px 2px 0px rgba(0, 0, 0, 0.8), 
    -1px -1px 0px rgba(0, 0, 0, 0.8),
    0px 0px 10px rgba(230, 185, 74, 0.2) !important;
  letter-spacing: 1px !important;
  line-height: 1.2 !important;
}

/* 2. 副标题强化：使用品牌金，增加锐度 */
.brand-moat__subtitle {
  color: #e6b94a !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  /* 增加轻微阴影，防止在复杂底纹上显得模糊 */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* 3. 卡片小标题强化：确保每个核心优势的名称都非常醒目 */
.moat-card__title {
  color: #e6b94a !important;
  font-weight: 800 !important;
  /* 提高小标题的对比度 */
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7) !important;
  margin-bottom: 1.2rem !important;
}

/* 4. 背景干扰消除：确保 overlay 不会遮盖文字层 */
.brand-moat {
  position: relative;
  z-index: 1;
}

.brand-moat__container {
  position: relative;
  z-index: 10; /* 确保内容容器层级最高 */
}

/* 5. 增强文字的可读性：针对正文部分 */
.moat-card__text {
  color: #e2e8f0 !important; /* 使用更亮的浅灰色 */
  line-height: 1.7 !important;
  font-weight: 400 !important;
}



/* ===== 第六维 Seamless Process Section Styles ===== */
:root {
  --proc-bg: #ffffff;
  --proc-accent: #e6b94a;
  --proc-navy: #0a192f;
  --proc-text: #4a5568;
}

.process {
  padding: 5rem 5%;
  background-color: var(--proc-bg);
  position: relative;
}

.process__container {
  max-width: 1100px;
  margin: 0 auto;
}

/* ===== 标题强化 (确保绝对清晰) ===== */
.process__title {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 900;
  color: var(--proc-navy) !important;
  text-align: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
  /* 为白底上的深色字增加轻微锐化感 */
  text-shadow: 1px 1px 0px rgba(0,0,0,0.05);
}

.process__subtitle {
  text-align: center;
  color: var(--proc-text);
  font-size: 1.1rem;
  margin-bottom: 4rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== 横向时间轴布局 ===== */
.process__timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  position: relative;
}

/* 连接线 */
.process__timeline::before {
  content: '';
  position: absolute;
  top: 30px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #e2e8f0;
  z-index: 1;
}

.process-step {
  position: relative;
  z-index: 2;
  text-align: center;
}

.process-step__number {
  width: 60px;
  height: 60px;
  background: var(--proc-navy);
  color: var(--proc-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1.2rem;
  margin: 0 auto 1.5rem auto;
  border: 4px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.process-step:hover .process-step__number {
  background: var(--proc-accent);
  color: var(--proc-navy);
  transform: scale(1.1);
}

.process-step__title {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--proc-navy) !important;
  margin-bottom: 0.8rem;
  /* 确保小标题清晰 */
  text-shadow: 0.5px 0.5px 0px rgba(0,0,0,0.1);
}

.process-step__text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--proc-text);
  margin-bottom: 1rem;
  min-height: 60px; /* 保持描述文字对齐 */
}

.process-step__time {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--proc-accent);
  background: rgba(230, 185, 74, 0.1);
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}

/* ===== 响应式适配 ===== */
@media (max-width: 992px) {
  .process__timeline {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .process__timeline::before {
    display: none; /* 移动端隐藏连接线 */
  }
}

@media (max-width: 600px) {
  .process__timeline {
    grid-template-columns: 1fr;
  }
  .process-step__text {
    min-height: auto;
  }
}


/* ===== 第七维 FAQ & CTA Section Styles ===== */
:root {
  --faq-bg: #f8fafc;
  --faq-navy: #0a192f;
  --faq-accent: #e6b94a;
  --faq-text: #4a5568;
}

.final-conversion {
  padding: 4rem 0 0 0;
  background-color: var(--faq-bg);
}

.faq-container {
  max-width: 850px;
  margin: 0 auto 5rem auto;
  padding: 0 5%;
}

/* 标题清晰度强化 */
.faq-title {
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--faq-navy);
  text-align: center;
  margin-bottom: 1rem;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.05);
}

.faq-subtitle {
  text-align: center;
  color: var(--faq-text);
  margin-bottom: 3rem;
}

/* Accordion Style */
.faq-accordion {
  border-top: 1px solid #e2e8f0;
}

.faq-item {
  border-bottom: 1px solid #e2e8f0;
  padding: 1.5rem 0;
}

.faq-question {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--faq-navy);
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 30px;
}

.faq-question::-webkit-details-marker { display: none; }

.faq-question::after {
  content: '+';
  position: absolute;
  right: 0;
  color: var(--faq-accent);
  font-size: 1.5rem;
}

.faq-item[open] .faq-question::after {
  content: '-';
}

.faq-answer {
  padding-top: 1rem;
  color: var(--faq-text);
  line-height: 1.7;
}

/* ===== 终极行动区 (CTA) ===== */
.final-cta {
  background-color: var(--faq-navy);
  padding: 5rem 5%;
  text-align: center;
  color: #fff;
}

.cta-box {
  max-width: 800px;
  margin: 0 auto;
}

.cta-box__title {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 900;
  color: #fff;
  margin-bottom: 1.5rem;
  /* 确保深色底上的白字清晰 */
  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
}

.cta-box__text {
  font-size: 1.2rem;
  color: #cbd5e1;
  margin-bottom: 2.5rem;
}

.btn--final {
  background-color: var(--faq-accent);
  color: var(--faq-navy) !important;
  padding: 1.2rem 3.5rem;
  font-size: 1.2rem;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.btn--final:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(230, 185, 74, 0.4);
}

.cta-hint {
  margin-top: 2rem;
  font-size: 0.9rem;
  color: #64748b;
  font-style: italic;
}

/* 响应式适配 */
@media (max-width: 768px) {
  .btn--final { width: 100%; justify-content: center; box-sizing: border-box; }
}

/* ===== 底部 CTA 标题视觉强化 ===== */

.cta-box__title {
  /* 1. 颜色强制纯白并增加亮度 */
  color: #ffffff !important;
  
  /* 2. 增加文字厚度，确保在深色底上不显单薄 */
  font-weight: 900 !important;
  
  /* 3. 多重投影技术：第一层深黑边缘增加锐度，第二层金色微光增加环境感 */
  text-shadow: 
    3px 3px 0px rgba(0, 0, 0, 0.8),   /* 强力深色位移阴影 */
    -1px -1px 0px rgba(0, 0, 0, 0.8), /* 反向边缘勾勒 */
    0px 0px 15px rgba(230, 185, 74, 0.3) !important; /* 金色氛围光 */
    
  /* 4. 微调字间距，提升专业阅读感 */
  letter-spacing: -0.5px !important;
  line-height: 1.1 !important;
  
  /* 5. 确保层级在最上方 */
  position: relative;
  z-index: 5;
}

/* 如果背景有干扰纹理，可以增加一层半透明黑色柔化层 */
.final-cta {
  background-image: linear-gradient(rgba(10, 25, 47, 0.8), rgba(10, 25, 47, 0.8)) !important;
}