/* 大象民宿 · 在地声音 · 直接照搬原网站 dxms.top 代码 */

/* ══ 在地声音：淡雾绿 feature 面板（roadbook .color-green 复刻）══ */
.section.green{color:var(--ink)}
.section.green .kicker{color:var(--slate)}
.section.green .kicker .hash{color:var(--ink);opacity:.6}
.section.green .sec-head h2{color:var(--ink)}
.section.green .sec-head .sec-sub{color:var(--slate)}

/* ══ 章节折叠：满宽 roadbook 式（文本 +/− + 单开 + 默认折叠）══ */
/* 逐块分层青灰背景，对齐 roadbook .info-block:nth-of-type(1..4) */
.vband{margin:0}
.vband-inner{max-width:100%;margin:0 auto;padding:0}
.vchap{margin:0}
.vchap:nth-of-type(1){background:#c6d2ce}
.vchap:nth-of-type(2){background:rgba(198,210,206,.8)}
.vchap:nth-of-type(3){background:rgba(198,210,206,.6)}
.vchap:nth-of-type(4){background:rgba(198,210,206,.4)}
.vchap-h{display:flex;align-items:center;gap:14px;width:100%;max-width:1140px;margin:0 auto;background:none;border:0;cursor:pointer;padding:24px 22px;text-align:left;color:var(--ink);font-family:inherit}
.vnum{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.14em;color:#8f8a7c;flex-shrink:0}
.vtitle{font-family:var(--serif-display);font-weight:300;font-size:clamp(22px,3vw,30px);line-height:1.25;color:var(--ink);flex:1}
.vchap-h:hover .vtitle{color:var(--slate)}

/* 白圆钮：SVG 细线 +/−（55px 圆、1.75px 描边、opacity 80→100），展开时竖线淡出变 − */
.vbtn{
  flex-shrink:0; width:55px; height:55px; border-radius:50%;
  background:#fff; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  opacity:.8; transition:opacity .3s ease-out; user-select:none; padding:0;
}
.vbtn .vico{display:block;width:22px;height:22px}
.vbtn .vico line{stroke:var(--ink);stroke-width:1.75;stroke-linecap:round}
.vbtn .v-vert{transition:opacity .3s ease}
.vchap.is-open .vbtn .v-vert{opacity:0}
.vchap-h:hover .vbtn{opacity:1}

.vchap-h:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.vchap-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease;max-width:1140px;margin:0 auto}
.vchap-body.is-collapsed{grid-template-rows:0fr}
.vchap-body>.vwrap{overflow:hidden;min-height:0;min-width:0;padding:0 22px 26px 50px;max-width:1140px;margin:0 auto;transition:padding .3s ease}
.vchap-body.is-collapsed>.vwrap{padding:0 22px 0 50px}
.vchap-body p{margin:0 0 22px;font-family:var(--serif-body);font-size:17px;font-weight:300;line-height:1.85;color:#2b2f33}
.vchap-body p:last-child{margin-bottom:0}
.vchap-body p b{color:var(--ink);font-weight:700}
.vchap-body p.vsub{font-family:var(--serif-display);font-weight:700;font-size:17px;line-height:1.4;color:var(--ink);margin:24px 0 8px}

/* 响应式（roadbook @max-width:991.98px 实测断点） */
@media (max-width:991.98px){
  .vchap-h{padding:18px 16px}
  .vtitle{font-size:20px}
  .vbtn{width:44px;height:44px;padding:0;margin:0 0 0 14px}
  .vbtn .vico{width:18px;height:18px}
  .vchap-body>.vwrap{padding:0 16px 20px}
  .vchap-body.is-collapsed>.vwrap{padding:0 16px 0}
}
@media (prefers-reduced-motion:reduce){.vchap-body{transition:none}.vchap-body>.vwrap{transition:none}}

/* ══ 在地声音 · 图片封面 + 导语 + 尾声（与青灰渐变带一体化）══ */
.section.green.voice-has-cover{padding-top:0;padding-bottom:0}
.voice-cover{position:relative;width:100%;min-height:clamp(320px,42vh,460px);display:flex;align-items:flex-end;overflow:hidden;background:var(--slate)}
.voice-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.voice-cover-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(37,41,43,.30) 0%,rgba(37,41,43,.10) 40%,rgba(37,41,43,.55) 100%)}
.voice-cover-inner{position:relative;z-index:2;width:100%;padding:0 40px 46px}
.section.green .voice-cover .kicker{color:rgba(255,255,255,.92);display:block;margin-bottom:14px}
.section.green .voice-cover .kicker .hash{color:#fff;opacity:.7}
.voice-cover-title{font-family:'LXGW WenKai',"Kaiti SC","STKaiti","KaiTi","楷体","FangSong","仿宋","Songti SC","Noto Serif CJK SC",serif;font-weight:400;font-size:clamp(34px,5.5vw,58px);line-height:1.12;letter-spacing:.01em;color:#fff;margin:0;text-shadow:0 12px 36px rgba(37,41,43,.4);max-width:15ch}

/* 导语：坐在首档青灰 #c6d2ce 上，与折叠带连片 */
.voice-lede{background:#cdd8d4;padding:44px 0 30px}
.voice-lede-inner{max-width:1140px;margin:0 auto;padding:0 22px}
.voice-lede p{font-family:var(--serif-body);font-size:16.5px;font-weight:300;line-height:1.85;color:var(--ink);margin:0;text-align:left}
.voice-outro{max-width:1140px;margin:34px auto 0;padding:26px 22px 0;border-top:1px solid rgba(37,41,43,.14)}
.voice-outro p{font-size:19px;font-weight:300;line-height:1.9;color:#2b2f33;margin:0 0 16px}
.voice-outro p:last-child{margin-bottom:0}
@media (max-width:991.98px){
  .voice-cover{min-height:clamp(280px,38vh,380px)}
  .voice-cover-inner{padding:0 22px 34px}
  .voice-cover-title{font-size:clamp(28px,7vw,40px);max-width:18ch}
  .voice-lede{padding:34px 0 24px}
  .voice-lede-inner{padding:0 20px}
  .voice-outro p{font-size:16px}
}
.vlist{list-style:none;margin:0 0 18px;padding:0}
.vlist li{margin-bottom:12px;line-height:1.8;font-size:19px;color:#2b2f33}
.vlist li b{color:var(--ink);font-weight:700}
.voice-outro p{font-size:19px;font-weight:300;line-height:1.9;color:#2b2f33;margin-bottom:16px}