/* =============================================================
   industry-travel.html 独有样式（旅游出行）
   Hero：背景图+右侧白卡；现状：宽栏
   痛点：五卡网格；方案：纵向编号条；案例：横幅
   功能：胶囊流；FAQ：手风琴；CTA：绿色带
   ============================================================= */

/* ---------- 1. Hero ---------- */
.trv-hero {
  position: relative; min-height: 560px;
  display: flex; align-items: center; overflow: hidden;
  padding: calc(var(--header-h) + var(--topbar-h) + 60px) 0 70px;
}
.trv-hero-bg {
  position: absolute; inset: 0;
  background: url("../images/industry-travel.jpg") center/cover;
}
.trv-hero-mask {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(91, 83, 70, .15) 0%, rgba(91, 83, 70, .55) 60%, rgba(91, 83, 70, .75) 100%);
}
.trv-hero-inner { position: relative; z-index: 2; }
.trv-hero-card {
  max-width: 520px; margin-left: auto;
  background: rgba(255, 253, 246, .96);
  border-radius: var(--radius); padding: 38px 36px;
  box-shadow: var(--clay-shadow-lg);
}
.trv-hero-card h1 { margin: 10px 0 14px; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.trv-hero-card p { margin-bottom: 22px; }
.trv-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- 2. 现状 ---------- */
.trv-status-txt { max-width: 860px; margin: 0 auto; }
.trv-status-txt h2 { margin-bottom: 18px; }
.trv-status-txt p { margin-bottom: 14px; }

/* ---------- 3. 痛点五卡 ---------- */
.trv-pain { background: var(--cream-2); }
.trv-pain-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
.trv-pain-card { padding: 24px 22px; transition: transform .3s var(--ease); }
.trv-pain-card:hover { transform: translateY(-5px); }
.trv-pain-card h3 { margin-bottom: 6px; font-size: 1.02rem; }
.trv-pain-card p { font-size: .9rem; }

/* ---------- 4. 纵向编号条 ---------- */
.trv-plans-list { display: flex; flex-direction: column; gap: 14px; max-width: 880px; }
.trv-plan {
  display: flex; gap: 20px; align-items: center;
  background: linear-gradient(165deg, #FFFDF6, var(--cream-2));
  border-radius: var(--radius); padding: 22px 26px; box-shadow: var(--clay-shadow-sm);
}
.trv-plan-no {
  flex-shrink: 0; width: 54px; height: 54px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; background: linear-gradient(180deg, #FDF6E4, var(--yellow));
  box-shadow: var(--clay-shadow-sm);
}
.trv-plan h3 { margin-bottom: 4px; }

/* ---------- 5. 案例横幅 ---------- */
.trv-case-band {
  background: linear-gradient(135deg, var(--green) 0%, var(--green-3) 100%);
  border-radius: var(--radius); padding: 50px 46px; text-align: center;
  box-shadow: var(--clay-shadow);
}
.trv-case-band h2 { color: #2F4029; margin-bottom: 12px; }
.trv-case-band p { color: #3F5238; margin-bottom: 24px; }

/* ---------- 6. 胶囊 ---------- */
.trv-feat-chips { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.trv-feat-chips li {
  padding: 11px 24px; border-radius: 999px; font-weight: 600;
  background: #FFFDF6; box-shadow: var(--clay-shadow-sm);
  border: 2px solid transparent; transition: border-color .3s, transform .3s;
}
.trv-feat-chips li:hover { border-color: var(--green-2); transform: translateY(-3px); }

/* ---------- 7. FAQ ---------- */
.trv-faq { background: var(--cream-2); }
.trv-faq-wrap { max-width: 820px; margin: 0 auto; }
.trv-faq-item {
  background: #FFFDF6; border-radius: var(--radius-sm);
  box-shadow: var(--clay-shadow-sm); margin-bottom: 14px; padding: 4px 22px;
}
.trv-faq-item summary {
  cursor: pointer; list-style: none; padding: 15px 0; font-weight: 700;
  display: flex; justify-content: space-between; gap: 12px;
}
.trv-faq-item summary::-webkit-details-marker { display: none; }
.trv-faq-item summary::after { content: "+"; color: var(--green-3); font-size: 1.3rem; transition: transform .3s; }
.trv-faq-item[open] summary::after { transform: rotate(45deg); }
.trv-faq-item p { padding: 0 0 16px; font-size: .94rem; }

/* ---------- 8. CTA ---------- */
.trv-cta-band {
  background: linear-gradient(135deg, #A7C99A 0%, var(--green-3) 100%);
  border-radius: var(--radius); padding: 54px 46px; text-align: center;
  box-shadow: var(--clay-shadow);
}
.trv-cta-band h2 { color: #2F4029; margin-bottom: 12px; }
.trv-cta-band p { color: #3F5238; margin-bottom: 22px; }
.trv-cta-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-bottom: 16px; }
.trv-cta-tip { font-size: .9rem; color: #35482F; }
.trv-more { text-align: center; margin-top: 26px; font-size: .92rem; color: var(--ink-3); }
.trv-more a { color: var(--green-3); font-weight: 600; margin: 0 4px; }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .trv-pain-grid { grid-template-columns: 1fr 1fr; }
  .trv-hero-card { margin: 0 auto; }
}
@media (max-width: 600px) { .trv-pain-grid { grid-template-columns: 1fr; } }