.chart-story{display:none!important}
.story-guide-host{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:clamp(30px,4vw,54px)!important;
  border:1px solid rgba(145,96,61,.18)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,253,249,.98),rgba(247,239,226,.96))!important;
  box-shadow:0 24px 64px rgba(45,28,16,.14)!important;
  color:#26393a!important;
  overflow:hidden!important;
  text-align:center!important;
}
.story-guide-host::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(171,76,55,.08);
  border-radius:20px;
  pointer-events:none;
}
.story-guide-copy{
  position:relative;
  z-index:2;
  width:min(980px,100%);
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  text-align:center!important;
}
.story-guide-copy__label{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:0 auto 16px;
  color:#91392e;
  font-size:13px;
  line-height:1.3;
  letter-spacing:.15em;
  font-weight:700;
}
.story-guide-copy__label::before,.story-guide-copy__label::after{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,rgba(168,69,53,.16),#a84535);
}
.story-guide-copy__label::after{transform:scaleX(-1)}
.story-guide-copy h2{
  margin:0 auto 20px!important;
  max-width:940px!important;
  font-family:"Songti SC","STSong","Noto Serif SC",serif!important;
  font-size:clamp(32px,3.4vw,48px)!important;
  line-height:1.22!important;
  letter-spacing:.015em!important;
  color:#20383a!important;
  text-align:center!important;
  text-wrap:balance;
}
.story-guide-copy p{
  width:min(940px,100%)!important;
  margin:0 auto 16px!important;
  max-width:940px!important;
  font-family:"Songti SC","STSong","Noto Serif SC",serif!important;
  font-size:clamp(17px,1.26vw,20px)!important;
  line-height:1.95!important;
  letter-spacing:.01em!important;
  color:#49382d!important;
  text-align:center!important;
  text-wrap:pretty;
}
.story-guide-copy__transition{
  margin-top:4px!important;
  padding-top:0!important;
  border-top:0!important;
  color:#58463a!important;
}
.story-guide-copy__key{
  display:table;
  width:auto;
  max-width:900px;
  margin:22px auto 0!important;
  padding:11px 22px;
  border:1px solid rgba(170,68,52,.18);
  border-left:0!important;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(174,70,53,.08),rgba(174,70,53,.03));
  color:#8a3026;
  font-size:16px;
  line-height:1.7;
  font-weight:700;
  text-align:center!important;
}
.story-guide-block{
  width:min(1360px,calc(100% - 48px));
  max-width:1360px;
  box-sizing:border-box;
  margin:0 auto 34px;
  padding:clamp(34px,4vw,54px);
  border:1px solid rgba(145,96,61,.18);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,253,249,.98),rgba(247,239,226,.96));
  box-shadow:0 24px 64px rgba(45,28,16,.14);
  text-align:center;
}
.story-guide-block .story-guide-copy{margin:0 auto!important}
/* 数字侨批局采用居中收束，和前一页居中叙事保持一致 */
.v5-bureau-hero{
  min-height:auto!important;
  padding:64px max(24px,6vw) 46px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:24px!important;
}
.v5-bureau-copy{width:min(1080px,100%)!important;margin:0 auto!important;text-align:center!important}
.v5-bureau-copy>span,.v5-bureau-copy>h1,.v5-bureau-copy>p{text-align:center!important}
.v5-bureau-hero .v5-bureau-guide{width:min(960px,100%)!important;max-width:960px!important;margin:24px auto 0!important;text-align:center!important}
.v5-bureau-hero .v5-bureau-guide .guide-title,.v5-bureau-hero .v5-bureau-guide .guide-intro,.v5-bureau-hero .v5-bureau-guide .guide-note{text-align:center!important}
.v5-bureau-hero .v5-bureau-guide .guide-steps{text-align:left!important}
.v5-bureau-tools{justify-content:center!important;margin:0 auto!important}
@media(max-width:760px){
  .story-guide-host{width:100%!important;padding:28px 18px!important;border-radius:20px!important}
  .story-guide-block{width:calc(100% - 20px)!important;padding:28px 18px!important;border-radius:20px!important}
  .story-guide-copy h2{font-size:clamp(28px,8vw,38px)!important}
  .story-guide-copy p{font-size:16px!important;line-height:1.85!important}
  .story-guide-copy__key{font-size:14px;padding:10px 16px;border-radius:16px}
  .v5-bureau-hero{padding:48px 16px 34px!important}
}


