/* ═══ 手机版「竖向口袋书」═══
   iOS 上桌面 SVG 长镜头不可用，手机端改为竖向一屏一城市。
   只在新式小屏/触屏生效；桌面完全不受影响。 */
@media (max-width: 760px) {

  /* 关掉桌面地图装置与固定仪器 */
  #scroller, #stage, #minimap, #guide, .deckle, .overview-hold,
  .dive-layer, .lane-overlay, #exhibit { display: none !important; }

  /* 封面从固定层变普通首屏 */
  .cover { position: relative; inset: auto; min-height: 100svh; z-index: 1; }

  /* 轻吸附：一屏一城市，翻页感 */
  html { scroll-snap-type: y proximity; }
  .cover, .msec-overview, .msec-city, .msec-cape { scroll-snap-align: start; }

  .mstory { position: relative; z-index: 20; background: var(--paper); }

  .msec {
    position: relative;
    padding: 12svh 6vw 10svh;
    scroll-margin-top: 8svh;
  }
  .msec-city { min-height: 100svh; }

  .ms-kicker {
    font-family: "Hanken Grotesk", "Huiwen Fangsong", serif;
    font-size: .66rem; letter-spacing: .34em; color: var(--faint);
  }
  .ms-city-name {
    font-family: "Ma Shan Zheng", "Noto Serif SC", serif;
    font-size: 2.5rem; line-height: 1.15; color: var(--ink);
    margin-top: .7rem;
  }
  body.lang-en .ms-city-name {
    font-family: "Bodoni Moda", serif; font-style: italic; font-weight: 600;
    font-size: 2.2rem;
  }

  /* 城市插画：抠底小画直接浮在纸面上 */
  .ms-illo { margin: 5svh 0 2svh; }
  .ms-illo img { display: block; width: 100%; height: auto; }

  /* 潜入卡片：复用 .slip 内部版式，外壳在这里给 */
  .ms-slip {
    background: var(--paper2);
    border: 1px solid rgba(31, 42, 36, .25);
    box-shadow: 0 16px 40px -18px rgba(31, 42, 36, .35);
    padding: 1.25rem 1.25rem 1.1rem;
    margin-top: 1.4rem;
  }
  .ms-slip .slip-value { max-width: none; }
  .ms-slip .slip-row { flex-wrap: wrap; }
  .ms-slip .slip-leader { display: none; }
  .ms-slip .slip-shots img { width: 30%; }

  /* 总览：城市名录 + 左侧点线路径 */
  .msec-overview { min-height: 92svh; display: flex; flex-direction: column; justify-content: center; }
  .ms-ov-list {
    margin-top: 4svh;
    border-left: 1px dashed rgba(31, 42, 36, .35);
    padding-left: 1.4rem;
  }
  .ms-ov-item {
    position: relative;
    display: flex; flex-direction: column; gap: .15rem;
    padding: 1.05rem 0;
    text-decoration: none; color: inherit;
  }
  .ms-ov-item::before {
    content: ""; position: absolute; left: -1.4rem; top: 1.55rem;
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--pen);
    transform: translateX(-50%);
  }
  .ms-ov-item:active .ms-ov-name { color: var(--pen); }
  .ms-ov-name { font-family: "Ma Shan Zheng", "Noto Serif SC", serif; font-size: 1.5rem; color: var(--ink); }
  body.lang-en .ms-ov-name { font-family: "Bodoni Moda", serif; font-style: italic; }
  .ms-ov-latin {
    font-family: "Hanken Grotesk", "Huiwen Fangsong", serif;
    font-size: .62rem; letter-spacing: .3em; color: var(--faint);
  }

  /* 巷子三则：内容高度，不撑满屏 */
  .msec-lane { padding: 8svh 6vw; }
  .ms-illo-window img { width: 78%; margin: 0 auto; }
  .ms-hellos { display: flex; flex-wrap: wrap; gap: .7rem 1.6rem; margin-top: 2svh; }
  .ms-hello { display: flex; flex-direction: column; }
  .ms-hello-word {
    font-family: "Bodoni Moda", serif; font-style: italic;
    font-size: 1.35rem; color: var(--pen);
  }
  .ms-hello.tibetan .ms-hello-word { font-family: "Noto Serif Tibetan", "Kailasa", serif; font-style: normal; }
  .ms-hello-name {
    font-family: "Hanken Grotesk", "Huiwen Fangsong", serif;
    font-size: .6rem; letter-spacing: .2em; color: var(--faint); margin-top: .2rem;
  }

  .ms-illo-shelf img { width: 88%; margin: 0 auto; }
  .ms-quest-intro {
    font-family: "Huiwen Fangsong", "Noto Serif SC", serif;
    font-size: 1.02rem; color: var(--ink); margin-top: 2svh;
  }
  .ms-quest-para { font-size: .92rem; line-height: 1.9; color: var(--ink-soft); margin-top: 1rem; }
  .ms-quest-para .under { border-bottom: 1px solid rgba(47, 77, 104, .55); padding-bottom: 1px; }

  .ms-illo-shop { cursor: pointer; }
  .ms-illo-shop img {
    width: 82%; margin: 0 auto;
    filter: brightness(.72) saturate(.85);
    transition: filter .8s ease;
  }
  .ms-illo-shop.lit img { filter: none; }
  .ms-shop-hint {
    margin-top: 1.6svh; text-align: center;
    font-family: "Hanken Grotesk", "Huiwen Fangsong", serif;
    font-size: .62rem; letter-spacing: .3em; color: var(--faint);
  }

  /* 开普敦收尾 */
  .msec-cape { min-height: 72svh; display: flex; flex-direction: column; justify-content: center; text-align: center; }
  .ms-cape-latin {
    font-family: "Hanken Grotesk", "Huiwen Fangsong", serif;
    font-size: .62rem; letter-spacing: .42em; color: var(--faint);
  }
  .ms-cape-name {
    font-family: "Ma Shan Zheng", "Noto Serif SC", serif;
    font-size: 2.1rem; color: var(--faint); margin-top: 1.4rem;
  }
  .ms-cape-line {
    font-family: "Bodoni Moda", serif; font-style: italic;
    font-size: 1.15rem; color: var(--ink-soft); margin-top: 1.2rem;
  }
}