*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef2f7;color:#172033}.office{min-height:100vh;display:flex;flex-direction:column}.topbar{padding:18px 26px;display:flex;justify-content:space-between;align-items:center;background:#172b46;color:#fff}.topbar h1{margin:0;font-size:22px}.topbar p{margin:5px 0 0;color:#c5d3e5;font-size:13px}.status{background:#315b55;padding:8px 12px;border-radius:20px;font-size:12px}.scene{position:relative;flex:1;min-height:620px}.scene canvas{width:100%;height:100%;min-height:620px;display:block}.nameplate{min-width:115px;padding:6px 9px;background:#fffffff0;border:1px solid #d7e0e9;border-radius:8px;text-align:center;box-shadow:0 3px 10px #17203322;color:#172033;white-space:nowrap}.nameplate strong,.nameplate span{display:block}.nameplate strong{font-size:11px}.nameplate span{margin-top:3px;font-size:9px;color:#64748b}.hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#fff;padding:9px 14px;border-radius:20px;font-size:12px;box-shadow:0 2px 12px #0002}footer{padding:12px 20px;text-align:center;font-size:12px;color:#64748b;background:#fff}