@font-face{font-family:Brush;src:url(fonts/MaShanZheng-Regular.ttf)}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#30362c;color:#41483b;font:22px/1.7 'PingFang SC','Microsoft YaHei',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Brush;font-weight:400}button,input,select{font:inherit;color:inherit}button{background:#e5d8ba;border:1px solid #a18b62;padding:10px 17px;min-height:48px;cursor:pointer;touch-action:manipulation}button:hover{background:#f0e2bf}button.active,button.primary{color:#f5e2b4;background:#535d47}button.active:hover,button.primary:hover{background:#6a7458}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ab5d37;outline-offset:3px}select,input{background:#eee2c8;border:1px solid #aa9061;padding:8px;min-height:44px}a{color:inherit}#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;background:linear-gradient(95deg,#e2d5bce8,#e6ddc4c9),url(远景.png) center/cover}#stage:after{content:'';position:absolute;inset:17px;outline:4px double #aa9063;border:1px solid #aa9063;outline-offset:5px;pointer-events:none;z-index:30}#stage>header{position:absolute;left:48px;right:48px;top:28px;height:105px;display:flex;align-items:center;gap:20px;border-bottom:3px double #a58f63}header small{font-size:15px;letter-spacing:3px}header h1{font-size:49px;line-height:1.2;letter-spacing:3px}.seal{font:25px/1.2 Brush;background:#80503b;color:#f3dfb8;border:4px double #bf9e69;padding:7px 10px}header>p{font:27px Brush;margin-left:30px;letter-spacing:3px}header>button{margin-left:auto;font-size:18px}header>a{font-size:16px;text-decoration:none}#scene{position:absolute;left:295px;top:152px;width:1150px;height:787px}#render,.labels{position:absolute;inset:0}.labels{pointer-events:none;z-index:2;overflow:hidden}canvas{display:block;touch-action:none}.hotspot{position:absolute;transform:translate(-50%,-100%);font:22px Brush;white-space:nowrap;padding:6px 12px;min-height:40px;pointer-events:auto;background:#e5d9bced;border:3px double #9d8257;box-shadow:0 3px 8px #1c2c2625}.hotspot:after{content:'';position:absolute;bottom:-14px;left:50%;height:11px;width:1px;background:#a58f61}.viewtools{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap;z-index:4}.viewtools button{font-size:17px;padding:8px 12px}#loading{position:absolute;inset:0;background:#e5d9bee0;display:grid;place-content:center;z-index:9;font:38px Brush}#boundary{position:absolute;bottom:26px;left:52px;right:52px;font-size:15px;color:#7c7356;border-top:1px solid #b4a27a;padding-top:9px}#specific h2{font-size:39px;line-height:1.3;margin:12px 0 22px}#specific h3{font-size:28px;line-height:1.4;margin:16px 0 10px}#specific p{font-size:20px;line-height:1.8}#specific small{font-size:15px;color:#94744b}#specific .source{font-size:15px;color:#8b7754}dialog{width:1040px;max-height:870px;padding:55px;background:#efe2c7;color:#414c3c;border:8px double #ac9261}dialog::backdrop{background:#233326b5}dialog h2{font-size:42px;margin-bottom:20px}dialog h3{font-size:30px;margin:20px 0 12px}dialog p{font-size:23px;line-height:1.9;margin-bottom:15px}dialog .source{font-size:18px;color:#827052}#close-dialog{position:absolute;right:8px;top:8px;font-size:28px;border:0;background:transparent}#toast{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);background:#42523e;color:#f5e2b7;padding:13px 22px;opacity:0;pointer-events:none;z-index:25}[hidden]{display:none!important}
/* 街巷：左侧名录、右侧街牌、画面中央沿街观察。 */
.street #scene{left:295px;width:1210px;height:762px}.catalog{position:absolute;left:48px;top:164px;width:250px;bottom:85px;padding:20px 17px;background:#45513f;color:#f0dfb9;border:5px double #ae986c}.catalog h2{font-size:33px!important}.catalog small{color:#c9b386!important}.filters{display:flex;gap:5px}.filters button{font-size:15px;padding:7px 9px}.search-label{display:block;font-size:15px;margin:20px 0 12px}.search-label input{font-size:16px;width:100%;margin-top:7px}#list{overflow:auto;height:540px;scrollbar-width:thin}#list button{display:block;width:100%;text-align:left;font-size:21px;margin-bottom:6px}.reading{position:absolute;right:50px;top:180px;width:355px;padding:26px;border:5px double #a58e62;background:#e9ddc2f2}.reading p{min-height:150px}.detail-nav{display:flex;gap:10px;margin:22px 0}.detail-nav button{font-size:18px}#street-source{font-size:18px;width:100%}.status-note{font-size:16px;color:#937c54;margin-top:25px;padding-top:20px;border-top:1px solid #bba77b}.walk-controls{position:absolute;left:330px;bottom:103px;right:455px;display:flex;justify-content:center;gap:14px}.walk-controls button{font-size:19px}
/* 拓印：深墨工作台与操作侧栏。 */
.rubbing{background:radial-gradient(ellipse at 30% 50%,#676959,#323c33 80%)!important;color:#eadcbd}.rubbing #scene{left:55px;top:148px;width:1230px;height:800px}.rubbing-rail{position:absolute;right:52px;top:169px;width:520px;padding:30px;background:#e4d8bb;color:#3e493a;border:6px double #a38b5e}.rubbing-rail>small{display:block}.templates,.rub-actions{display:flex;gap:8px;margin:20px 0}.templates button,.rub-actions button{font-size:18px}.process{list-style:none;display:flex;gap:14px;padding:0;margin:30px 0}.process li{font-size:20px;border-bottom:3px solid #b5a47d;padding-bottom:12px}.process .active{color:#934f37;border-color:#934f37}#coverage{font:54px Brush;display:block;margin-top:15px}#rub-source{font-size:18px}#finish{margin-top:22px;border-top:1px solid #b6a077;padding-top:10px}#finish button{font-size:17px;margin:4px}.rubbing #boundary{color:#d0c3a6}
/* 书院：中央院落与四席独立阅读区。 */
.academy #scene{left:525px;top:256px;width:870px;height:667px}.academy-title{position:absolute;top:155px;left:590px;text-align:center;width:740px}.academy-title h2{margin:8px!important}.academy-title button{font-size:16px;min-height:39px;padding:5px 13px}.seat{position:absolute;width:444px;height:388px;background:#ebe0c6eF;border:5px double #ac9268;padding:17px 20px;overflow:auto;scrollbar-width:thin}.seat-0{left:48px;top:157px}.seat-1{right:48px;top:157px}.seat-2{left:48px;top:562px}.seat-3{right:48px;top:562px}.seat header{display:flex;align-items:center;justify-content:space-between;font-size:18px}.seat header select{font-size:17px}.seat-picks{display:flex;gap:8px;margin:12px 0}.seat-picks select{width:235px;font-size:18px}.seat button{font-size:16px;padding:7px 10px;min-height:40px}.seat h3{font-size:28px!important;margin:8px 0!important}.seat p{font-size:18px!important;line-height:1.65!important;margin:8px 0}.seat select{font-size:17px}.table-orientation .seat-0,.table-orientation .seat-1{transform:rotate(180deg)}
/* 百业：行业木牌、打开的作坊与工序横轴。 */
.industry #scene{left:305px;top:180px;width:1190px;height:670px}.industry-menu{position:absolute;left:49px;top:166px;width:255px;padding:21px;background:#48523f;color:#f0ddb4;border:5px double #ad9669}.industry-menu h2{font-size:31px!important}.industry-menu button{display:block;width:100%;font-size:20px;margin:8px 0;text-align:left}.industry-menu small{color:#cdb78b!important}.workshop-notes{position:absolute;right:52px;top:177px;width:380px;padding:24px;background:#eaddc0ed;border:5px double #a68f62}.workshop-notes h2{font-size:35px!important}.workshop-notes button{font-size:18px;margin:14px 0 0}.process-strip{position:absolute;left:331px;right:54px;bottom:100px;display:flex;align-items:center;gap:10px;padding:16px;background:#daccabe8;border:4px double #a58e63}.process-strip>button{font-size:17px;padding:8px}.process-strip>div{display:flex;gap:6px;flex:1}.process-strip>div button{font-size:17px;padding:8px 11px;flex:1}
/* 茶道：长幅关系图与独立分期入口。 */
.route #scene{left:55px;top:188px;width:1375px;height:677px}.route-heading{position:absolute;left:95px;top:160px;pointer-events:none}.route-heading h2{font-size:41px!important;margin:8px 0!important}.route-heading p{font-size:18px!important}.route-story{position:absolute;right:54px;top:183px;width:425px;padding:25px;background:#e7dabbed;border:5px double #aa9164}.route-story h2{font-size:35px!important}.route-story h3{font-size:28px!important}.route-story p{font-size:19px!important}.route-story hr{border:0;border-top:1px solid #ac976d;margin:25px 0}.route-story button{font-size:17px;padding:9px 12px;margin:6px 3px}.periods{position:absolute;left:90px;right:510px;bottom:100px;display:flex;gap:15px}.periods button{flex:1;text-align:left;display:grid;grid-template-columns:90px 1fr;align-items:center;column-gap:10px}.periods span{font-size:17px}.periods strong{font:29px Brush}.periods small{grid-column:2;font-size:17px!important}.periods .active small{color:#d7c49e!important}
/* 古窑：火土色背景、剖面操作、窑址年序。 */
.kiln{background:radial-gradient(ellipse at 33% 45%,#7f7868,#3e443c 80%)!important;color:#eee0be}.kiln #scene{left:50px;top:163px;width:1310px;height:700px}.kiln-notes{position:absolute;right:52px;top:175px;width:460px;background:#e9dcc0;color:#42493c;border:5px double #ab9061;padding:25px}.kiln-notes p{font-size:20px!important}.kiln-notes label{display:block;font-size:19px;margin:20px 0}.kiln-notes input{width:100%;padding:0;accent-color:#955932}.kiln-notes output{display:block;text-align:right;font-size:16px}.kiln-notes button{font-size:17px;padding:8px 11px}.strata-tabs{display:flex;gap:5px;margin:20px 0}.kiln-sites{position:absolute;left:67px;right:53px;bottom:104px;display:flex;gap:12px}.kiln-sites button{flex:1;font:25px Brush}.kiln-sites small{display:block;font:16px sans-serif!important;margin-bottom:7px}.kiln-sites .active small{color:#dbbc88!important}.kiln #boundary{color:#d2c3a1}
/* 器物：釉色观察台，目录与细节分置两侧。 */
.ceramic{background:radial-gradient(ellipse at 49% 50%,#859b91,#334d48 67%,#293f39)!important;color:#e5e3d0}.ceramic #scene{left:393px;top:150px;width:1030px;height:775px}.ceramic-catalog{position:absolute;left:52px;top:181px;width:340px;padding:28px;background:#233e36a0;border:1px solid #9cac94}.ceramic-catalog small{color:#c7cbb4!important}.ceramic-catalog h2{font-size:34px!important}.ceramic-catalog button{display:block;width:100%;text-align:left;margin:16px 0;background:#d5ded1;color:#3a5147;font-size:22px}.ceramic-catalog button.active{background:#647d6b;color:#efe4bd}.ceramic-catalog em{font:28px Brush;padding-right:18px}.ceramic-catalog p{font-size:17px!important;color:#c6cbb5;margin-top:28px}.ceramic-card{position:absolute;right:53px;top:184px;width:408px;padding:26px;background:#e3e7d5ed;color:#3e5448;border:5px double #83967d}.ceramic-card h2{font-size:36px!important}.ceramic-card h3{font-size:24px!important}.ceramic-card p{font-size:19px!important}.surface-tabs{display:flex;gap:8px;margin:28px 0 18px}.surface-tabs button{flex:1;font-size:17px;background:#d7ddc9}.surface-tabs button.active{background:#657966}.ceramic-card>button{font-size:17px;margin-top:20px}.object-tools{position:absolute;left:426px;right:486px;bottom:98px;display:flex;gap:8px;justify-content:center}.object-tools button{font-size:17px;padding:9px 11px}.ceramic #boundary{color:#c4cfbd}

/* 对比度与展项独立的主题底纹。 */
button,input,select,.hotspot{color:#3e493b}button.active,button.primary{color:#f5e2b4}.catalog input{color:#3e493b}.rubbing #help,.kiln #help,.ceramic #help{color:#3e493b}
#stage.street{background:#d9d0b5 url(主题底纹.svg) center/cover}
#stage.academy{background:#dcdcc8 url(主题底纹.svg) center/cover}
#stage.industry{background:#d8c39e url(主题底纹.svg) center/cover}
#stage.route{background:#dfd0ad url(主题底纹.svg) center/cover}
#stage.rubbing{background:#344038 url(主题底纹.svg) center/cover!important}
#stage.kiln{background:#44443a url(主题底纹.svg) center/cover!important}
#stage.ceramic{background:#334e48 url(主题底纹.svg) center/cover!important}
.catalog #list button{background:#d6cbae}.catalog #list button.active{background:#647057}.industry-menu button{background:#decca5}.industry-menu button.active{background:#657052}
.seat{box-shadow:0 4px 18px #353e3512}.reading,.workshop-notes,.rubbing-rail,.route-story,.kiln-notes,.ceramic-card{box-shadow:0 8px 24px #232e2620}
.catalog:after,.industry-menu:after{content:'铅山记忆';display:block;font:25px Brush;letter-spacing:12px;margin-top:20px;color:#d6c29a;border-top:1px solid #b3a075;padding-top:17px}
#scene{border-bottom:1px solid #aa956844}dialog{max-height:min(870px,85vh);max-width:90vw}.rubbing #scene{border:none}

#stage.kiln{background:#44443a url(古窑底纹.svg) center/cover!important}#stage.ceramic{background:#334e48 url(器物底纹.svg) center/cover!important}.chapter-switch{display:flex;gap:10px;margin-left:auto}.chapter-switch a{font-size:21px;text-decoration:none;padding:10px 20px;border:3px double #b69b67;background:#e8dcbc;color:#394d40;white-space:nowrap}.chapter-switch a.active{background:#63725a;color:#fff0c6}.chapter-switch~button{margin-left:5px}#stage>header>p{font-size:23px;margin-left:10px}#stage>header small{letter-spacing:1px}
