/* ============ 夏之爽文旅 · 视觉升级补丁 ============ */
/* 借鉴主流文旅官网（黄山 / 松赞 / 拈花湾 / 莫干山）的质感手法：
   衬线大标题、金色细分割线、邀请式卡片交互、吸顶金线收口、品牌印记。
   仅做增强，不改动既有结构与色彩令牌。 */

/* 1) 衬线大标题：区块标题从无衬线 bold 升级为思源宋体，字距放松更疏朗 */
.section-title,
.dsec__head h2,
.vision__head h2,
.hero h1 {
  font-family: var(--font-serif);
  font-weight: 700;
  letter-spacing: .015em;
}

/* 2) 金色细分割线（文旅官网标志性的小金线） */
.section-title::after,
.dsec__head h2::after,
.vision__head h2::after {
  content: "";
  display: block;
  width: 54px;
  height: 2px;
  margin-top: 22px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  border-radius: 2px;
}
.dsec__head h2::after,
.vision__head h2::after { margin-left: auto; margin-right: auto; } /* 居中版式 */
.section-title::after      { margin-left: 0; margin-right: auto; }  /* 左对齐版式靠左 */

/* 3) 邀请式卡片交互：底部金色细线 hover 展开 */
.news__card, .dcard--media, .reco__item, .card { position: relative; }
.news__card::after, .dcard--media::after, .reco__item::after, .card::after {
  content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0;
  background: linear-gradient(90deg, var(--jade), var(--gold));
  transition: width .5s var(--ease); z-index: 3;
}
.news__card:hover::after, .dcard--media:hover::after,
.reco__item:hover::after, .card:hover::after { width: 100%; }

/* 4) 吸顶金线收口 */
.nav.is-scrolled             { border-bottom-color: rgba(201,168,106,.45); }
.nav--over.is-scrolled       { border-bottom-color: rgba(201,168,106,.38); }

/* 5) 数字指标衬线化，更显精致 */
.metrics b, .dmetrics b { font-family: var(--font-serif); font-weight: 700; }

/* 6) 首屏品牌印记：深绿描金圆章，竖排「夏之爽」 */
.hero__seal {
  width: 94px; height: 94px; margin: 0 auto 28px; border-radius: 50%;
  border: 1px solid rgba(201,168,106,.7);
  box-shadow: 0 0 0 4px rgba(201,168,106,.12), inset 0 0 28px rgba(201,168,106,.14);
  display: grid; place-items: center; background: rgba(9,22,17,.30);
  backdrop-filter: blur(2px); position: relative;
}
.hero__seal::before {
  content: ""; position: absolute; inset: 6px; border-radius: 50%;
  border: 1px solid rgba(201,168,106,.4);
}
.hero__seal-img { width: 62%; height: 62%; display: block; }
@media (max-width: 600px) {
  .hero__seal { width: 76px; height: 76px; margin-bottom: 20px; }
  .hero__seal-img { width: 64%; height: 64%; }
}

/* 7) 关注区块：二维码与文案左右排布 */
.follow__grid{display:flex;gap:clamp(28px,5vw,56px);align-items:center;flex-wrap:wrap}
.follow__qr{width:200px;max-width:60vw;height:auto;border-radius:18px;background:#fff;padding:12px;box-shadow:var(--shadow-2);border:1px solid rgba(201,168,106,.25)}
@media(max-width:600px){.follow__grid{flex-direction:column;text-align:center}.follow__qr{margin:0 auto}}
