/* 阅读顺序、家书位置、空间长标题与时间维度配色精修 */

/* 第二章：先认识收信人，再让家书在“金管侄子”之后出现 */
.text-chapter-2 .inline-letter{position:relative;margin:36px -3vw 48px 4vw;padding:24px;background:linear-gradient(135deg,#2d2020,#4b2926);box-shadow:0 28px 70px #2d1b1938;transform:rotate(.6deg)}
.text-chapter-2 .inline-letter:before{content:"1954";position:absolute;z-index:2;left:-26px;top:34px;padding:11px 14px;background:#a23d34;color:#f5e3c7;font:17px Georgia,serif;letter-spacing:.14em}
.text-chapter-2 .inline-letter img{width:100%;height:min(68vh,720px);max-height:none;object-fit:contain;background:#e7ddc8;padding:18px}
.text-chapter-2 .inline-letter figcaption{margin:12px 0 0;color:#d6c8ae;text-align:right;letter-spacing:.08em}

/* 博物馆名称在关系卡中分成两行，保持和其他地点相同的视觉尺度 */
.place-letter-bridge.museum-bridge{grid-template-columns:1fr 1.1fr}
.museum-bridge .bridge-mark{align-items:center}
.museum-bridge .bridge-mark b{font-size:clamp(36px,4.2vw,62px);line-height:1.16;white-space:normal}

/* 时间维度：深靛紫与旧金纸，避开空间维度的绿色体系 */
.time.page.time-v7{color:#2f2630;background:linear-gradient(145deg,#262331 0 560px,#d8bd91 560px 100%)}
.time-heading{background:radial-gradient(circle at 78% 22%,#b2704e3d,transparent 26%),linear-gradient(125deg,#252330,#3d2c3a 58%,#241f2b);color:#f4e8d2}
.time-heading:before{background:linear-gradient(90deg,#cf765a,#dfb96e 55%,transparent)}
.time-heading:after{border-color:#dfb96e4d}
.time-heading>.eyebrow{position:relative;z-index:2;color:#e1b970}
.time-heading h1{z-index:2;color:#f5ead7;text-shadow:0 12px 38px #100b13}
.time-heading h1 em{color:#efb86f}
.time-heading .time-intro{position:relative;z-index:2;color:#d8ced2}
.time-watermark{z-index:0;color:#f5c47d0c}
.time-v7>.reading-trail{color:#604d4c}
.time-v7>.reading-trail .done{color:#71382e}
.time-v7>.reading-trail .done i{background:#a94e3d;box-shadow:0 0 0 4px #a94e3d22}
.chrono-board{background:#e6cfaa;box-shadow:0 35px 85px #4b2e2833}
.chrono-years{background:#56302f;color:#f7ead4}
.chrono-years>a{color:#f5e5cd}.chrono-years>a small{color:#d9c2b3}
.chrono-years>a.active{background:#b55b43;color:#fff7e8}.chrono-years>a.active small{color:#fff0d1}
.chrono-lane{border-color:#b99c735c}
.chrono-lane>h2{background:#c9a875;color:#372936;border-color:#a9865e}
.chrono-lane>h2 span{color:#7b4135}
.chrono-node{color:#382c33;border-color:#b99c735c;background:#e7d0a8}
.chrono-node:nth-child(even){background:#ddc39b}
.chrono-node b{color:#8b4838}.chrono-node:hover{background:#efdcb9}
.chrono-node.active{background:#6c3b3b;color:#fff1dc}.chrono-node.active b{color:#efbf72}
.chrono-selected{color:#382b32;background:#efdcb8;border-color:#aa865f}
.chrono-selected small{color:#8c4b38}
.time-v7>.dimension-end{background:#3c2b38;color:#f3e7d3;border-color:#e1ba7442}
.time-v7>.dimension-end .reading-trail{color:#cdbfc1}.time-v7>.dimension-end .reading-trail .done{color:#f0c172}

/* 已删除数字叠印底部的透明重复行 */
.echo-numbers i{display:none}

@media(max-width:900px){
  .text-chapter-2 .inline-letter{margin:30px 0 45px;padding:14px}.text-chapter-2 .inline-letter:before{left:-8px;top:22px}.text-chapter-2 .inline-letter img{height:60vh;padding:10px}
  .place-letter-bridge.museum-bridge{grid-template-columns:1fr}.museum-bridge .bridge-mark b{font-size:46px}
}

@media(max-width:520px){
  .text-chapter-2 .inline-letter img{height:52vh}.museum-bridge .bridge-mark b{font-size:34px}
}
