@font-face{font-family:MuseumBrush;src:url(fonts/MaShanZheng-Regular.ttf)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#163c32;color:#294638;font-family:'PingFang SC','Microsoft YaHei',sans-serif}button,a,select{touch-action:manipulation}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #ac915c;background:#eee2c5;padding:12px 18px;min-height:48px;transition:background .18s,box-shadow .18s}button:hover{background:#f5e7c2;box-shadow:inset 0 0 0 2px #c4a66d}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b45834;outline-offset:4px}button:active{transform:translateY(1px)}button.active{background:#345a44;color:#ffe4a7;box-shadow:inset 0 0 0 3px #34543e,inset 0 0 0 4px #b69a60}button:disabled{opacity:.4;cursor:default}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:MuseumBrush;font-weight:400}#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;background:radial-gradient(ellipse at 38% 44%,#eee5c6b8,#c8cfb1e8 55%,#eadabef2),url(青绿远山.png) center/cover;overflow:hidden}#stage:after{content:'';position:absolute;inset:16px;border:1px solid #b4975a;outline:4px double #b29764;outline-offset:5px;pointer-events:none;z-index:25}header{position:absolute;left:48px;right:48px;top:29px;height:103px;display:flex;align-items:center;gap:38px;border-bottom:3px double #a88c56;z-index:12;background:linear-gradient(90deg,#eee3cbdc,#e6dcb8a0)}.identity{display:flex;gap:23px;align-items:center;width:325px;flex-shrink:0}.seal{font:25px/1.2 MuseumBrush;background:#8a432e;color:#f9e4b9;border:4px double #d6b171;padding:7px 9px;outline:1px solid #925235}.identity small{font-size:16px;letter-spacing:4px;color:#78613a}h1{font-size:60px;letter-spacing:7px;margin-top:3px}.header-note{border-left:1px solid #ac9567;padding-left:30px;min-width:295px}.header-note>span{font:31px MuseumBrush;letter-spacing:7px}.header-note p{font-size:17px;letter-spacing:2px;margin-top:9px;color:#716245}header nav{margin-left:auto;display:flex;gap:10px}header button{font-size:20px;padding:14px 19px}header .outline{background:#f1e5c6a6}#world{position:absolute;left:20px;top:139px;width:1430px;height:766px}#render{position:absolute;inset:0}#render canvas{display:block;touch-action:none;outline:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hotspot{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);white-space:nowrap;font:23px MuseumBrush;letter-spacing:2px;padding:8px 13px;min-height:42px;background:#f0e2bfdc;border:3px double #ab8c4f;box-shadow:0 4px 12px #20382533}.hotspot:after{content:'';position:absolute;left:calc(50% - 3px);bottom:-12px;width:6px;height:9px;background:#a88b4b}.hotspot.selected{background:#84462d;color:#ffe4b6;border-color:#d6b471}.hotspot[data-type="mountain"]{font-size:25px;color:#496443;background:#eee5c1b5;border-color:#89936b}.hotspot[data-type="river"]{color:#1d635d;border-color:#4c8a7d}.scene-caption{position:absolute;left:48px;top:21px;pointer-events:none;text-shadow:0 1px 8px #fff0cd}.scene-caption>span{font-size:17px;letter-spacing:5px;color:#7c6641}.scene-caption h2{font-size:39px;letter-spacing:3px;margin-top:9px}.compass{position:absolute;right:24px;top:22px;width:70px;height:70px;border:1px solid #a78e53;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6b6747;background:#eee4c283;font-size:17px}.compass #north{font:23px Georgia;color:#8c452d}.map-note{position:absolute;bottom:4px;left:49px;font-size:16px;letter-spacing:2px;color:#65715a}.scene-tools{position:absolute;right:24px;bottom:6px;display:flex;gap:9px}.scene-tools button{min-width:51px;background:#eee4c9df;font-size:19px}.scene-tools #zoom-in,.scene-tools #zoom-out{font-size:27px;padding:5px 14px}#story{position:absolute;left:1470px;top:159px;width:400px;height:726px;border:7px double #ad9058;padding:26px 24px;z-index:10;background:linear-gradient(135deg,#f7eccfd9,#ede0bcf0);box-shadow:9px 9px 0 #32503e20;display:flex;flex-direction:column;overflow:hidden}.chapterline{display:flex;gap:15px;align-items:center;font-size:16px;letter-spacing:3px;color:#8d6a3e;margin-bottom:22px}.chapterline>span:first-child{border:3px double #ad8353;font:23px MuseumBrush;padding:3px 7px;color:#954c30}#story-title{font-size:45px;line-height:1.2;letter-spacing:2px;margin-bottom:19px}#story-lead{font:22px/1.75 'Songti SC','SimSun',serif;color:#314d3a;margin-bottom:19px}#story-body{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a38b54 transparent;font-size:19px;line-height:1.75;padding-right:4px;flex:1}#story-body h3{font-size:29px;margin:18px 0 8px}#story-body p{margin-bottom:12px}#story-body .node-list{display:grid;gap:12px}.node-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:14px;background:#e5d9b670;font-size:21px;border:0;border-bottom:1px solid #b6a275}.node-list button small{font:14px sans-serif;color:#8d784e}.node-list button:hover{background:#f4e9c9}#story-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#story-actions button{flex:1;font-size:18px;padding:12px 9px}.source-hint{border-top:1px solid #bba477;margin-top:17px;padding-top:13px;font-size:14px;line-height:1.6;color:#80704e}.link-steps{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.link-steps span{font-size:16px;padding:6px 9px;background:#365443;color:#f3d99e}.detail-tabs{display:flex;margin:0 0 15px;border-bottom:1px solid #ad965f;gap:8px}.detail-tabs button{font-size:17px;padding:9px 12px;min-height:42px}.cargo-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.cargo-choice button{padding:18px 10px;font:30px MuseumBrush;background:#315540;color:#f1dcaa;border:4px double #bfa264}.cargo-choice small{display:block;font:15px sans-serif;margin-top:11px}.legend{position:absolute;left:68px;bottom:128px;display:flex;gap:5px;z-index:12;padding:9px 13px;background:#eee4c3d9;border:1px solid #b29b66;box-shadow:inset 0 0 0 4px #ece0bb66}.legend button{border:0;background:transparent;font-size:18px;padding:8px 14px;min-height:42px;display:flex;gap:11px;align-items:center}.legend button[aria-pressed=false]{opacity:.38;text-decoration:line-through}.dot{width:23px;height:5px;display:inline-block}.dot.water{background:#45998e}.dot.town{background:#a88951}.dot.road{background:#d5a14d}.dot.life{background:#995336}.transport{position:absolute;right:50px;bottom:128px;display:flex;gap:15px;align-items:center;height:60px;color:#4a583b}.transport button,.transport label{font-size:18px}.transport button{background:#e8dcbcc9}.transport select{background:#f2e6c8;padding:10px 8px;border:1px solid #b59b62}.transport label{display:flex;align-items:center;gap:10px}.transport .quiet{font-size:16px;background:transparent;border-color:transparent}footer{position:absolute;bottom:32px;left:50px;right:50px;height:80px;background:#204b3ded;color:#f5e0b5;border:6px double #b99c5c;display:flex;align-items:center;padding:5px 20px;z-index:15}footer nav{display:flex;gap:16px;flex:1}footer nav button{display:flex;align-items:center;gap:17px;border:0;background:transparent;color:#e2d2ab;padding:8px 23px;min-height:54px;position:relative}footer nav button.active{background:#426149;box-shadow:inset 0 -3px #d5b770;color:#ffe2a0}footer em{font:22px Georgia;color:#bba071}footer nav span{font:30px MuseumBrush;letter-spacing:2px}footer nav small{font-size:14px;color:#bfb993}footer .footer-extra{display:flex;align-items:center;gap:20px;font-size:17px;padding-left:30px;border-left:1px solid #a28d5a}footer .footer-extra button{border:0;background:transparent;color:#f1dcb1;font-size:17px}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#e8e1c4ee;z-index:9}#loading span{font:55px MuseumBrush}#loading p{margin-top:22px;font-size:21px}#fallback{position:absolute;inset:100px;z-index:10;background:#eee4c9;padding:80px;text-align:center}#fallback[hidden]{display:none}#fallback h2{font-size:45px}#fallback p{font-size:24px;margin:35px}#journey-bar,#tour-bar{position:absolute;left:180px;top:792px;width:1120px;z-index:14;background:#244d3df2;color:#f9e4b3;border:6px double #c3a365;display:flex;gap:22px;align-items:center;padding:18px 25px;box-shadow:0 10px 25px #28412c44}#journey-bar[hidden],#tour-bar[hidden]{display:none}#journey-name{font:29px MuseumBrush;min-width:155px}.journey-steps{display:flex;gap:16px;flex:1}.journey-steps span{font-size:19px;border-bottom:2px solid #708369;padding:10px 0;color:#aabd99}.journey-steps span.active{color:#ffe2a0;border-color:#e0b96f}.journey-steps span:not(:last-child):after{content:' ›';margin-left:10px;color:#af9e73}#journey-bar button,#tour-bar button{background:#eee1b9;font-size:18px}.tour-track{height:3px;background:#53715b;margin-top:15px}.tour-track i{display:block;width:0;height:3px;background:#d8b878}#tour-bar>div{flex:1;font-size:24px;font-family:MuseumBrush}dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:1080px;max-width:none;max-height:830px;overflow:auto;background:#f3e6c8;border:10px double #a99056;color:#2b4a38;padding:55px 62px;box-shadow:0 30px 100px #152e2780}dialog::backdrop{background:#193d31ad}dialog h2{font-size:52px;margin-bottom:25px}dialog h3{font-size:32px;margin:25px 0 10px}dialog p,dialog li{font-size:23px;line-height:1.8}dialog .muted{font-size:18px;color:#806b46}#close-dialog{position:absolute;right:15px;top:15px;font-size:30px;border:0;background:transparent}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}#toast{position:absolute;bottom:217px;left:50%;transform:translateX(-50%);z-index:30;background:#244b3dee;color:#f9e2b0;padding:15px 26px;border:3px double #b79c5e;font-size:21px;opacity:0;pointer-events:none;transition:opacity .2s}.clean #story,.clean .legend,.clean .transport,.clean .scene-caption,.clean .map-note,.clean footer{display:none}.clean #world{width:1860px}.clean #labels .hotspot{opacity:.88}.clean header nav{margin-left:auto}.clean .scene-tools{bottom:45px}.clean #journey-bar,.clean #tour-bar{top:860px}.ref-line{font-size:15px!important;color:#7d6a43}.fact{font:28px/1.5 MuseumBrush!important;margin-bottom:15px!important;padding-bottom:14px;border-bottom:3px double #b6a069}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}[hidden]{display:none!important}
/* Keep the nameplate on one line and reserve a quiet caption zone. */
.identity{width:335px;gap:16px}.identity h1{font-size:53px;letter-spacing:4px;white-space:nowrap}.identity small{font-size:15px;letter-spacing:2px}.header-note{min-width:270px;padding-left:20px}.scene-caption{z-index:2;background:linear-gradient(90deg,#ece4c8eb,#ece4c87d 83%,transparent);padding:12px 18px;top:8px;left:32px}.scene-caption h2{font-size:35px}.map-note{left:49px;bottom:69px;background:#eae1bfbd;padding:5px 10px;font-size:14px}.hotspot{font-size:22px}.hotspot.selected{z-index:8}#story-title{font-size:40px}#story-lead{font-size:21px;line-height:1.65}.chapterline{margin-bottom:15px}.source-hint{font-size:13px}.fact{font-size:25px!important;line-height:1.6!important}.node-list button{padding:11px 4px;min-height:45px}.node-list button small{font-size:13px}#story-body .node-list{gap:5px}

#story-title{font-size:38px;text-wrap:balance} .hotspot{max-width:160px} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#render{z-index:0}#labels{z-index:3}.hotspot:active{transform:translate(-50%,-100%) translateY(1px)}.scene-tools{z-index:6}.compass,.map-note{pointer-events:none;z-index:4}

#journey-bar button,#tour-bar button{color:#294638}#story-body{scrollbar-width:thin;scrollbar-color:#a98d53 #e8dcbb}#story-actions{display:flex;gap:10px}#story-actions button{flex:1}

/* 明清长卷：烟墨、赭石、旧木与绢纸。 */
html,body{background:#302f27;color:#3d4036}#stage{background:linear-gradient(100deg,#ded2b6be,#e2d8c0d9 65%,#d3c5a5ef),url(青绿远山.png) center/cover;background-blend-mode:normal,luminosity}#stage:after{border-color:#86704d;outline-color:#99825b}header{background:linear-gradient(90deg,#e9ddc6f2,#e1d5bda8);border-color:#987c4a}h1{color:#383f36}.header-note{color:#555543}header button{background:#e7dbc2;border-color:#9a8259;color:#41483e}button.active{background:#4a5145;color:#f0dfb7;box-shadow:inset 0 0 0 3px #4a5145,inset 0 0 0 4px #ad9870}button:hover{background:#ecdfc2}.scene-caption{background:linear-gradient(90deg,#e6dbc4e0,#e6dbc470 80%,transparent)}.scene-caption h2{color:#454b40;font-size:33px}.scene-caption>span{color:#8b6a43}.hotspot{font-size:21px;letter-spacing:2px;padding:7px 12px;min-height:38px;background:#e7dcc4ec;border:1px solid #8d7e5f;outline:1px solid #e2d3af;outline-offset:2px;box-shadow:0 4px 10px #2d302328;color:#45483c}.hotspot[data-type=mountain]{font-size:23px;color:#4c574a;background:#e0d8c2d9}.hotspot[data-type=river]{color:#485c58;border-color:#82938b}.hotspot.selected{background:#754d36;color:#f6e4bd;outline-color:#a88b5f}.hotspot:after{background:#9f895d;height:12px;width:1px;left:50%;bottom:-16px}#story{background:linear-gradient(120deg,#e9dec3f5,#d9c9a5f5);border-color:#9a8259;box-shadow:8px 8px 0 #4d4b3618}#story-title{color:#41473b}.chapterline{color:#8a5c3c}.chapterline>span:first-child{color:#8b4630}.legend{background:#dfd4bbed;border-color:#a08a62}.transport button,.transport select{background:#e4d8bb;color:#42493e}.dot.water{background:#718d83}.dot.road{background:#b8955a}footer{background:#454e42;border-color:#998359;box-shadow:inset 0 0 0 3px #dbcaa3}footer button.active{background:#666b52}#journey-bar,#tour-bar{background:#424d40f5;border-color:#b4a079}#story-body p{color:#484c41}.fact{color:#4d5546!important}.source-hint{color:#827359}.map-note{background:#e0d5b8ba;color:#6c6d57}.seal{background:#7d4635;color:#efdbb2}.compass{background:#ded3b9b3;border-color:#9c8b66}dialog{background:#e9dcc0;border-color:#9d865a;color:#414638}

button.active:hover,header button.active:hover{background:#4a5145;color:#f0dfb7}.detail-tabs button.active:hover{background:#4a5145;color:#f0dfb7}.hotspot:hover{background:#f0e6d0;color:#3d493f}.hotspot.selected:hover{background:#754d36;color:#f6e4bd}#labels{z-index:1}.hotspot.selected{z-index:3}.scene-caption{z-index:2}