/* 内页共用样式：关于我们 / 我们优势 / 四大板块各项目介绍页 */
.nav--over{background:linear-gradient(180deg,rgba(9,22,17,.9) 0%,rgba(9,22,17,.6) 70%,rgba(9,22,17,.16) 100%);border-bottom-color:transparent}
.nav--over.is-scrolled{background:rgba(20,51,39,.97);border-bottom-color:rgba(255,255,255,.12);box-shadow:var(--shadow-2)}

/* 内页首屏 */
.dhero{position:relative;min-height:64vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden;background:#0B1B14;color:#fff;text-align:center}
.dhero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.dhero__mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,13,.8) 0%,rgba(6,18,13,.46) 42%,rgba(6,18,13,.9) 100%)}
/* 游玩攻略首屏：武陵不夜城图较亮较杂，压深遮罩保证文字对比 */
.dhero--guide .dhero__mask{background:linear-gradient(180deg,rgba(6,18,13,.88) 0%,rgba(6,18,13,.62) 44%,rgba(6,18,13,.93) 100%)}
.dhero__glow{position:absolute;left:50%;top:44%;width:min(860px,92vw);height:min(860px,92vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(47,169,143,.2),transparent 64%);pointer-events:none}
.dhero__inner{position:relative;z-index:1;padding:120px 20px 104px;width:100%;max-width:1000px}
.dhero .eyebrow{color:var(--gold-soft);letter-spacing:.4em}
.dhero h1{font-size:clamp(2.3rem,6vw,5rem);font-weight:800;line-height:1.16;letter-spacing:-.04em;margin:22px 0 18px;text-shadow:0 6px 42px rgba(0,0,0,.42)}
.dhero h1 em{font-style:normal;color:#7FE0C7}
/* 长标题页（优势页）：第一行独占「一座山谷，把水、院、营、泉」，第二行只留「装进四季」 */
.dhero--long .dhero__inner{max-width:1140px}
.dhero--long h1{font-size:clamp(2rem,5.2vw,4.5rem)}
.dhero h1 .h1-break{display:inline}
@media(max-width:820px){
  .dhero h1 .h1-break{display:none}
  .dhero--long h1{font-size:clamp(1.9rem,6.4vw,2.9rem)}
}
.dhero__sub{color:rgba(255,255,255,.84);line-height:1.95;max-width:min(820px,92vw);margin:0 auto;font-size:clamp(.95rem,1.6vw,1.16rem)}
.dhero__tag{display:inline-block;margin-top:26px;padding:7px 18px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.42);font-size:.76rem;letter-spacing:.14em}
.dhero__actions{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* 面包屑 */
.dcrumb{background:var(--white);border-bottom:1px solid var(--line)}
.dcrumb .container{display:flex;gap:10px;align-items:center;padding-block:16px;font-size:.8rem;color:var(--ink-faint);flex-wrap:wrap}
.dcrumb a{color:var(--ink-soft)}
.dcrumb span[aria-current]{color:var(--jade-dark)}

/* 相邻分区收紧垂直留白：两段默认各 clamp(64,8vw,120)，相加 240px 太空 */
.section.dsec + .section.dsec,
.section.dsec--paper + .section.dsec,
.section.dsec + .section.dsec--paper,
.section.dsec--paper + .section.dsec--paper{padding-top:clamp(18px,2.1vw,30px)}
.section.dsec:has(+ .section.dsec),
.section.dsec--paper:has(+ .section.dsec),
.section.dsec:has(+ .section.dsec--paper),
.section.dsec--paper:has(+ .section.dsec--paper){padding-bottom:clamp(18px,2.1vw,30px)}
/* 同底色相邻时再加一条极细分隔，避免两块之间只剩一片空白 */
.section.dsec--paper:has(+ .section.dsec--paper){box-shadow:inset 0 -1px 0 rgba(27,43,35,.055)}

/* 通用分区 */
.dsec{background:var(--white)}
.dsec--paper{background:var(--paper)}
.dsec__head{text-align:center;max-width:820px;margin:0 auto clamp(38px,5vw,64px)}
.dsec__head h2{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:800;line-height:1.3;letter-spacing:-.03em;margin:16px 0 16px}
.dsec__head h2 em{font-style:normal;color:var(--jade-dark)}
.dsec__head p{color:var(--ink-soft);line-height:2;max-width:58ch;margin:0 auto}
.dsec__lead{font-family:var(--font-serif);font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.95;max-width:34ch;margin:0 auto;text-align:center;color:var(--ink);text-wrap:balance}
.br-wide{display:none}
@media(min-width:820px){.br-wide{display:block}}

/* 卡片网格 */
.dgrid{display:grid;gap:clamp(18px,2.4vw,30px)}
.dgrid--2{grid-template-columns:repeat(2,1fr)}
.dgrid--3{grid-template-columns:repeat(3,1fr)}
.dgrid--4{grid-template-columns:repeat(4,1fr)}
.dcard{padding:clamp(24px,3vw,36px);background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-1);border-top:3px solid var(--jade)}
.dcard__no{display:block;font-family:var(--font-en);font-size:.78rem;letter-spacing:.24em;color:var(--jade-dark)}
.dcard h3{font-size:1.28rem;font-weight:800;margin:14px 0 10px}
.dcard p{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.95}

