.duan-floorplan{max-width:100%;color:#262626}.duan-floorplan-nav{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.duan-floorplan-nav button{padding:9px 14px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#262626;white-space:nowrap;cursor:pointer}.duan-floorplan-nav button.is-active{border-color:#1677ff;background:#1677ff;color:#fff}.duan-floorplan-canvas{position:relative;overflow:hidden;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}.duan-floorplan-canvas img{display:block;width:100%;height:auto}.duan-floorplan-canvas svg{position:absolute;inset:0;width:100%;height:100%}.duan-floorplan-spot{cursor:pointer}.duan-floorplan-spot polygon{fill:rgba(22,119,255,.18);stroke:#1677ff;stroke-width:1.5;vector-effect:non-scaling-stroke}.duan-floorplan-spot.is-available polygon{fill:rgba(56,158,13,.2);stroke:#389e0d}.duan-floorplan-spot.is-sold polygon{fill:rgba(207,19,34,.2);stroke:#cf1322}.duan-floorplan-spot:hover polygon,.duan-floorplan-spot:focus polygon{fill:rgba(22,119,255,.35);stroke-width:2.5}.duan-floorplan-spot text{fill:#1d2939;font-size:2.8px;font-weight:700;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#fff;stroke-width:.75;pointer-events:none}
.duan-floorplan-floor{display:inline-flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap;font-weight:600}.duan-floorplan-floor[hidden]{display:none}.duan-floorplan-floor select{min-height:36px;padding:6px 28px 6px 10px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#262626}