/* 宣纸 · 淡金 · 朱砂：浅色展览主题 */
:root{color-scheme:light;--bg:#f8f7f2;--bg-2:#eeeadf;--bg-3:#e9e4d7;--panel:#fffcf5;--ink:#302f28;--ink-dim:#69695b;--ink-faint:#7b7b6b;--line:#ddd6c5;--gold:#9d7a3e;--gold2:#ae8245;--accent:#a44e37;--accent-soft:#a44e37;--green:#687c60;--blue:#74848a}
body{background:#f8f7f2;color:#302f28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23806e48' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}::selection{background:#e3ceb0;color:#403021}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-color:#9e603e}
#topnav{background:#f8f7f2eb;border-color:#bca67444}.nav-brand{color:#34372e}.nav-links .nav-link{color:#787969}.nav-links .nav-link:hover,.nav-links .nav-link.active{color:#a44e37}.nav-progress-bar{background:linear-gradient(90deg,#a44e37,#b69b64,#7b8b6d)}
#hero{background:#f8f7f2}#hero::before{background:linear-gradient(90deg,#f8f7f2 0%,#f8f7f2f5 31%,#f8f7f28c 57%,#f8f7f238);z-index:1}#hero::after{background:linear-gradient(transparent,#f8f7f2)}.hero-visual{opacity:.15;filter:grayscale(1) sepia(.25);mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 28%,#000 67%),linear-gradient(transparent,#000 30%,#000 80%,transparent);mask-composite:intersect}.hero-eyebrow{color:#7e775e}.hero-eyebrow>span{background:#a44e37}.hero-title{color:#34392f}.hero-title>span:nth-child(2){color:#9d7a3e}.hero-title i{color:#a44e37;border-color:#b26d50}.hero-sub{color:#515647}.hero-question{color:#747566}.hero-cta{background:#a64f38;color:#fff8ec;border-color:#a64f38}.hero-cta:hover{background:#8d432f;color:#fff;box-shadow:0 10px 28px #a64f3826}.hero-listen{color:#555b4c;border-color:#a9a68f}.hero-coordinate{color:#8b876e}.hero-coordinate span{color:#90907b}.hero-footnote{border-color:#ad986742;color:#868670}.hero-footnote a{color:#646956}.string-console{color:#6c705b}.string-console small{color:#888777}.string-console button{background:#faf7eedb;color:#8a6531;border-color:#aa8e554d}.string-console button[aria-pressed=true]{background:#e9e1ca}.live-dot{background:#9a7c40;box-shadow:0 0 10px #a98f61}
.chapter-index{background:#eeeade;border-color:#b8a77944}.chapter-index a{color:#737661;border-color:#b8a77944}.chapter-index a:first-child{border-color:#b8a77944}.chapter-index small{color:#8a886f}.chapter-index strong{color:#727958}.chapter-index b{color:#9b9479}.chapter-index a:hover{background:#e5dfce}.chapter-index a:hover strong{color:#a44e37}
.chapter,.chapter:nth-child(odd),#chapter-source{background:radial-gradient(ellipse at 88% 15%,#c8d0b72b,transparent 45%),#f8f7f2;border-color:#b8a7793b}.chapter:nth-of-type(even){background:radial-gradient(ellipse at 10% 20%,#d8c6a726,transparent 45%),#f1eee4}.chapter::before{color:#8a795e0c}.chapter h2{color:#363a2f}.chapter-no{color:#a44e37}.chapter-lead,.source-head .chapter-lead{color:#70745f}.source-time-note{color:#8a876e}.chart-box,.source-stage,.spread-panel,.sound-viz-panel,.player{background:linear-gradient(135deg,#fffdf7,#f5f2e8);border-color:#b9a97d55;box-shadow:0 16px 35px #74664207}.chart-box:hover,.sound-viz-panel:hover{border-color:#a6905c88}.chart-title{color:#62644d}.chart-note{color:#777d68}.source-layer-label text{fill:#7b8067}.source-layer-label line{stroke:#a6a38644}.source-node text{fill:#4b513f}.source-edge-label{fill:#846b3c}.source-edge-line{stroke:#a09373}.source-edge-main .source-edge-line,.source-edge-core .source-edge-line{stroke:#a18043}.flow-trace{stroke:#ab693e;opacity:.9}.ln-leg,.ln-tier{fill:#7b7b62}.ln-node rect{fill:#f6f1df;stroke:#b5a77c}.ln-node:hover rect,.ln-node.active rect{fill:#e9e3ce;stroke:#9b7942}.ln-node-name,.ln-node-main .ln-node-name{fill:#4b503b}.ln-node-main rect{fill:#ece3c9;stroke:#a7894b}.ln-node-main{filter:none}.source-node circle,.source-node rect{fill:#eee7d5;stroke:#ac945d}.source-node-core circle,.source-node-core rect{fill:#e6d6b7;stroke:#ae6c43}.source-node:hover circle,.source-node:hover rect{fill:#e6dac1}.source-hovering .source-node.active text{fill:#713f27}.source-tooltip,.lineage-tooltip,.person-panel,.lineage-focus{background:#fffcf3!important;color:#4f5542!important;border-color:#c6b68b!important;box-shadow:0 12px 40px #73634018}.source-tooltip *,.lineage-tooltip *{color:#5e624d}.focus-head h4,.person-panel h3{color:#574f36}.focus-meta,.pp-meta{color:#7d7e65}.focus-node rect{fill:#eee7d5;stroke:#b8a374}.focus-person rect{fill:#e7d7b7;stroke:#aa7543}.focus-name,.focus-person .focus-name{fill:#524e38}.work-chip{background:#eee9dc;border-color:#c2b38b55}.work-title,.works-head{color:#6b5b36}.work-rel{color:#6c735e}.focus-back{background:#ece7d9;color:#665f47;border-color:#bcaa7d}.source-stage::after,.lineage-stage::after{color:#777a60}.chain-box{background:#eae5d6;border-color:#c0ac8055}.chain-label{color:#786d52}.chain-path{color:#625a3d}.torch-phrase{color:#896d3c}.torch-sub{color:#7c7c65}.torch-imgs figure{border-color:#bdaf8944;background:#eee9dc}.torch-imgs figcaption{color:#685d41;background:#f1ecdd}.player-track{color:#554e37}.player-performer,.player-time-row,.track-index{color:#80785f}.pp-btn{background:#a44e37;color:#fff8e8;box-shadow:0 0 0 7px #b69b5c0c}.player-switch button{background:#f0e9d8;color:#766445;border-color:#c5b48777}.player-progress{background:#ded6c1}.player-fill{background:linear-gradient(90deg,#a44e37,#c3a76c)}.sound-viz-head,.sound-viz-head strong{color:#676345}.viz-tag{background:#e9dfc8;color:#936b36;border-color:#cbb888}.viz-sub-label{color:#827d66}.school-radar-card{background:#fffaf0;border-color:#c6b68955}.school-radar-card h4{color:#806741}.sr-note,.sr-tag{color:#777961}.school-radar-card .sr-tag i{color:#89856d}.live-wave,.live-spectrum{background:transparent}.spread-toolbar,.toolbar-label{color:#77775e}.slider-val,.timeline-year{color:#9b743e}.timeline-play{background:#a44e37;color:#fff8ee}.timeline-status{color:#77775e}.exhibition-tools{background:#faf7eef2;border-color:#b9a47766;box-shadow:0 5px 25px #6453310a}.exhibition-tools button,.exhibition-tools a{color:#6e705a;border-color:#bcad8444}.exhibition-tools button:hover{color:#a44e37}#about-data{background:#eae5d8;border-color:#b7a77e55;color:#77755e}#about-data h3{color:#605e44}#about-data a{color:#98653d}#epilogue{background:radial-gradient(ellipse at center,#ded9bc66,transparent 70%),#f4f0e5}.epilogue-line{color:#74765e}.epilogue-line:last-child{color:#967240}.epilogue-string{background:linear-gradient(transparent,#bba16c,transparent)}
@media(max-width:700px){.hero-visual{opacity:.1}.source-stage{background:#fdfcf8}}

/* 统一章标与人物关系面板，覆盖历史版本的章节特例。 */
.chapter .chapter-no,#chapter-source .chapter-no,#chapter-lineage .chapter-no{display:inline-flex;align-items:center;gap:12px;margin:0 0 20px;font-family:"STSong","Songti SC","SimSun",serif;font-size:22px;font-weight:400;line-height:1.3;letter-spacing:2px;color:#a44e37}
.chapter .chapter-no::before,#chapter-lineage .chapter-no::before{content:"";display:block;width:24px;height:1px;margin-right:3px;align-self:center;background:#b9a173}
.chapter .chapter-no .cn-num,#chapter-lineage .chapter-no .cn-num{font-family:inherit;font-size:22px;font-weight:400;letter-spacing:2px;color:#a44e37}
.chapter .chapter-no .cn-dot,#chapter-lineage .chapter-no .cn-dot{font-size:16px;letter-spacing:0;color:#b29c75}
.chapter .chapter-no .cn-name,#chapter-lineage .chapter-no .cn-name{font-family:inherit;font-size:22px;font-weight:400;letter-spacing:2px;color:#696d51}
.chapter h2,#chapter-source h2,#chapter-lineage h2{font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.5;letter-spacing:2px;color:#363a2f}
.chapter .chapter-lead,#chapter-source .chapter-lead,#chapter-lineage .chapter-lead{font-size:14px;line-height:2;letter-spacing:1px;color:#70745f;max-width:800px}
#chapter-source .source-node rect{fill:#f7f3e9;stroke:#bba678;stroke-width:1.4}
#chapter-source .source-node-mid rect{fill:#f2ebda;stroke:#b6a16b}
#chapter-source .source-node-origin rect{fill:#e4eee5;stroke:#a4af85}
#chapter-source .source-node-core{filter:none}
#chapter-source .source-node-core rect{fill:#ead4b9;stroke:#ad7650;stroke-width:1.8}
#chapter-source .source-node:hover rect,#chapter-source .source-node.active rect{fill:#e5d6b8;stroke:#a77747}
#chapter-source .source-node .source-node-name{fill:#655b3f;font-size:20px}
#chapter-source .source-node-origin .source-node-name{fill:#657052}
#chapter-source .source-node-core .source-node-name{fill:#925638;font-size:25px}
#chapter-source .source-edge-label{fill:#8d7549;stroke:#f8f7f2;stroke-width:4px;paint-order:stroke}
#chapter-source .source-layer-label text{fill:#7e8168}
#chapter-source .source-legend{color:#858169;font-size:12px}
#chapter-lineage .lineage-tooltip p,#chapter-lineage .lineage-tooltip b,#chapter-lineage .lineage-tooltip span{color:#64644d}
#chapter-lineage .chart-note{font-size:12px;color:#7e8069}
#chapter-lineage .focus-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}
#chapter-lineage .focus-network{min-width:0;overflow:hidden}
#chapter-lineage .focus-tree{width:100%;min-width:0;max-width:100%;overflow:hidden}
#chapter-lineage #radial-chart{width:100%;height:580px;overflow:hidden;touch-action:pan-y}
#chapter-lineage .focus-works{width:100%;max-width:none;min-width:0;padding:18px;background:#f6f1e5;border:1px solid #c9b98e55;border-radius:3px}
#chapter-lineage .works-head{color:#7d6841;font-size:14px;letter-spacing:2px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #cab88e55}
#chapter-lineage .works-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;width:100%;max-height:560px;overflow-x:hidden;overflow-y:auto;align-items:stretch}
#chapter-lineage .work-chip{display:flex;flex:0 0 auto;align-items:center;gap:10px;width:100%;min-width:0;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #c9b98e40;border-radius:0}
#chapter-lineage .work-chip:last-child{border-bottom:0}
#chapter-lineage .work-title{flex:1;min-width:0;overflow-wrap:anywhere;color:#655d44;font-size:14px;line-height:1.7}
#chapter-lineage .work-rel{flex-shrink:0;font-size:10px;color:#8d7950;border-color:#b5a17066;background:#eae2cf;padding:2px 5px}
#chapter-lineage .work-play{flex-shrink:0;width:28px;height:28px;color:#a44e37;border:1px solid #b7a17a55;border-radius:50%;background:#fbf7ee}
#chapter-lineage .focus-back:hover{color:#9b5137;border-color:#a87950;background:#e9dfca}
.network-zoom{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;border:1px solid #c4b18755;border-radius:3px;background:#f0f2eb;color:#817453;font-size:12px}
.network-zoom label{flex-shrink:0;letter-spacing:1px}
.network-zoom input{--zoom-fill:45.4545%;flex:1;min-width:50px;height:5px;margin:0;appearance:none;border-radius:5px;background:linear-gradient(to right,#ab8150 0 var(--zoom-fill),#dcd2b9 var(--zoom-fill) 100%);cursor:pointer}
.network-zoom input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#a77845;border:3px solid #fdfcf8;box-shadow:0 0 0 1px #b39564}
.network-zoom input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#a77845;border:3px solid #fdfcf8;box-shadow:0 0 0 1px #b39564}
.network-zoom output{flex:0 0 42px;text-align:right;font-variant-numeric:tabular-nums;color:#986b3f}
.data-method{margin:22px 0;padding:14px 0;border-block:1px solid #baac8744;max-width:1000px}
.data-method summary{cursor:pointer;color:#766947;font-size:13px;letter-spacing:1px}
.data-method p{font-size:12px;line-height:2;color:#797960;margin-top:12px}
@media(max-width:800px){#chapter-lineage .focus-body{grid-template-columns:minmax(0,1fr)}#chapter-lineage .focus-works{width:100%}#chapter-lineage #radial-chart{height:460px}.network-zoom{padding:14px 12px;gap:10px}}
@media(max-width:700px){.chapter h2,#chapter-source h2,#chapter-lineage h2{font-size:27px;letter-spacing:1px}.chapter .chapter-lead,#chapter-source .chapter-lead,#chapter-lineage .chapter-lead{font-size:12px}#chapter-lineage #radial-chart{height:400px}}

/* 交互状态、弹窗与实时声音统一使用纸色，不继承旧展陈黑底。 */
:root{--tone-paper:#fdfcf8;--tone-panel:#f0f2eb;--tone-border:#d4d9cd;--tone-ink:#34453e;--tone-muted:#68746b;--tone-gold:#a77c36;--tone-red:#b35c45;--tone-green:#4f8275;--tone-slate:#6b829c}
#chapter-lineage .ln-node-name,#chapter-lineage .ln-node-main .ln-node-name{fill:#34453e}
#chapter-lineage .ln-node-main rect{fill:#eee1c4;stroke:#a77c36}
#chapter-lineage .ln-tier,#chapter-lineage .ln-leg{fill:#68746b}
#chapter-lineage .ln-leg-main{fill:#966d31}
#chapter-lineage .ln-node:hover rect,#chapter-lineage .ln-node.active rect{fill:#e9e3d0;stroke:#a77c36}
#chapter-lineage .pp-none{color:#68746b}
#chapter-source .source-edge.active .source-edge-line{stroke:#a77c36}
#chapter-source .source-node:hover rect,#chapter-source .source-node.active rect{fill:#e9dfc7;stroke:#a77c36}
.source-rel-card,.source-acc-group,.source-accordion{background:#f8f4e9;border-color:#d4d9cd;color:#34453e}
.source-rel-card p,.source-rel-line,.source-acc-group-title{color:#68746b}
.source-rel-line b{color:#806a43}
.source-accordion summary,.src-toggle{color:#897144;border-color:#c6b68c;background:#f6f0e1}
.src-toggle:hover{background:#eae0ca;color:#765b37}
.cluster-modal{background:rgba(94,91,70,.24);backdrop-filter:blur(6px)}
.cluster-modal-card{background:#fdfcf8;border:1px solid #d4d9cd;box-shadow:0 22px 65px #75654122}
.cluster-modal-head h4{color:#34453e}.cluster-modal-head h4 span{color:#a77c36}
.cluster-modal-close{background:#f0f2eb;border-color:#cbbd9c;color:#897144}
.cluster-modal-close:hover{background:#eae1ce;border-color:#a77c36;color:#b35c45}
.cluster-node rect{fill:#f0ead9;stroke:#b5a47b}.cluster-teacher rect{fill:#e8dcc2;stroke:#a77c36}
.cluster-name,.cluster-teacher .cluster-name{fill:#34453e}
.cluster-work{fill:#68746b}.cluster-node.cluster-member:hover rect{fill:#e4dbc2;stroke:#a77c36}
.cluster-modal-note{color:#68746b}
.spread-range{background:linear-gradient(90deg,#b49c6f 0%,#b49c6f var(--fill,100%),#dfd7c4 var(--fill,100%));height:7px}
.spread-range::-webkit-slider-thumb{background:#a77c36;border:3px solid #fdfcf8;box-shadow:0 0 0 1px #b8a172;width:18px;height:18px}
.spread-range::-moz-range-thumb{background:#a77c36;border:3px solid #fdfcf8;box-shadow:0 0 0 1px #b8a172;width:12px;height:12px}
.spread-legend .type-btn{color:#68746b;border-color:#d4d9cd}.spread-legend .type-btn.active{color:#897144;background:#ebe2cf;border-color:#bda67b}
.spread-detail-table{border-color:#d4d9cd}.spread-detail-table table{color:#646753}.spread-detail-table th{background:#ede7d8;color:#68746b;border-color:#d4d9cd}
.detail-title,.detail-count{color:#897144}
.torch-gallery{background:linear-gradient(180deg,#f3eee0,#f8f4e9);border-color:#d4d9cd;box-shadow:none}
.torch-phrase{color:#966d31}.torch-sub{color:#68746b}
.torch-imgs figure{background:#f0f2eb;border-color:#d4d9cd}.torch-imgs figcaption{background:#f0f2eb;color:#797052}
.heritage-box{background:#f7f3e9;border-color:#d4d9cd}.heritage-box b{color:#a77c36}.heritage-box span{color:#68746b}
.mascot-row{background:#f3edde;border-color:#d4d9cd}.mascot-row b{color:#966d31}.mascot-txt{color:#68746b}
.mascot-img{filter:drop-shadow(0 5px 9px #9a89531c)}
#chapter-sound .pp-btn,#chapter-sound .pp-btn.playing{background:#b35c45;border-color:#b35c45;color:#fffaf1}
#chapter-sound .player-switch button:hover{background:#eae1ce;border-color:#b8a172;color:#84663b}
#chapter-sound .sound-viz-head span:last-child,#chapter-sound .rms-stat i{color:#68746b}
#chapter-sound .rms-stat b{color:#34453e}
#chapter-sound .live-wave,#chapter-sound .live-spectrum{background:#fdfcf8;border-color:#d4d9cd88}
#chapter-sound .viz-tag{background:#e9e1cc;color:#897144;border-color:#d4d9cd}
#chapter-sound .viz-sub-label{color:#68746b}
#chapter-sound .player-fill{background:linear-gradient(90deg,#b35c45,#b59a65)}
#chapter-sound .school-radar-card{background:#fdfcf8;border-color:#d4d9cd}
#chapter-sound .school-radar-card h4{color:#806b44}#chapter-sound .sr-note,#chapter-sound .sr-tag,#chapter-sound .sr-tag i{color:#68746b}
.epilogue-loop span{color:#966d31}.epilogue-loop i{color:#b2a688}
#about-data h2{color:#62634e}.about-note,.copyright{color:#68746b}
#chapter-lineage .work-chip:hover{background:#eee7d555}
#chapter-lineage .work-rel{background:#efe9da;color:#847048;border-color:#c5b692}
#chapter-lineage .work-play:hover{color:#fffaf1;background:#b35c45;border-color:#b35c45}
html{scrollbar-color:#c1b494 #f0f2eb}::-webkit-scrollbar-thumb{background:#c1b494}::-webkit-scrollbar-thumb:hover{background:#a99a77}::-webkit-scrollbar-track{background:#f0f2eb}