/* 其他板块推荐：区块标题居中，下方 3 张卡片整体居中，避免 4 列网格在右侧留空 */
.dsec--more .dgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,2.4vw,30px)}
.dsec--more .dcard{flex:1 1 210px;max-width:300px}
@media(max-width:600px){.dsec--more .dcard{flex-basis:100%;max-width:none}}
.dcard--plain{background:var(--paper);border-top:0;border:1px solid var(--line);box-shadow:none}

/* 图文交错行 */
.drow{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center;padding-block:clamp(30px,4vw,56px);scroll-margin-top:90px}
.drow + .drow{border-top:1px solid var(--line)}
.drow:nth-child(even) .drow__img{order:2}
.drow.drow--figleft .drow__img{order:0}
.drow__img{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);position:relative}
.drow__img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s var(--ease)}
.drow:hover .drow__img img{transform:scale(1.04)}
.drow__img figcaption{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:var(--r-pill);background:rgba(9,22,17,.72);color:#fff;font-size:.68rem;letter-spacing:.08em}
.drow__body h3{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;margin:0 0 14px;letter-spacing:-.02em}
.drow__body p{color:var(--ink-soft);line-height:2}
.drow__list{margin:20px 0 0;padding-left:20px;color:var(--ink-soft);font-size:var(--text-sm);line-height:2.1}

/* 数字条 */
.dmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(34px,4vw,56px);padding-top:30px;border-top:1px solid var(--line)}
.dmetrics b{display:block;font-family:var(--font-en);font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;color:var(--forest);line-height:1.3}
.dmetrics small{display:block;margin-top:6px;font-size:.76rem;color:var(--ink-faint);letter-spacing:.06em}

/* 深绿引言 */
.dquote{position:relative;background:#0F2A1F;color:#fff;text-align:center;overflow:hidden}
.dquote::before{content:"";position:absolute;left:50%;top:-300px;transform:translateX(-50%);width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(47,169,143,.16),transparent 64%);pointer-events:none}
.dquote .container{position:relative;z-index:1;max-width:900px;padding-block:clamp(72px,9vw,120px)}
.dquote .eyebrow{color:var(--gold-soft)}
.dquote h2{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:800;line-height:1.45;letter-spacing:-.02em;margin:24px 0 22px}
.dquote h2 em{font-style:normal;color:#7FE0C7}
.dquote p{color:rgba(255,255,255,.8);line-height:2.1;font-size:var(--text-lg)}

/* 项目谱系列表（关于我们） */
.dlist{display:grid;gap:0;border-top:1px solid var(--line)}
.dlist__item{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,60px);align-items:center;padding:clamp(24px,3vw,38px) 0;border-bottom:1px solid var(--line)}
.dlist__no{font-family:var(--font-en);font-size:1.1rem;letter-spacing:.16em;color:var(--jade-dark)}
.dlist__item h3{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:800;margin:0 0 8px}
.dlist__item p{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.9;max-width:62ch}
.dlist__state{display:inline-block;margin-left:12px;padding:4px 12px;border-radius:var(--r-pill);font-size:.7rem;background:rgba(47,169,143,.12);color:var(--jade-dark);vertical-align:middle}
.dlist__state--soon{background:rgba(201,168,106,.18);color:#8A6A34}
.dlist__go{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--jade-dark);white-space:nowrap}

