/* ============================================================
   走过 · 攻略页皮肤补丁（guide-skin）
   叠加在 style.css + xp.css 之上，只做两件事：
     1) 导航栏「画册 / 攻略」切换器
     2) 侧栏目录底部「看照片画册」入口
   攻略页其余样式沿用原 style.css/xp.css。
   ============================================================ */

/* —— 画册 / 攻略 切换器（两页通用样式，颜色写死，深底都好看） —— */
.rl-switch {
  display: inline-flex;
  border: 1px solid rgba(231, 165, 68, 0.5);
  border-radius: 999px;
  overflow: hidden;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.rl-switch-btn {
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  padding: 0.34rem 1rem;
  color: #b3a892;
  line-height: 1;
  transition: background 0.2s ease, color 0.2s ease;
}
.rl-switch-btn.is-on {
  background: #e7a544;
  color: #0c0b09;
  font-weight: 600;
}
.rl-switch-btn:not(.is-on):hover { color: #f3ecdd; }

/* 攻略页导航在 hero 之上：加深色渐变底，保证返回/切换始终清晰可见 */
.page-guide .navbar {
  gap: 1rem;
  background: linear-gradient(180deg, rgba(7, 9, 24, 0.88), rgba(7, 9, 24, 0.42) 68%, transparent);
}
.page-guide .navbar .back-link { color: #e8dccb; }
.page-guide .navbar .back-link:hover { color: #e7a544; }

/* —— 侧栏目录底部：去画册 —— */
.trip-toc-album {
  display: block;
  margin-top: 0.7rem;
  padding-top: 0.7rem;
  border-top: 1px solid hsla(252, 8%, 22%, 0.7);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: #e7a544;
  transition: color 0.2s ease;
}
.trip-toc-album:hover { color: #f3ecdd; }