/* 森林插画版视觉层：保留原有组件行为，统一为深绿、黄铜与暖色纸张。 */
:root{--ink:#334735;--green:#335c3b;--gold:#e8bf75;--paper:#fff8e8}
body{background:#17392d}.paper-grain{opacity:.025}.site-header{padding:25px 34px;background:linear-gradient(#132f26c9,transparent);color:#fff3d1}.brand-mark{background:#d8b573;color:#243e2b;border:1px solid #f6d791;box-shadow:0 5px 25px #0002}.brand small{color:#e0dfc5}.brand-en{color:#e3c38c}.header-actions .pill-button{color:#f9edcc;background:#183a2edb;border:1px solid #d7c99d66;backdrop-filter:blur(14px)}.header-actions .nav-toggle{color:#263e2a;background:#efcf94;border-color:#f7dcab}.header-actions .pill-button:hover{background:#31533e}.header-actions .nav-toggle:hover{background:#f8dea8}.brand strong{letter-spacing:3px}
.overview-ui{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.forest-intro{position:absolute;top:118px;left:0;right:0;text-align:center;color:#fff2cf;text-shadow:0 2px 18px #163222cc}.forest-intro .eyebrow{font-size:14px;letter-spacing:4px;color:#e9cf94}.forest-intro h1{font:500 42px/1.5 var(--serif);letter-spacing:7px;margin:13px 0 9px}.forest-intro h1 em{font-style:normal;color:#ffe3a4}.forest-intro p{font-size:14px;letter-spacing:3px;color:#f3e6c5;margin:0}.forest-doors{position:absolute;inset:0}.forest-door{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #edcf8cbd;border-radius:7px;background:linear-gradient(135deg,#294732f2,#17392df2);box-shadow:0 4px 0 #142c21a1,0 8px 20px #132e2250;color:#ffedc7;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;font-size:16px;letter-spacing:1px}.forest-door:before{content:'';position:absolute;left:50%;bottom:100%;height:18px;width:1px;background:#e6c17e9c}.forest-door .door-number{font:10px system-ui,sans-serif;color:#e2bb73}.forest-door .door-arrow{font:13px system-ui,sans-serif;color:#d9ba77}.forest-door:hover{background:#466342;box-shadow:0 5px 0 #142c21,0 0 30px #ffda7d50;transform:translate(-50%,calc(-50% - 4px))}.forest-bottom{position:absolute;bottom:33px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:13px;color:#f9e9c2}.forest-note{font-size:14px;letter-spacing:2px;color:#e4dcb7}.forest-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#efd48d;box-shadow:0 0 10px #ffe5a4;margin-right:8px}.forest-bottom>.primary-button{pointer-events:auto;background:linear-gradient(110deg,#f6dda8,#dfb66c);color:#2d4028;border:1px solid #ffe5ac;min-width:242px;min-height:48px;border-radius:9px;font-size:16px;box-shadow:0 4px 0 #8d713e,0 10px 35px #101f2c55}.forest-bottom>.primary-button:hover{background:#ffe7b0;transform:translateY(-2px)}.forest-controls{font-size:14px;letter-spacing:1.5px;color:#cbd4b5}.forest-controls b{padding:0 9px;color:#dabd80}.forest-mobile-routes{display:none}
.loading-screen{background:radial-gradient(ellipse at 50% 35%,#e7edc9,#cadbb3)}.loading-copy h1{color:#284b34}.printed-logo b{color:#31583c}.modal-overlay{background:#0b211b99;backdrop-filter:blur(8px)}.outfit-dialog{border-color:#cbb583;box-shadow:0 30px 120px #08180e88}.outfit-visual{background:linear-gradient(#274c40bb,#274c40d9);color:#fff0cc}.outfit-visual>.eyebrow{color:#e1d3a4}.avatar-halo{background:radial-gradient(circle,#e6e9b77a,transparent 70%)}.avatar-halo:after{border-color:#f0d89944}.avatar-caption small,.visual-coordinate{color:#d1d8b6}.avatar-platform{background:#9ba575;box-shadow:0 8px #647752,0 18px 25px #152b2c44}.outfit-controls .primary-button{background:#3e5d3a}.gender-options>button[aria-pressed=true]{border-color:#799b60;background:#eef0d8}.preset-options button[aria-pressed=true]{background:#e6ecd3;border-color:#9db27d}.nav-panel{border-color:#d8bd86;background:#fff9eafa}.nav-entry:hover{background:#eee8d233}.nav-foot{color:#8c855f}
.welcome-note{top:121px;color:#fff4d5;text-shadow:0 2px 12px #16382ae6}.welcome-note .eyebrow,.welcome-note p,.hand-note{color:#e6dfbb}.welcome-note h1{font-size:32px;letter-spacing:4px}.welcome-note h1 span{color:#efc57f}.welcome-note .live-dot{background:#edc979}.location-badge{color:#fff0c9;background:#193f30cd;border-color:#ddc59566}.location-badge>span,.location-badge i{color:#d5c28c}.journey-panel{background:#183b2fe8;border-color:#c8b37766;color:#f5e7c1;box-shadow:0 10px 35px #172a2355}.journey-heading span:last-child,.journey-labels{color:#b8c6a4}.movement-help{color:#f6edcf;background:#183b2edb;padding:10px 15px;border-radius:9px;border:1px solid #b4b48b55;bottom:32px}.movement-help kbd{background:#ede4c5;color:#2f4934;border-color:#e4d1a1}.help-button{background:#203f2fe3;border-color:#d5be86;color:#ead6a3}
.interaction-card{left:auto;right:30px;bottom:105px;transform:none;width:330px;padding:0;border:1px solid #e1c691;border-radius:16px;overflow:hidden;background:#fff8e9;box-shadow:0 18px 50px #0a221b55;text-align:left;animation:pop-in .3s ease-out}.interaction-image{display:block;width:100%;height:170px;object-fit:cover;object-position:center 56%}.interaction-copy{padding:18px 20px}.interaction-copy>.eyebrow{font-size:14px;letter-spacing:1.7px;color:#98855b}.interaction-copy>strong{display:block;font:22px var(--serif);margin:8px 0;color:#344832}.interaction-copy p{color:#8b896c;font-size:14px;line-height:1.8;margin:9px 0 15px}.interaction-copy>.primary-button{background:#3c5e3b;border-radius:8px;font-size:14px}
.workbench-heading{color:#fff1cf;text-shadow:0 2px 10px #123125}.workbench-heading .eyebrow,.workbench-heading p{color:#d8dfb9}.model-links{background:#fff7e9f5;border-color:#e0c184}.workbench-ui>#bench-exit{background:#f8e8c8}.pswp{--pswp-bg:#112b21}.pswp__custom-caption{background:#1b392ddc}
@media(min-width:1600px){.forest-intro{top:130px}.forest-intro h1{font-size:50px}.forest-door{padding:12px 18px;font-size:18px}.forest-bottom{bottom:42px}}
@media(max-width:1100px){.forest-intro h1{font-size:35px;letter-spacing:5px}.forest-door{font-size:14px;padding:9px 10px;gap:5px}.header-actions{gap:7px}.header-actions .pill-button{padding:11px 14px}.forest-controls{font-size:14px}.interaction-card{width:290px;right:22px}.interaction-image{height:145px}.movement-help{right:85px;font-size:14px}}
@media(max-width:900px) and (min-height:501px){.site-header{padding:18px 16px}.brand strong{font-size:21px;letter-spacing:1px}.brand small{font-size:14px;max-width:165px}.brand-mark{width:34px;height:34px}.header-actions{gap:5px}.header-actions .pill-button{padding:9px 10px;font-size:14px}#overview-open span:last-child{display:none}#overview-open{width:34px;padding:6px;font-size:22px}#wardrobe-open{width:34px;padding:8px}.forest-intro{top:112px;padding:0 18px}.forest-intro .eyebrow{font-size:14px;letter-spacing:2.6px}.forest-intro h1{font-size:31px;letter-spacing:3px;margin:16px 0 12px}.forest-intro h1 em{display:block}.forest-intro p{font-size:14px;letter-spacing:1px}.forest-doors{display:none}.forest-mobile-routes{position:absolute;bottom:calc(164px + var(--safe-bottom));left:16px;right:16px;display:flex;gap:5px;padding:9px 4px;border-top:1px solid #cbbf8a55;border-bottom:1px solid #cbbf8a55;background:#18372edb;pointer-events:auto}.forest-mobile-routes a{flex:1;text-align:center;color:#f7e5b9;font-size:14px;padding:8px 0}.forest-mobile-routes small{display:block;color:#c4b17b;font:8px system-ui,sans-serif;margin-bottom:6px}.forest-bottom{bottom:calc(27px + var(--safe-bottom));gap:12px}.forest-note{font-size:14px;letter-spacing:1px}.forest-bottom>.primary-button{min-height:45px;min-width:235px;font-size:16px}.forest-controls{font-size:14px;letter-spacing:.8px}.welcome-note{top:119px;left:22px}.welcome-note h1{font-size:27px}.welcome-note .eyebrow{font-size:14px}.location-badge{top:82px;right:16px}.interaction-card{right:14px;bottom:calc(155px + var(--safe-bottom));width:calc(100% - 28px);max-width:370px;display:flex;align-items:stretch;border-radius:13px}.interaction-image{width:104px;height:auto;min-height:150px;object-position:48% center}.interaction-copy{padding:13px;flex:1}.interaction-copy>.eyebrow{font-size:14px;letter-spacing:1px}.interaction-copy>strong{font-size:20px;margin:6px 0}.interaction-copy p{font-size:14px;line-height:1.5;margin:7px 0 11px}.interaction-copy>.primary-button{font-size:14px;min-height:36px;padding:9px 8px;letter-spacing:0}.nav-panel{top:73px}.journey-panel{width:184px}.outfit-controls{padding:18px 22px}.outfit-visual .avatar-platform{background:#9ba575;box-shadow:0 5px #647752}}
@media(max-height:500px){.site-header{padding:13px 23px}.brand-mark{width:35px;height:35px;font-size:30px}.brand strong{font-size:22px}.brand small{font-size:14px}.header-actions .pill-button{padding:9px 13px;font-size:14px}.forest-intro{top:76px}.forest-intro .eyebrow{font-size:14px;letter-spacing:2px}.forest-intro h1{font-size:27px;letter-spacing:4px;margin:7px 0}.forest-intro p{display:none}.forest-door{padding:7px 8px;font-size:14px}.forest-door:before{height:10px}.forest-door .door-number{font-size:14px}.forest-bottom{bottom:13px;gap:7px}.forest-note,.forest-controls{display:none}.forest-bottom>.primary-button{min-height:36px;min-width:210px;font-size:14px;padding:9px 14px}.welcome-note{top:83px}.welcome-note h1{font-size:24px}.location-badge{top:74px}.interaction-card{right:18px;bottom:17px;width:300px;max-height:218px;display:flex;align-items:stretch}.interaction-image{width:100px;height:168px}.interaction-copy{padding:14px 12px;flex:1}.interaction-copy>strong{font-size:20px}.interaction-copy>.eyebrow{font-size:14px}.interaction-copy p{display:none}.interaction-copy>.primary-button{margin-top:13px;min-height:36px;font-size:14px;padding:9px 10px}.movement-help{display:none}.journey-panel{display:none}.help-button{right:335px;bottom:22px}.workbench-heading{top:-10px}}
@media(prefers-reduced-motion:reduce){.forest-door:hover{transform:translate(-50%,-50%)}}