/* 底部 CTA 与页脚 */
.dcta{background:#0F2A1F;color:#fff;text-align:center;position:relative;overflow:hidden}
.dcta::before{content:"";position:absolute;left:50%;bottom:-420px;transform:translateX(-50%);width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(47,169,143,.18),transparent 64%);pointer-events:none}
.dcta .container{position:relative;z-index:1}
.dcta h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800}
.dcta p{color:rgba(255,255,255,.78);margin:16px auto 28px;max-width:52ch}
.dcta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.footer-extra{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.dnote{margin-top:20px;font-size:.78rem;color:var(--ink-faint);line-height:1.9}

@media(max-width:1000px){.dgrid--4{grid-template-columns:repeat(2,1fr)}.dgrid--3{grid-template-columns:repeat(2,1fr)}.drow{grid-template-columns:1fr}.drow:nth-child(even) .drow__img{order:0}}
@media(max-width:600px){.dhero{min-height:58vh}.dhero__inner{padding:105px 18px 92px}.dgrid--2,.dgrid--3,.dgrid--4{grid-template-columns:1fr}.dmetrics{grid-template-columns:repeat(2,1fr)}.dlist__item{grid-template-columns:auto 1fr;gap:14px}.dlist__go{grid-column:2;justify-self:start}}


/* 影像卡片（栏目页配图） */
.dcard--media{padding:0;overflow:hidden;border-top:0;border:1px solid var(--line);box-shadow:var(--shadow-1)}
.dcard__img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.dcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.dcard--media:hover .dcard__img img{transform:scale(1.06)}
/* 兜底：不支持 aspect-ratio 的旧版浏览器，用 padding 撑出 16:10，保证所有卡片配图高度完全一致 */
@supports not (aspect-ratio:16/10){
  .dcard__img{height:0;padding-top:62.5%}
  .dcard__img img{position:absolute;top:0;left:0}
}
.dcard__flag{position:absolute;left:12px;bottom:12px;font-style:normal;padding:5px 11px;border-radius:var(--r-pill);background:rgba(9,22,17,.76);color:#fff;font-size:.66rem;letter-spacing:.06em}
.dcard__body{padding:22px 24px 26px}
.dcard--media h3{font-size:1.18rem;margin:12px 0 8px}
.dcard--media p{font-size:var(--text-sm)}

/* 合作开发页首屏：标题「把一汪温泉，做成竹溪的冬天」必须单行 */
.dhero--coop .dhero__inner{max-width:1180px}
.dhero--coop h1{font-size:clamp(1.7rem,4.3vw,3.65rem);letter-spacing:-.015em;line-height:1.2}
.dhero--coop .dhero__sub{max-width:min(1040px,88vw);font-size:clamp(.95rem,1.3vw,1.04rem);text-wrap:balance}

/* 长段落承载条（关于我们 · 品牌叙述） */
.dstory{max-width:92ch;margin:clamp(28px,3.6vw,42px) auto 0;padding:clamp(26px,3.6vw,44px) clamp(24px,4vw,52px);
  background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r-lg);
  box-shadow:var(--shadow-1);color:var(--ink-soft);line-height:2.1}
.dstory p{margin:0}
.dstory p + p{margin-top:18px}

/* 勘查成果图 + 说明：左图右文 */
.dgeo{display:grid;grid-template-columns:1.32fr .92fr;gap:clamp(24px,3.4vw,44px);align-items:start}
.dgeo__fig{margin:0;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.dgeo__fig a{display:block;border-radius:calc(var(--r-lg) - 8px);overflow:hidden;background:var(--paper)}
.dgeo__fig img{display:block;width:100%;height:auto;transition:transform .7s var(--ease)}
.dgeo__fig a:hover img{transform:scale(1.02)}
.dgeo__fig figcaption{margin-top:12px;font-size:.75rem;color:var(--ink-faint);line-height:1.8;text-align:center;letter-spacing:.01em}
.dgeo__body{color:var(--ink-soft);line-height:2.1}
.dgeo__body p{margin:0}
.dgeo__body p + p{margin-top:16px}
.dgeo .dmetrics{grid-template-columns:repeat(2,1fr);gap:20px 24px;margin-top:clamp(22px,2.6vw,30px);padding-top:24px}
.dgeo .dnote{margin-top:18px;padding-top:0}
@media(max-width:900px){.dgeo{grid-template-columns:1fr}.dgeo .dmetrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.dhero--coop h1{font-size:1.48rem;letter-spacing:0;line-height:1.35}}

/* 手机端相邻区块间距下限，避免 18px 过紧 */
@media(max-width:600px){
  .section.dsec + .section.dsec,
  .section.dsec--paper + .section.dsec,
  .section.dsec + .section.dsec--paper,
  .section.dsec--paper + .section.dsec--paper{padding-top:26px}
  .section.dsec:has(+ .section.dsec),
  .section.dsec--paper:has(+ .section.dsec),
  .section.dsec:has(+ .section.dsec--paper),
  .section.dsec--paper:has(+ .section.dsec--paper){padding-bottom:26px}
}

/* 一日时间轴 / 四季活动（露营页） */
.dtimeline{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.8vw,38px);position:relative;margin-top:8px}
.dtimeline::before{content:"";position:absolute;left:4px;right:4px;top:5px;height:1px;background:var(--line)}
.dtimeline__item{position:relative;padding-top:34px}
.dtimeline__item::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;
  background:var(--jade);box-shadow:0 0 0 4px var(--white)}
