/* =============================================================
   industry-health.html 独有样式（健康养生）
   Hero：左文 + 右侧大圆图 + 叶形叠压装饰
   现状：左文右引言卡；痛点：大编号纵向条目
   方案：图文卡片 2x2（blob 异形圆角）；案例：整圆绿带
   功能：三列卡片；FAQ：手风琴；CTA：奶油色胶带带
   ============================================================= */

/* ---------- 1. Hero 圆叶叠图 ---------- */
.hea-hero {
  position: relative; overflow: hidden;
  padding: calc(var(--header-h) + var(--topbar-h) + 60px) 0 90px;
  background: linear-gradient(160deg, #F3F0DC 0%, var(--cream) 55%, #E4EDD8 100%);
}
.hea-deco-leaf {
  position: absolute; width: 340px; height: 340px; right: -80px; bottom: -90px;
  background: rgba(191, 216, 178, .5); pointer-events: none;
  border-radius: 70% 30% 60% 40% / 45% 60% 40% 55%;
}
.hea-hero-inner {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 56px; align-items: center;
}
.hea-breadcrumb { font-size: .88rem; color: var(--ink-3); margin-bottom: 16px; }
.hea-hero h1 { margin-bottom: 18px; }
.hea-hero-sub { max-width: 560px; margin-bottom: 28px; }
.hea-hero-cta { display: flex; flex-wrap: wrap; gap: 14px; }

.hea-hero-visual { position: relative; width: min(100%, 440px); justify-self: center; }
.hea-hero-circle {
  width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;
  box-shadow: var(--clay-shadow); border: 10px solid #FFFDF6;
}
.hea-hero-circle img { width: 100%; height: 100%; object-fit: cover; }
.hea-leaf {
  position: absolute; width: 110px; height: 150px; background: var(--green);
  opacity: .85; z-index: 3;
  border-radius: 0 100% 0 100%;
}
.hea-leaf-1 { top: -30px; left: -30px; transform: rotate(-24deg); }
.hea-leaf-2 { bottom: -20px; right: -24px; transform: rotate(150deg); background: var(--yellow); }
.hea-hero-tag {
  position: absolute; bottom: 26px; left: -30px; z-index: 4; white-space: nowrap;
}

/* ---------- 2. 现状：左文右引言 ---------- */
.hea-status { background: var(--cream-2); }
.hea-status-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: center; }
.hea-status-txt .sec-kicker { margin-bottom: 12px; }
.hea-status-txt h2 { margin-bottom: 18px; }
.hea-status-txt p { margin-bottom: 16px; }
.hea-status-quote { padding: 34px 30px; position: relative; }
.hea-quote-mark {
  font-size: 3.4rem; line-height: 1; color: var(--green-3); margin-bottom: 8px; font-weight: 800;
}
.hea-status-quote p { font-size: 1.05rem; margin-bottom: 14px; }
.hea-status-quote b { font-size: .88rem; color: var(--ink-3); font-weight: 600; }

/* ---------- 3. 痛点：大编号纵向条目 ---------- */
.hea-pain-list {
  display: flex; flex-direction: column; gap: 0; max-width: 820px; margin: 0 auto;
  border-left: 3px solid var(--green); padding-left: 30px; margin-left: 20px;
}
.hea-pain-list li { position: relative; padding-bottom: 26px; }
.hea-pain-list li::before {
  content: ""; position: absolute; left: -39px; top: 6px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--yellow); border: 3px solid var(--green);
}
.hea-pain-no {
  display: inline-block; font-size: .8rem; font-weight: 800; color: var(--green-3);
  letter-spacing: 2px; margin-bottom: 4px;
}
.hea-pain-list h3 { margin-bottom: 6px; }

/* ---------- 4. 方案：图文 blob 卡 2x2 ---------- */
.hea-plans-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.hea-plan {
  overflow: hidden; box-shadow: var(--clay-shadow-sm);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.hea-plan:hover { transform: translateY(-6px); box-shadow: var(--clay-shadow); }
.hea-plan-img { height: 190px; overflow: hidden; }
.hea-plan-img img { width: 100%; height: 100%; object-fit: cover; }
.hea-plan h3 { padding: 20px 24px 0; }
.hea-plan p { padding: 8px 24px 26px; font-size: .94rem; }

/* ---------- 5. 案例：整圆绿带 ---------- */
.hea-case-band {
  background: linear-gradient(135deg, var(--green) 0%, #94BC86 100%);
  border-radius: 50% 22px 22px 22px; padding: 64px 56px; box-shadow: var(--clay-shadow);
  text-align: center; max-width: 760px; margin: 0 auto;
}
.hea-case-band h2 { color: #35482F; margin-bottom: 14px; }
.hea-case-band p { color: #3F5238; margin-bottom: 24px; }

/* ---------- 6. 功能：三列 ---------- */
.hea-feat { background: var(--cream-2); }
.hea-feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.hea-feat-grid li {
  padding: 26px 22px; border-radius: var(--radius-sm);
  background: #FFFDF6; box-shadow: var(--clay-shadow-sm);
  border-bottom: 5px solid var(--green);
}
.hea-feat-grid b { display: block; margin-bottom: 8px; }
.hea-feat-grid span { font-size: .9rem; color: var(--ink-2); }

/* ---------- 7. FAQ ---------- */
.hea-faq-wrap { max-width: 860px; margin: 0 auto; }
.hea-faq-item {
  background: #FFFDF6; border-radius: var(--radius-sm);
  box-shadow: var(--clay-shadow-sm); margin-bottom: 14px; overflow: hidden;
}
.hea-faq-item summary {
  cursor: pointer; list-style: none; padding: 18px 22px;
  font-weight: 700; display: flex; justify-content: space-between; align-items: center;
}
.hea-faq-item summary::-webkit-details-marker { display: none; }
.hea-faq-item summary::after { content: "+"; font-size: 1.3rem; color: var(--green-3); transition: transform .3s var(--ease); }
.hea-faq-item[open] summary::after { transform: rotate(45deg); }
.hea-faq-item p { padding: 0 22px 20px; color: var(--ink-2); }

/* ---------- 8. CTA ---------- */
.hea-cta-band {
  background: #FFFDF6; border: 3px solid var(--yellow-2);
  border-radius: var(--radius); padding: 56px 44px; text-align: center;
  box-shadow: var(--clay-shadow); position: relative;
}
.hea-cta-band::after {
  content: ""; position: absolute; width: 120px; height: 120px; border-radius: 50%;
  background: rgba(238, 209, 145, .4); top: -40px; right: -30px;
}
.hea-cta-band h2 { margin-bottom: 12px; }
.hea-cta-band p { margin-bottom: 22px; }
.hea-cta-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.hea-cta-tip { font-size: .9rem; color: var(--ink-3); }
.hea-more {
  margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center;
  gap: 12px; justify-content: center; font-size: .92rem;
}
.hea-more a {
  padding: 6px 16px; border-radius: 999px; background: var(--cream-2);
  border: 1.5px dashed var(--yellow-2); color: var(--ink-2); font-weight: 600;
}
.hea-more a:hover { color: var(--ink); border-color: var(--green-3); }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .hea-hero-inner, .hea-status-grid, .hea-plans-grid { grid-template-columns: 1fr; }
  .hea-feat-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .hea-feat-grid { grid-template-columns: 1fr; }
  .hea-case-band { border-radius: var(--radius); padding: 44px 26px; }
}