/* DOZZON 首页设计升级层（2026-08-07 实施）
   仅 additive 覆盖，不改动既有样式；通过 /assets/css/design-upgrade.css 引入。
   对应《DOZZON 官网设计评估报告》P0/P1 项。 */

/* ---------- P0：移动端固定底部 CTA（.mobile-bar，补齐 float-contact 预留的 64px 安全区） ---------- */
.mobile-bar{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 880;
  display: none;                /* 仅移动端显示 */
  gap: 10px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  background: rgba(255,255,255,.96);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(37,99,235,.16);
  box-shadow: 0 -6px 20px rgba(15,23,42,.10);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
}
.mobile-bar a{
  flex: 1 1 0;
  height: 46px;                 /* ≥44px 点击区 */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .3px;
  text-decoration: none;
  white-space: nowrap;
}
.mobile-bar .mb-primary{
  background: #FF6B35;
  color: #fff;
  box-shadow: 0 6px 16px rgba(255,107,53,.32);
}
.mobile-bar .mb-secondary{
  background: #fff;
  color: #2563EB;
  border: 1.5px solid #2563EB;
}
.mobile-bar .mb-primary:active{ transform: translateY(1px); }
.mobile-bar .mb-secondary:active{ transform: translateY(1px); }

@media (max-width: 768px){
  .mobile-bar{ display: flex; }
  body{ padding-bottom: 64px; }   /* 避免内容被底栏遮挡 */
}

/* ---------- P0：Hero 主 CTA 视觉权重（预约样机演示 强橙 + 阴影） ---------- */
.hero-buttons .btn-primary{
  box-shadow: 0 10px 26px rgba(255,107,53,.34);
  font-weight: 700;
}
.hero-buttons .btn-primary:hover{ box-shadow: 0 14px 32px rgba(255,107,53,.42); }

/* ---------- P1：每个 Hero 幻灯片使用差异化强调色（胶囊徽章） ---------- */
.hero-slide[data-slide="0"] .hero-badge{ background: linear-gradient(135deg,#23C26B,#19a558); } /* 草本=绿 */
.hero-slide[data-slide="1"] .hero-badge{ background: linear-gradient(135deg,#FF6B35,#ff8a5c); } /* 咖啡=橙 */
.hero-slide[data-slide="2"] .hero-badge{ background: linear-gradient(135deg,#2563EB,#1D4ED8); } /* 茶饮=蓝 */

/* 桌面端主 CTA 略放大，强化层级（不影响移动端堆叠） */
@media (min-width: 769px){
  .hero-buttons .btn-primary{ font-size: 17px; padding: 15px 30px; }
  .hero-buttons .btn-outline{ font-size: 16px; padding: 14px 26px; }
}