/* 公益爱心 / 旅途故事 页共享基础（charity.html + journey.html）
   由两页逐字相同的规则抽离（2026-09-05），页面 CSS 仅保留各自差异部分。
   加载顺序：common.css → 本文件 → 页面 CSS。:root 变量已由 common.css 提供，不再重复。 */
body{color:var(--ink);background:var(--bg);line-height:1.7;letter-spacing:.3px}
.wrap{max-width:1200px;margin:0 auto;padding:24px}
h1,h2,h3,h4,h5{font-weight:700;line-height:1.4}

/* HERO */
.hero{position:relative;width:100%;height:58vh;min-height:440px;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.55) 100%);display:flex;align-items:flex-end}
.hero-overlay .inner{width:100%;max-width:1200px;margin:0 auto;padding:0 28px 64px;color:#fff}
.hero-overlay .kicker{font-size:13px;letter-spacing:6px;color:#FFD9A8;font-weight:600;margin-bottom:14px}
.hero-overlay h1{font-size:38px;font-weight:800;letter-spacing:3px;line-height:1.4;margin-bottom:18px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.hero-overlay .lead{font-size:16px;line-height:2.1;max-width:780px;color:rgba(255,255,255,.95);letter-spacing:.8px}

/* 通用区块 */
.block{padding:48px 0}
.title{font-size:30px;font-weight:800;letter-spacing:2px;margin-bottom:8px}
.title-en{font-size:13px;color:var(--ink-light);letter-spacing:1.5px;margin-bottom:24px;font-style:italic}
.sub{font-size:14.5px;line-height:2.1;color:var(--ink-light);margin-bottom:32px;max-width:920px;letter-spacing:.4px}

/* CTA */
.cta-banner{margin-top:24px;background:linear-gradient(135deg,#F08200 0%,#D96600 100%);border-radius:var(--radius);padding:36px 32px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta-banner h3{font-size:22px;font-weight:700;letter-spacing:2px;margin-bottom:10px}
.cta-banner p{font-size:14px;opacity:.92;margin-bottom:18px;letter-spacing:1px}
.cta-banner .btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-banner .btn{background:#fff;color:var(--orange);font-size:14px;font-weight:600;padding:10px 26px;border-radius:24px;letter-spacing:1.5px;transition:all .25s}
.cta-banner .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.cta-banner .btn.outline{background:transparent;color:#fff;border:1.5px solid #fff}
.cta-banner .btn.outline:hover{background:rgba(255,255,255,.08)}

/* 响应式（两页共有部分） */
@media(max-width:900px){
  .hero-overlay h1{font-size:28px}
  .hero{height:50vh}
}
@media(max-width:640px){
  .block{padding:40px 0}
  .hero{height:56vh}
  .hero-overlay h1{font-size:24px}
  .title{font-size:24px}
  h2.title{font-size:22px}
}