@charset "UTF-8";body{margin:0;font-family:Noto Sans Tc,Microsoft JhengHei,Arial,sans-serif}button{cursor:pointer;background:#19b9be;color:#fff;border:none;padding:6px 12px;border-radius:4px;transition:background .2s ease}button:hover{background:#14969b}.topbar{padding:0 12px;background:#19b9be;color:#fff;display:flex;gap:12px;align-items:center;text-align:center}.topbar h2{font-size:1.6rem;margin:0;font-weight:500;text-align:right;width:100%;padding:10px 0}.container{display:flex;height:calc(100vh - 56px)}#map{flex:1;position:relative;background:url(/_astro/mapinfo235_2026_bg02.Ceczfnme.jpg) no-repeat 50% 50%;background-size:cover}#map:before{content:"";position:absolute;inset:0;background:#0006;z-index:0}.sidebar{width:300px;background:#222;color:#eee;border-left:1px solid #ddd;padding:0 12px 12px;overflow:auto;transition:width .25s ease}.sidebar.collapsed{width:0px;padding:0}.sidebar.collapsed .full-controls,.sidebar.collapsed .village-list-container{display:none}#toggleSidebar{position:relative;display:block;width:40px;height:40px}#toggleSidebar:before,#toggleSidebar:after{background-color:#fff;content:"";display:block;width:80%;height:2px;position:absolute;left:10%;top:50%;-webkit-transition:all .3s cubic-bezier(.21,1,.9,1);-moz-transition:all .3s cubic-bezier(.21,1,.9,1);-o-transition:all .3s cubic-bezier(.21,1,.9,1);transition:all .3s cubic-bezier(.21,1,.9,1)}#toggleSidebar:before{margin-top:-20%}#toggleSidebar:after{margin-top:5%;padding-bottom:20%;background-color:transparent;border:none;height:0;border-image-source:linear-gradient(0deg,#68e2ff,#ffffff);border-image-slice:1;border-top:2px solid;border-bottom:2px solid;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#toggleSidebar.active:before{margin-top:0%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#toggleSidebar.active:after{margin-top:0%;border-bottom:none;padding-bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.full-controls{padding-top:12px}#villageInfo{background-color:#222;position:sticky;top:0;z-index:5;padding:5px 0;border-bottom:1px solid #eee}#villageInfo h4{margin:0 0 5px;padding-bottom:4px;border-bottom:1px solid #eee}#villageList{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0px}.village-item{text-align:center;padding:8px;border-radius:4px;margin:0 0 4px;cursor:pointer;border:1px solid transparent}.village-item:hover{background:#eef6ff;border-color:#8fb9ff}.village-item.selected{background:#fff7e6;border-color:#ffc107;color:#000;font-weight:600}.controls{display:flex;gap:8px;align-items:center;margin-bottom:8px}.status{margin-bottom:8px;font-size:13px}#floatBTNctrol{position:fixed;left:12px;top:150px;z-index:1000}#bannerLocateBtn.active{background:#ff6b6b}#bannerLocateBtn.active:hover{background:#e85d5d}.detail-popup{position:absolute;left:12px;bottom:12px;background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid #d6d6ff;padding:0;border-radius:10px;box-shadow:0 10px 30px #0a0a281f;min-width:300px;max-width:420px;z-index:2000;display:none;overflow:hidden}.detail-popup .dp-header{background:#4b2f8a;color:#fff;padding:10px 14px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between}.detail-popup .dp-header i.pop-close{cursor:pointer;position:relative}.detail-popup .dp-header i.pop-close:before,.detail-popup .dp-header i.pop-close:after{content:"";position:absolute;width:16px;height:2px;background:#fff;top:50%;left:50%;transform-origin:center}.detail-popup .dp-header i.pop-close:before{transform:translate(-50%,-50%) rotate(45deg)}.detail-popup .dp-header i.pop-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.detail-popup .dp-header h4{margin:0;font-size:15px;font-weight:600}.detail-popup .dp-body{padding:12px 14px;color:#222;font-size:13px}.detail-popup .dp-row{display:flex;gap:12px;align-items:center;margin-bottom:8px}.detail-popup .dp-key{width:40%;color:#666;font-size:12px}.detail-popup .dp-val{flex:1;font-weight:700;font-size:15px;color:#111}.detail-popup .dp-meta{font-size:12px;color:#666;margin-top:8px}.detail-popup pre{background:#fff;border:1px dashed #eee;padding:8px;max-height:180px;overflow:auto;border-radius:6px}.banner-popup{inset:200px auto auto 12px;border-color:#ffd8b0}.banner-popup .dp-header{background:#ff7a3d}.banner-popup .dp-media{padding:0 14px 10px}.banner-popup .dp-media img{width:100%;border-radius:8px;display:block}.banner-popup .dp-desc{margin:0 14px 12px;font-size:13px;color:#333;line-height:1.5}.banner-popup .dp-links{padding:0 14px 14px}.banner-popup .dp-links a{color:#0b63ce;text-decoration:underline;font-size:12px}@media(min-width:767px){.compact-controls{display:none}}@media(max-width:767px){#map{background-image:url(/_astro/mapinfo235_2026_bg01.C39G7rKA.jpg)}}