.map-catalog{padding:18px;background:#e8ddc7;color:#241b11;font-family:"Microsoft JhengHei",Arial,sans-serif}.map-summary{display:grid;grid-template-columns:150px 150px 1fr;margin-bottom:18px;border:1px solid #95743a;background:#f8f2e4}.map-summary>div{min-height:76px;padding:12px 15px;border-right:1px solid #c3ac76;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:5px 8px}.map-summary span{grid-column:1/-1;color:#756341;font-size:11px}.map-summary strong{color:#5a3514;font-size:25px}.map-summary small{padding-bottom:4px;color:#77684d}.map-summary p{align-self:center;margin:0;padding:12px 17px;line-height:1.65;font-size:13px;color:#62543c}.map-filter{display:flex;gap:12px;align-items:end;padding:12px;border:1px solid #9f7a37;background:#d9cbae}.map-filter label{flex:1}.map-filter label span{display:block;margin-bottom:4px;font-size:11px;font-weight:bold;color:#5c421d}.map-filter input{width:100%;height:36px;border:1px solid #947440;background:#fffaf0;padding:7px 10px;color:#251b10}.map-types{display:flex;flex-wrap:wrap;gap:4px}.map-types button,.map-floor-tabs button{border:1px solid #987438;background:#f1e6cf;color:#5d3c17;padding:8px 11px;font:inherit;font-size:12px;cursor:pointer}.map-types button.active,.map-floor-tabs button.active{background:#502418;color:#fff0c6;border-color:#502418}.map-viewer{margin-top:18px;border:1px solid #9a773a;background:#f7efdf}.map-viewer-title{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;background:#21180d;color:#f5e2ad}.map-viewer-title span{font-size:11px;color:#cdb884}.map-viewer-title h3{margin:3px 0 0;font-size:22px}.map-floor-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:11px;border-bottom:1px solid #a7874c;background:#dacbae}.map-stage{position:relative;min-height:320px;margin:0;padding:18px;display:grid;place-items:center;overflow:auto;background:#050505}.map-stage img{display:block;max-width:100%;max-height:75vh;object-fit:contain}.map-stage figcaption{position:absolute;right:11px;bottom:7px;margin:0;padding:5px 8px;background:rgba(0,0,0,.7);color:#f2d889;font-size:11px}.map-directory{margin-top:18px;border:1px solid #9b7c42;background:#f9f4e8}.map-directory-head,.map-row{display:grid;grid-template-columns:220px 1fr}.map-directory-head{background:#c1a15f;color:#241806;font-size:12px}.map-directory-head b{padding:8px 10px;border-right:1px solid #e8dbbb}.map-section h3{margin:0;padding:7px 10px;background:#5b4323;color:#ffedbb;font-size:13px}.map-row{min-height:44px;border-top:1px solid #c5bda9}.map-name{border:0;border-right:1px solid #c5bda9;background:#ded1b4;color:#321f0f;text-align:left;padding:6px 10px;font:inherit;cursor:pointer}.map-name:hover,.map-name.active{background:#3d2713;color:#ffe7a8}.map-name b,.map-name small{display:block}.map-name small{margin-top:2px;font-size:10px;opacity:.75}.map-floor-links{display:flex;flex-wrap:wrap;align-content:center;gap:3px;padding:5px 8px;background:#f6f1e7}.map-floor-links button{border:0;background:transparent;color:#174dbe;padding:4px 6px;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}.map-floor-links button:hover,.map-floor-links button.active{background:#55331b;color:#fff2cb;text-decoration:none}@media(max-width:700px){.map-catalog{padding:10px}.map-summary{grid-template-columns:1fr 1fr}.map-summary p{grid-column:1/-1;border-top:1px solid #c3ac76}.map-filter{display:block}.map-types{margin-top:10px}.map-directory-head,.map-row{grid-template-columns:120px 1fr}.map-name{padding:6px}.map-floor-links{padding:5px 3px}.map-viewer-title{flex-direction:column}.map-stage{min-height:240px;padding:8px}}@media(max-width:400px){.map-directory-head,.map-row{grid-template-columns:102px 1fr}}