/* ===== 开始页：主视觉卡片 ===== */
.hero{
  background:var(--card);
  border-radius:28px;
  box-shadow:var(--shadow);
  overflow:hidden;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  border:1px solid rgba(255,255,255,.6);
}
.hero-main{padding:56px 48px 48px}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--main-soft);color:var(--main-deep);
  font-size:13px;font-weight:500;letter-spacing:.08em;
  padding:6px 14px;border-radius:999px;margin-bottom:22px;
}
.hero-badge svg{width:14px;height:14px;flex:none}
.hero h1{font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.35;letter-spacing:.02em}
.hero h1 em{font-style:normal;color:var(--main)}
.hero .sub{color:var(--ink-2);margin:14px 0 26px;font-size:15.5px}
.hero .desc{
  background:var(--card-2);
  border-left:3px solid var(--accent);
  border-radius:0 14px 14px 0;
  padding:14px 18px;font-size:14.5px;color:var(--ink-2);
  margin-bottom:26px;
}
.facts{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:30px}
.facts li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink)}
.facts svg{width:18px;height:18px;flex:none;color:var(--main)}
.note{font-size:12px;color:var(--ink-3);margin-top:20px;line-height:1.6}
.hero-fig{position:relative;min-height:420px}
.hero-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-fig::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(252,250,244,.16) 0%,rgba(46,92,81,.06) 45%,rgba(35,71,62,.14) 100%);
}
.hero-quote{
  position:absolute;left:26px;bottom:24px;right:26px;z-index:2;
  background:rgba(255,253,247,.88);
  backdrop-filter:blur(6px);
  border-radius:14px;padding:14px 18px;
  font-size:13.5px;color:var(--main-deep);
  font-family:'Noto Serif SC',Georgia,serif;
}

/* ===== 开始页响应式 ===== */
@media (max-width:860px){
  .hero{grid-template-columns:1fr}
  .hero-main{padding:38px 26px 34px}
  .hero-fig{min-height:240px;order:-1}
}
@media (max-width:420px){
  .hero h1{font-size:26px}
}