.dtimeline__time{font-family:var(--font-en);font-size:.74rem;letter-spacing:.22em;color:var(--jade-dark);font-weight:600}
.dtimeline__item h3{font-size:1.08rem;margin:9px 0 9px;line-height:1.5}
.dtimeline__item p{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.95;margin:0}

.dseason{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,30px)}
.dseason__item{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(22px,2.6vw,32px);box-shadow:var(--shadow-1);position:relative;overflow:hidden}
.dseason__item::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--bar,var(--jade))}
.dseason__tag{font-family:var(--font-en);font-size:.66rem;letter-spacing:.2em;color:var(--ink-3);display:block;margin-bottom:12px}
.dseason__item h3{font-size:1.14rem;margin:0 0 10px}
.dseason__item p{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.95;margin:0}
.dseason__item--spring{--bar:#7CB88F}
.dseason__item--summer{--bar:#2FA98F}
.dseason__item--autumn{--bar:#C9A86A}
.dseason__item--winter{--bar:#6E8FA6}

@media(max-width:860px){
  .dtimeline{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .dtimeline::before{display:none}
  .dseason{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .dtimeline,.dseason{grid-template-columns:1fr}
}

/* 导游图与分区图例 */
.dmap{margin:0 0 22px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);background:#EDEFE7}
.dmap a{display:block;position:relative}
.dmap img{display:block;width:100%;height:auto}
.dmap__zoom{
  position:absolute;right:14px;bottom:14px;padding:7px 14px;border-radius:var(--r-pill);
  background:rgba(9,22,17,.72);color:#fff;font-size:.72rem;letter-spacing:.06em;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:background .25s var(--ease);
}
.dmap a:hover .dmap__zoom{background:var(--jade)}
.dlegend{
  list-style:none;margin:0 0 34px;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:8px clamp(12px,2vw,26px);
}
.dlegend li{display:flex;gap:9px;align-items:baseline;font-size:.82rem;color:var(--ink-soft);line-height:1.75}
.dlegend i{
  flex:none;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;font-size:.6rem;font-style:normal;font-weight:700;
  color:var(--jade-dark);background:#fff;transform:translateY(2px);
}
.dwide{margin:38px 0 0;border-radius:var(--r-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-2)}
.dwide img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.dwide figcaption{
  position:absolute;left:16px;bottom:14px;padding:6px 14px;border-radius:var(--r-pill);
  background:rgba(9,22,17,.7);color:#fff;font-size:.7rem;letter-spacing:.06em;
}
@media(max-width:720px){
  .dlegend{grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:26px}
  .dlegend li{font-size:.76rem}
  .dlegend i{width:18px;height:18px;font-size:.55rem}
  .dwide{margin-top:28px}
}
