:root{color-scheme:light;--ink:#263e38;--muted:#65736b;--paper:#f5f3ec;--green:#335d50;--line:#d8dbce}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #a06a2e;outline-offset:4px}.office-header{height:60px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.office-mark{font-size:10px;letter-spacing:2.6px;color:var(--muted)}main{max-width:1680px;margin:auto;padding:0 4vw}.office-intro{display:flex;align-items:end;justify-content:space-between;padding:26px 0 23px;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#647164;margin:0 0 10px}h1{font-size:clamp(22px,2.8vw,36px);letter-spacing:-1px;margin:0;font-weight:600}.office-intro>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.scene-nav{display:flex;gap:8px;padding-bottom:12px;align-items:center;flex-wrap:wrap}.scene-nav button,.scene-nav a{background:transparent;border:1px solid transparent;border-radius:5px;font-size:13px;padding:10px 14px;display:flex;align-items:center;gap:8px;min-height:40px}.scene-nav .active{background:#e2e8dc;border-color:#ccd6c5;color:#274e3f}.scene-nav a:hover,.scene-nav button:hover{background:#e9e9df}.scene-nav span{font-family:Georgia,serif;font-size:12px;opacity:.6}.scene-nav i{width:5px;height:5px;border-radius:50%;background:transparent}.scene-nav .visited i{background:#4d7d5a}#officeRoom{position:relative;height:clamp(530px,calc(100vh - 274px),850px);min-height:530px;background:#e7e8df;overflow:hidden;border:1px solid #d3d8cb;border-radius:9px}#officeCanvas{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}#roomLabels{position:absolute;inset:0;pointer-events:none}.room-label{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(250,249,241,.93);border:1px solid #d4d7c8;border-radius:5px;box-shadow:0 5px 18px #253c3420;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:auto;transition:background 160ms,box-shadow 160ms}.room-label:hover{background:#fffef6;box-shadow:0 5px 22px #253c343a}.room-label b{font:italic 24px Georgia,serif;color:#8a9c81}.room-label strong{display:block;font-size:14px;font-weight:600}.room-label small{display:block;font-size:10px;color:#647365;margin-top:5px}.room-label em{font-size:18px;font-style:normal;margin-left:3px;color:#6b8270}.office-hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:11px;display:flex;align-items:center;gap:9px;color:#526455;white-space:nowrap;padding:9px 14px;border-radius:20px;background:#f6f5ecde}.office-hint span{width:5px;height:5px;background:#749061;border-radius:50%}#officeLoading{position:absolute;inset:0;display:grid;place-items:center;background:#e7e8df;font-size:14px}#officeLoading[hidden]{display:none}.office-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0 22px;font-size:11px;color:var(--muted)}.office-foot p{margin:0}#visitStatus{white-space:nowrap}#sceneDock{position:absolute;inset:0;display:flex;flex-direction:column;background:#f5f3ec;z-index:5}#sceneDock[hidden]{display:none}.dock-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;border-bottom:1px solid var(--line);font-size:12px;gap:10px;background:#eef0e5}.dock-bar button{border:0;background:#dae3d3;padding:9px 13px;border-radius:4px;color:#315141}.dock-bar a{font-size:11px;color:#647365}#sceneFrame{border:0;flex:1;width:100%;min-height:0;background:#e9eade}body.in-scene #officeRoom{height:calc(100vh - 164px);min-height:540px}body.in-scene .office-intro{padding:12px 0}body.in-scene .office-intro .eyebrow,body.in-scene .office-intro>p{display:none}body.in-scene h1{font-size:19px}body.in-scene .office-foot{display:none}body.in-scene .scene-nav{padding-bottom:8px}#propNote{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);max-width:360px;background:#fffdf0;padding:16px 22px;border:1px solid #d4d7c8;border-radius:7px;box-shadow:0 8px 28px #30413224;font-size:13px;line-height:1.8;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:720px){main{padding:0 12px}.office-header{padding:0 15px;height:49px;font-size:11px}.office-mark{display:none}.office-intro{padding:21px 5px 16px}.office-intro>p{display:none}h1{font-size:23px}.eyebrow{font-size:9px}.scene-nav{gap:3px;display:grid;grid-template-columns:repeat(3,1fr)}.scene-nav button{grid-column:1/-1;justify-self:start;padding:5px 9px;min-height:30px}.scene-nav a{font-size:11px;justify-content:center;padding:8px 2px;gap:3px;border-color:#d8ddcf}.scene-nav span{font-size:10px}#officeRoom{height:570px;min-height:490px}.room-label{padding:8px 9px;gap:6px}.room-label b{font-size:17px}.room-label strong{font-size:12px}.room-label small{font-size:9px}.room-label em{display:none}.office-hint{font-size:10px;white-space:normal;width:90%;justify-content:center;text-align:center;line-height:1.7}.office-foot{display:block;font-size:10px;line-height:1.7}.office-foot span{display:block;margin-top:7px}.dock-bar{padding:6px;font-size:11px}.dock-bar button{padding:8px}.dock-bar a{font-size:10px}.dock-bar>span{display:none}body.in-scene #officeRoom{height:calc(100dvh - 196px);min-height:500px}body.in-scene h1{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0s!important;transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}
