/* =====================================================================
   悦蓝里S酒店 · 内页扩展样式  pages.css  v1  (2026-10-03)
   依赖并复用 css/style.css 的设计变量与基础组件（.container/.btn/.section-*）
   ===================================================================== */

/* ---------- 面包屑 ---------- */
.crumbs{font-size:.8rem;color:var(--ink-3);padding:18px 0 0}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--gold-ink)}
.crumbs .sep{margin:0 .5em;color:var(--line-strong)}
.crumbs .cur{color:var(--ink-2)}

/* ---------- 内页页头 ---------- */
.page-hero{padding:56px 0 34px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper-tint),var(--paper))}
.page-hero .page-tag{font-size:.72rem;letter-spacing:.22em;color:var(--gold-ink);
  text-transform:uppercase;margin:0 0 10px;font-family:var(--font-display)}
.page-hero h1{font-family:var(--font-display);font-size:clamp(1.6rem,4.4vw,2.4rem);
  line-height:1.25;margin:0 0 12px;color:var(--ink);font-weight:600}
.page-hero .page-lead{color:var(--ink-2);max-width:52em;margin:0;font-size:1rem;line-height:1.85}
.page-hero .page-meta{margin-top:14px;font-size:.85rem;color:var(--ink-3)}
.page-hero .page-meta b{color:var(--gold-ink);font-weight:600}

/* ---------- 通用分区 ---------- */
.sec{padding:46px 0}
.sec.tint{background:var(--paper-tint)}
.sec h2.sec-h{font-family:var(--font-display);font-size:1.35rem;margin:0 0 18px;
  color:var(--ink);font-weight:600}
.sec p.sec-p{color:var(--ink-2);line-height:1.95;margin:0 0 14px;font-size:.98rem}

/* ---------- 卡片网格 ---------- */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:820px){.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.g2,.g3{grid-template-columns:1fr}}

.icard{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px}
.icard h3{font-family:var(--font-display);font-size:1.05rem;margin:0 0 8px;color:var(--ink);font-weight:600}
.icard p{margin:0;color:var(--ink-2);font-size:.92rem;line-height:1.85}
.icard .k{display:inline-block;font-size:.72rem;letter-spacing:.1em;color:var(--gold-ink);
  border:1px solid var(--gold-faint);background:var(--gold-glow);border-radius:99px;
  padding:2px 10px;margin-bottom:10px}

/* ---------- 房型详情页 ---------- */
.room-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start;padding:34px 0}
@media (max-width:820px){.room-hero{grid-template-columns:1fr}}
.room-hero figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.room-hero figure img{width:100%;height:auto;display:block}
.room-hero h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.1rem);
  margin:0 0 10px;color:var(--ink);font-weight:600}
.room-hero .room-lead{color:var(--ink-2);line-height:1.95;margin:0 0 18px;font-size:.98rem}
.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 20px}
.spec div{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.spec dt{font-size:.72rem;letter-spacing:.12em;color:var(--ink-3);margin:0 0 3px}
.spec dd{margin:0;font-size:.95rem;color:var(--ink);font-weight:600}
.feat{list-style:none;padding:0;margin:0 0 22px}
.feat li{position:relative;padding-left:24px;margin-bottom:9px;color:var(--ink-2);font-size:.93rem;line-height:1.7}
.feat li::before{content:"";position:absolute;left:0;top:.5em;width:13px;height:13px;border-radius:50%;
  background:var(--gold-glow);border:1px solid var(--gold-soft)}
.feat li::after{content:"";position:absolute;left:4px;top:.72em;width:5px;height:3px;
  border-left:1.6px solid var(--gold-ink);border-bottom:1.6px solid var(--gold-ink);transform:rotate(-45deg)}
.room-cta{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 房型卡片（总览页） ---------- */
.rcards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:700px){.rcards{grid-template-columns:1fr}}
.rcard{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:box-shadow .25s,transform .25s}
.rcard:hover{box-shadow:0 10px 30px rgba(30,42,54,.12);transform:translateY(-2px)}
.rcard img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.rcard .b{padding:16px 18px 18px}
.rcard h3{font-family:var(--font-display);font-size:1.05rem;margin:0 0 6px;color:var(--ink);font-weight:600}
.rcard p{margin:0 0 10px;color:var(--ink-2);font-size:.88rem;line-height:1.7}
.rcard .more{font-size:.85rem;color:var(--gold-ink);font-weight:600}

/* ---------- 数据条 ---------- */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 0}
@media (max-width:700px){.facts{grid-template-columns:repeat(2,1fr)}}
.facts div{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center}
.facts b{display:block;font-family:var(--font-display);font-size:1.25rem;color:var(--gold-ink);font-weight:600}
.facts span{font-size:.78rem;color:var(--ink-3)}

/* ---------- FAQ ---------- */
.faq details{background:var(--white);border:1px solid var(--line);border-radius:10px;
  padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600;color:var(--ink);font-size:.95rem}
.faq p{color:var(--ink-2);font-size:.9rem;line-height:1.9;margin:10px 0 0}

/* ---------- 点评卡 ---------- */
.rcols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:820px){.rcols{grid-template-columns:1fr}}
.revcard{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px}
.revcard .stars{color:var(--gold);letter-spacing:2px;font-size:.9rem}
.revcard p{color:var(--ink-2);font-size:.9rem;line-height:1.9;margin:10px 0}
.revcard .who{font-size:.8rem;color:var(--ink-3)}
.revcard .who b{color:var(--ink-2);font-weight:600}

/* ---------- 栏目 hub ---------- */
.hublist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:640px){.hublist{grid-template-columns:1fr}}
.hublist a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  background:var(--white);border:1px solid var(--line);border-radius:10px;padding:13px 16px;
  text-decoration:none;color:var(--ink-2);font-size:.9rem;transition:border-color .2s}
.hublist a:hover{border-color:var(--gold-soft)}
.hublist a b{color:var(--ink);font-weight:600;font-size:.92rem}
.hubs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.hubs a{font-size:.82rem;color:var(--gold-ink);text-decoration:none;border:1px solid var(--gold-faint);
  background:var(--white);border-radius:99px;padding:5px 14px}
.hubs a.on{background:var(--gold-ink);color:#fff;border-color:var(--gold-ink)}

/* ---------- 页内 CTA 条 ---------- */
.cta-strip{background:var(--ink-navy);color:#fff;border-radius:14px;padding:26px 28px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.cta-strip h3{margin:0 0 6px;font-family:var(--font-display);font-size:1.15rem;font-weight:600}
.cta-strip p{margin:0;font-size:.87rem;opacity:.85}
.cta-strip .btns{display:flex;gap:10px;flex-wrap:wrap}
.cta-strip a.btn-primary{background:var(--gold);color:#fff}
.cta-strip a.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}

/* ---------- 返回链接 ---------- */
.backline{padding:26px 0 44px;text-align:center}
.backline a{color:var(--gold-ink);text-decoration:none;font-size:.9rem;font-weight:600}