/* ===== V10-R12｜部署前响应式与可访问性修正 ===== */
html,body{max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,svg{max-width:100%}
.story-guide-block[data-story-id="lightmap"]{
  width:100%!important;
  max-width:none!important;
  margin:0 auto 34px!important;
}
#lightmap>.story-guide-block+.light-stage{margin-top:0}
#lightmap .light-stage{width:100%;max-width:100%;box-sizing:border-box}
#lightmap .light-visual{min-width:0}
#lightmap .home-grid-wrap,#lightmap .single-letter{min-width:0}
@media(max-width:980px){
  #lightmap .light-stage{min-height:auto;padding:28px 22px}
  #lightmap .light-visual{margin-top:0}
}
@media(max-width:760px){
  html,body{overflow-x:hidden}
 .story-guide-block[data-story-id="lightmap"]{width:calc(100% - 20px)!important;max-width:none!important;margin-bottom:22px!important}
  .story-guide-copy{width:100%!important}
  .story-guide-copy h2{overflow-wrap:anywhere;word-break:normal}
  .story-guide-copy p{overflow-wrap:anywhere;word-break:normal}
  #lightmap{width:100%!important;padding-inline:0!important}
  #lightmap .light-stage{width:calc(100% - 20px);margin-inline:auto;padding:20px 14px;border-radius:22px}
  #lightmap .single-letter{height:auto;min-height:250px}
  #lightmap .home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* V10-R12｜通用部署安全网 */
:where(section,article,main,header,footer,div,aside){min-width:0}
:where(table){max-width:100%}
:where(.source-table-wrap,.table-wrap,.chart-stage,.map-canvas,.figure-card,.card){max-width:100%}
:where(input,select,textarea,button){max-width:100%}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(179,73,57,.55);outline-offset:3px}
@media(max-width:760px){
  .timeline-tall{width:100%!important;max-width:100%!important;margin-inline:0!important}
  .timeline-card{padding:12px!important}
  .vertical-timeline{border-radius:20px!important}
  .project-reference-list li{overflow-wrap:anywhere}
}

/* V10-R12｜跨章节溢出与重复附录修正 */
.source-footer{display:none!important}
#compare,#data9,.close.final-no-card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
@media(max-width:720px){
  #data9.section.data9-bg>.copy.card,
  #data9.section.data9-bg>.data9-grid,
  #data9.section.data9-bg>.bridge-copy,
  #data9.section.data9-bg>.reference-note{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important
  }
  #books .shelf{
    display:grid!important;grid-template-columns:1fr!important;gap:38px!important;
    white-space:normal!important;overflow:visible!important;padding:58px 10px 30px!important
  }
  #books .book-group{
    display:flex!important;justify-content:center!important;align-items:flex-end!important;
    width:100%!important;max-width:100%!important;margin:0!important;gap:2px!important;padding-bottom:14px!important
  }
  #books .book{width:4px!important;min-width:3px!important;flex:0 1 4px!important}
  #books .book-group::before{left:50%!important;top:-34px!important;transform:translateX(-50%)!important}
}

/* V10-R12｜最终部署精修：精确覆盖全宽章节与移动端批笺 */
#data9.section.data9-bg{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.page-body.v5.v6.v5-final .ending{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:620px){
  .letter-paper,.red-frame{min-width:0!important;max-width:100%!important}
  .red-frame{
    gap:1px!important;
    padding-left:5px!important;
    padding-right:5px!important;
    justify-content:space-around!important;
  }
  .letter-col{
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(13px,3.7vw,16px)!important;
    line-height:1.4!important;
    letter-spacing:1px!important;
    padding-inline:2px!important;
    overflow-wrap:anywhere!important;
  }
}

/* V10-R12｜第五章结语宽度修正 */
.page-body.v5.v6.v5-digital .close{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* V10-R12｜平板端文献书架改为纵向分组，避免横向探索成本 */
@media(max-width:900px){
  #books .shelf{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:38px!important;
    white-space:normal!important;
    overflow:visible!important;
    padding:58px 10px 30px!important;
  }
  #books .book-group{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-end!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    gap:2px!important;
    padding-bottom:14px!important;
  }
  #books .book{width:4px!important;min-width:3px!important;flex:0 1 4px!important}
  #books .book-group::before{left:50%!important;top:-34px!important;transform:translateX(-50%)!important}
}

/* V10-R12｜桌面端文献书架完整入屏，不再依赖横向滚动 */
@media(min-width:901px){
  #books .shelf{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:62px 18px 34px!important;
  }
  #books .book-group{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-end!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    gap:1px!important;
    padding-bottom:14px!important;
  }
  #books .book{
    width:auto!important;
    min-width:2px!important;
    max-width:5px!important;
    flex:1 1 3px!important;
  }
  #books .book-group::before{
    left:50%!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
  }
}