/* 全页间距层：只管理宽度、内外边距与排版节奏。 */
:root{
  --page-width:1280px;
  --page-gutter:clamp(20px,6vw,96px);
  --section-space:clamp(52px,6vw,88px);
  --module-space:48px;
  --heading-space:32px;
  --panel-space:24px;
}
html{scroll-padding-top:96px}
.chapter,.chapter:nth-child(odd),.chapter:nth-of-type(even),#chapter-source,#chapter-lineage{
  padding:var(--section-space) var(--page-gutter)!important;
}
.chapter .chapter-head,.chapter .source-head,
.chapter .chapter-body,#chapter-lineage .chapter-body,
#chapter-source .source-stage-wrap{
  width:100%;max-width:var(--page-width);margin-left:auto;margin-right:auto;
}
.chapter .chapter-head,.chapter .source-head{
  display:block;margin-top:0;margin-bottom:var(--heading-space);padding:0;
}
.chapter .chapter-no,#chapter-source .chapter-no,#chapter-lineage .chapter-no{
  margin:0 0 16px;padding:0;gap:10px;line-height:1.4;
}
.chapter .chapter-head h2,.chapter .source-head h2{margin:0;padding:0;line-height:1.45}
.chapter .chapter-lead,#chapter-source .chapter-lead,#chapter-lineage .chapter-lead{
  margin:16px 0 0;max-width:800px;padding:0;line-height:1.95;
}
.chapter .chart-title{margin:0 0 18px;line-height:1.6}
.chapter .chart-note,#chapter-lineage .chart-note{margin:12px 0 0;padding:0;line-height:1.85}
.chapter .chapter-body+.chapter-body{margin-top:var(--module-space)}
.hero-eyebrow{margin-bottom:28px}.hero-sub{margin-top:30px}.hero-question{margin-top:16px;line-height:2}
.hero-actions{margin-top:28px;gap:24px}.hero-footnote{padding-top:18px}
.chapter-index{padding:48px max(var(--page-gutter),calc((100% - var(--page-width))/2));gap:clamp(32px,6vw,96px)}
.index-intro{padding-top:8px}.index-label{margin-bottom:16px}.index-intro>p:last-child{margin-top:20px;line-height:1.95}
.chapter-index .index-contents a{padding:17px 0;column-gap:18px}
.source-study-toolbar{margin:0;padding:16px 0;gap:20px}
#chapter-source .source-stage{padding:16px 0 0;margin:0}
#chapter-source .source-reader{margin:16px 0 18px;padding:var(--panel-space);gap:32px}
.source-reader-title h3{margin:8px 0}.source-reader-title p{margin:0}
.source-evidence summary{padding:12px 0}.source-evidence p{padding:0 20px 14px 0;margin:0}
#chapter-source .source-foot{margin:0;padding:0}
#chapter-source .source-legend{padding:0;gap:24px}
#chapter-source .source-core-panel{margin-top:24px}
#chapter-source .source-acc-summary{padding:16px 0}
#chapter-source .source-acc-group{margin:12px 0 24px}
.lineage-tools{padding:18px 0 16px;gap:14px 28px;margin:0}
.lineage-reading-status{margin:0}.lineage-filters{gap:6px}
#chapter-lineage #lineage-chart{margin:0;padding:12px 0 20px}
#chapter-lineage .lineage-focus{margin-top:32px;padding:var(--panel-space)}
#chapter-lineage .focus-head{gap:14px;margin:0 0 20px;padding:0 0 18px}
#chapter-lineage .focus-head h4{margin:0;line-height:1.4}
.direct-relations{margin:0 0 20px;padding-bottom:18px;gap:12px}
.direct-group{gap:12px}.direct-group>div{gap:6px 16px}
#chapter-lineage .focus-rel-legend{margin:0 0 18px;gap:20px}
#chapter-lineage .focus-body{gap:28px}
#chapter-lineage .focus-works{padding:0 0 0 24px}
#chapter-lineage .works-head{margin:0 0 8px;padding:0 0 14px}
#chapter-lineage .work-chip{padding:12px 0;gap:10px}
#chapter-lineage .network-zoom{padding:14px 16px;gap:16px}
#chapter-spread .spread-slider-row{margin:0;padding:18px 0;gap:16px}
.timeline-status{margin:0;line-height:1.8}
#chapter-spread #spread-world{margin:24px 0 0}
#chapter-spread #spread-coverage{margin:24px 0 0}
#chapter-change .change-grid-main{gap:36px}
#chapter-change .chain-box{margin:28px 0 0;padding:20px 0;line-height:1.9}
.torch-gallery{margin:0;padding:var(--module-space) 0 0}
.torch-phrase{margin:0;line-height:1.5}.torch-sub{margin:10px 0 24px;line-height:1.85}
.torch-imgs{gap:26px 22px}.torch-imgs figure{margin:0}.torch-imgs figcaption{margin:0;padding:10px 0 0;line-height:1.65}
#chapter-sound .player{margin:0;padding:24px 28px;gap:10px}
#chapter-sound .player-row{gap:20px}#chapter-sound .player-performer{margin:4px 0 0}
#chapter-sound .player-switch{gap:10px;align-items:center}
#chapter-sound .player-progress{margin:12px 0 0}
#chapter-sound .player-time-row{margin:0;gap:8px}
#chapter-sound .sound-viz-grid{gap:32px}
#chapter-sound .sound-viz-panel{padding:18px 0 0;margin:0}
#chapter-sound .sound-viz-head{margin:0 0 16px;gap:10px;line-height:1.7}
#chapter-sound .viz-sub-label{margin:0;padding:6px 0 0}
#chapter-sound .sound-viz-panel .live-spectrum{margin-top:14px}
#chapter-sound .school-radars{gap:32px}
#chapter-sound .school-radar-card{padding:22px 0 0;margin:0}
#chapter-sound .school-radar-card h4{margin:0 0 10px;line-height:1.4}
#chapter-sound .sr-note{margin:0 0 12px;line-height:1.85}
#chapter-sound .sr-tag{margin:12px 0 0;line-height:1.8}
#epilogue{padding:56px var(--page-gutter)!important}
#epilogue .epilogue-inner{max-width:var(--page-width);padding:0;gap:0 40px}
#epilogue .epilogue-label{margin:0 0 16px}
#epilogue h2{margin:0}
#about-data{padding:48px max(var(--page-gutter),calc((100% - var(--page-width))/2)) 88px}
#about-data h2{margin:0 0 20px}#about-data>p{margin:0 0 12px;line-height:1.95}
#about-data .data-method{margin:24px 0;padding:12px 0}
#about-data .data-method p{margin:12px 0 4px}
#about-data .mascot-row{margin:24px 0;padding:20px 0;gap:20px}
#about-data .mascot-txt{margin:8px 0 0;line-height:1.85}
#about-data .copyright{margin:28px 0 0}
@media(max-width:850px){
  :root{--module-space:36px;--heading-space:28px;--panel-space:20px}
  .chapter-index{gap:28px}.lineage-tools{gap:14px}
  #chapter-lineage .focus-works{padding:20px 0 0}
  #chapter-change .change-grid-main{gap:28px}
  #chapter-sound .sound-viz-grid{gap:24px}
}
@media(max-width:700px){
  :root{--page-gutter:20px;--section-space:44px;--module-space:32px;--heading-space:24px;--panel-space:18px}
  html{scroll-padding-top:84px}
  .chapter .chapter-no,#chapter-source .chapter-no,#chapter-lineage .chapter-no{margin-bottom:12px;gap:8px}
  .chapter .chapter-lead,#chapter-source .chapter-lead,#chapter-lineage .chapter-lead{margin-top:12px;line-height:1.9}
  .chapter .chart-title{margin-bottom:14px}.chapter .chart-note{margin-top:10px}
  .chapter-index{padding-block:32px;gap:24px}.index-label{margin-bottom:12px}.index-intro>p:last-child{margin-top:12px}
  .chapter-index .index-contents a{padding:14px 0;column-gap:12px}
  #chapter-source .source-reader{gap:14px;margin-top:12px}
  .source-study-toolbar{gap:12px;padding-block:14px}
  #chapter-lineage .lineage-focus{margin-top:24px}
  #chapter-lineage .focus-head{gap:12px;padding-bottom:14px;margin-bottom:16px}
  #chapter-lineage .focus-body{gap:20px}
  #chapter-lineage .focus-rel-legend{gap:12px}
  #chapter-lineage .network-zoom{gap:10px;padding:12px}
  #chapter-spread .spread-slider-row{gap:12px;padding-block:16px}
  #chapter-spread #spread-world,#chapter-spread #spread-coverage{margin-top:18px}
  #chapter-change .chain-box{margin-top:20px;padding-block:16px}
  .torch-sub{margin-bottom:18px}.torch-imgs{gap:20px 14px}.torch-imgs figcaption{padding-top:8px}
  #chapter-sound .player{padding:20px 16px}
  #chapter-sound .player-row{gap:14px}#chapter-sound .player-switch{gap:8px;margin-top:4px}
  #chapter-sound .sound-viz-grid{gap:24px}
  #chapter-sound .school-radars{gap:28px}
  #epilogue{padding-block:40px!important}
  #about-data{padding-top:36px;padding-bottom:84px}
  #about-data .mascot-row{gap:16px}
}