/* ==========================================================================
   南途锦域建站 - 首页专属样式
   首页独有的模块微调（其余通用组件见 components.css）
   ========================================================================== */

/* 首页 hero 标题字符微光 */
.hero h1 .yel {
  text-shadow: 0 0 30px rgba(167, 139, 218, 0.4);
}

/* 首页 hero 统计区下沿分隔 */
.hero-stats {
  position: relative;
  padding-top: 30px;
}

.hero-stats::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, var(--purple-glow), transparent);
}

/* 首页服务区模块编号微调 */
.svc-body .step-no::before {
  content: "— ";
  color: var(--purple);
}

/* 首页案例卡片标题字距 */
.case-info h3 {
  letter-spacing: 0.5px;
}

/* 首页流程区步骤圆环内层光晕 */
.step-circle {
  position: relative;
}

.step-circle::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  border: 1px dashed rgba(167, 139, 218, 0.3);
}

/* 首页资讯列表项左侧装饰条 */
.news-item {
  position: relative;
}

.news-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 3px;
  background: var(--purple);
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.news-item:hover::before {
  opacity: 1;
}

/* 首页 CTA 渐变光带 */
.cta-band::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 60%;
  transform: translateY(-50%);
  background: linear-gradient(180deg, var(--purple-glow), var(--purple-deep));
  border-radius: 2px;
}

/* 首页 hero 背景叠加紫雾 */
.hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% 30%, rgba(107, 75, 168, 0.18) 0%, transparent 50%);
  z-index: 1;
}