.shelter-page .layout{grid-template-columns:360px minmax(560px,1fr) 390px}
.shelter-page .col{gap:9px}
.shelter-page .summary-panel{flex:0 0 198px}
.shelter-page .principle-panel{flex:0 0 144px}
.shelter-page .evac-list-panel,.shelter-page .responsibility-panel{flex:1;min-height:0}

.shelter-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.shelter-kpi-grid .kpi{height:58px;margin:0;padding:8px 10px 7px 12px}
.shelter-kpi-grid .kpi .v{font-size:22px}.shelter-kpi-grid .kpi .l{font-size:9px}
.shelter-kpi-grid .kpi:nth-child(2) .v{color:#f8bd43}.shelter-kpi-grid .kpi:nth-child(3) .v{color:#72e2ff}.shelter-kpi-grid .kpi:nth-child(4) .v{color:#62e2ab}
.shelter-data-note{display:flex;align-items:center;gap:7px;margin-top:8px;padding:6px 8px;color:#668ba8;font-size:8px;border:1px dashed rgba(54,207,255,.16);background:rgba(5,20,41,.45)}
.shelter-data-note i{width:5px;height:5px;border-radius:50%;background:#47e1a2;box-shadow:0 0 7px #47e1a2}

.evac-feed,.responsibility-feed{height:100%;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(54,207,255,.4) rgba(4,15,32,.25)}
.evac-feed::-webkit-scrollbar,.responsibility-feed::-webkit-scrollbar{width:4px}.evac-feed::-webkit-scrollbar-thumb,.responsibility-feed::-webkit-scrollbar-thumb{background:rgba(54,207,255,.42)}
.evac-card,.responsibility-card{position:relative;margin-bottom:7px;padding:10px 10px 9px 42px;cursor:pointer;overflow:hidden;
  border:1px solid rgba(54,207,255,.13);background:linear-gradient(100deg,rgba(11,43,73,.66),rgba(5,19,40,.45));transition:.2s}
.evac-card::before,.responsibility-card::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;background:linear-gradient(180deg,transparent,var(--gov-blue),transparent);opacity:.35;transition:.2s}
.evac-card:hover,.evac-card.active,.responsibility-card:hover,.responsibility-card.active{border-color:rgba(54,207,255,.5);background:linear-gradient(100deg,rgba(20,86,125,.34),rgba(6,22,44,.68));box-shadow:inset 0 0 20px rgba(54,207,255,.04)}
.evac-card.active::before,.responsibility-card.active::before{opacity:1;box-shadow:0 0 8px var(--gov-blue)}
.evac-index{position:absolute;left:9px;top:10px;display:grid;width:24px;height:24px;place-items:center;color:#7ce8ff;font:600 10px Bahnschrift,monospace;border:1px solid rgba(54,207,255,.36);background:rgba(54,207,255,.08);transform:skewX(-6deg)}
.evac-card h4,.responsibility-card h4{margin:0;color:#d9f6ff;font-size:11px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evac-alias{display:block;margin-top:2px;color:#557a98;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evac-row{display:grid;grid-template-columns:48px 1fr;gap:4px;margin-top:6px;font-size:8px;line-height:1.5}
.evac-row span{color:#4f7898}.evac-row b{color:#8cb5ca;font-weight:400}
.evac-route b{color:#d5a94c}.evac-basic{display:none;margin-top:7px;padding-top:7px;color:#6d94af;font-size:8px;line-height:1.65;border-top:1px dashed rgba(54,207,255,.13)}
.evac-card.active .evac-basic{display:block;animation:evac-open .22s ease both}@keyframes evac-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.principle-body{padding:11px 12px!important}.principle-lead{position:relative;margin:0;padding:8px 9px 8px 29px;color:#91b6cc;font-size:9px;line-height:1.65;border:1px solid rgba(248,189,67,.20);background:linear-gradient(90deg,rgba(248,189,67,.07),transparent)}
.principle-lead::before{content:"!";position:absolute;left:9px;top:9px;display:grid;width:13px;height:13px;place-items:center;color:#f8bd43;font:bold 9px Arial;border:1px solid rgba(248,189,67,.55);border-radius:50%}
.principle-tags{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.principle-tags span{padding:3px 6px;color:#67b8d5;font-size:8px;border:1px solid rgba(54,207,255,.16);background:rgba(54,207,255,.05)}

.responsibility-card{padding-left:42px}
.responsibility-head{display:flex;align-items:center;gap:7px}.responsibility-head h4{flex:1}.person-badge{padding:2px 5px;color:#f7c85e;font-size:8px;border:1px solid rgba(248,189,67,.28);background:rgba(248,189,67,.06);white-space:nowrap}
.unit-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.unit-tags span{padding:2px 5px;color:#76a5bf;font-size:7px;border:1px solid rgba(54,207,255,.13);background:rgba(54,207,255,.045)}
.person-line{margin-top:7px;color:#6387a1;font-size:8px}.person-line b{color:#b7dce7;font-weight:500}.remark-line{margin-top:5px;padding-left:7px;color:#d2a74d;font-size:8px;border-left:2px solid rgba(248,189,67,.5)}

.evac-focus-card{position:absolute;z-index:545;left:50%;bottom:40px;width:min(580px,64%);transform:translateX(-50%);pointer-events:none;
  border:1px solid rgba(54,207,255,.24);border-left:3px solid var(--gov-blue);background:linear-gradient(90deg,rgba(3,18,40,.92),rgba(5,30,57,.86),rgba(3,18,40,.92));box-shadow:0 12px 32px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.evac-focus-card::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gov-blue),transparent);animation:focus-energy 3s ease-in-out infinite}@keyframes focus-energy{50%{opacity:.25}}
.focus-top{display:flex;align-items:center;gap:8px;padding:8px 10px 5px}.focus-id{display:grid;width:22px;height:22px;place-items:center;color:#061529;font:700 10px Bahnschrift;background:var(--gov-blue);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}
.focus-title{flex:1;min-width:0}.focus-title strong{display:block;color:#e6fbff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-title small{display:block;margin-top:2px;color:#557b99;font-size:7px}.focus-person{color:#f7c85e;font-size:8px;white-space:nowrap}
.focus-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;padding:0 10px 8px;font-size:8px}.focus-bottom div{display:flex;gap:5px;min-width:0}.focus-bottom span{color:#4e7695;white-space:nowrap}.focus-bottom b{color:#82afc4;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-bottom div:last-child b{color:#d7af55}

.shelter-marker-strip{position:absolute;z-index:544;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:62%;height:29px;padding:0 7px;
  background:rgba(3,17,37,.84);border:1px solid rgba(54,207,255,.18);backdrop-filter:blur(8px)}
.shelter-marker-strip>span{color:#527b98;font-size:8px;white-space:nowrap}.shelter-marker-buttons{display:flex;gap:3px;overflow:hidden}.shelter-marker-buttons button{width:20px;height:18px;padding:0;cursor:pointer;color:#71a2ba;font:8px Bahnschrift;border:1px solid rgba(54,207,255,.16);background:rgba(54,207,255,.04)}
.shelter-marker-buttons button:hover,.shelter-marker-buttons button.active{color:#fff;border-color:#ff5b65;background:rgba(255,77,91,.22);box-shadow:0 0 8px rgba(255,77,91,.25)}
.shelter-marker-name{max-width:125px;color:#86adbf;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.shelter-photo-viewer{position:absolute;z-index:548;right:12px;top:54px;width:230px;padding:7px;border:1px solid rgba(66,215,255,.32);
  background:linear-gradient(145deg,rgba(3,18,39,.94),rgba(5,34,61,.88));box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 0 24px rgba(54,207,255,.05);backdrop-filter:blur(10px);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.shelter-photo-viewer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#54ddff,transparent);animation:photo-energy 3.2s ease-in-out infinite}
@keyframes photo-energy{50%{opacity:.28}}
.photo-viewer-head{display:flex;align-items:center;justify-content:space-between;height:20px;color:#93dff1;font-size:8px;letter-spacing:.8px}
.photo-viewer-head span{display:flex;align-items:center;gap:6px}.photo-viewer-head i{width:5px;height:5px;border-radius:50%;background:#42e6b2;box-shadow:0 0 7px #42e6b2;animation:photo-online 1.8s ease-in-out infinite}
@keyframes photo-online{50%{opacity:.35;transform:scale(.75)}}
.photo-viewer-head b{color:#5f89a5;font:400 8px Bahnschrift,monospace}
.photo-main{position:relative;display:block;width:100%;height:126px;padding:0;overflow:hidden;cursor:zoom-in;border:1px solid rgba(54,207,255,.18);background:#07162b}
.photo-main::after{content:"查看大图";position:absolute;right:6px;bottom:5px;padding:2px 5px;color:#bfefff;font-size:7px;background:rgba(2,16,35,.72);border:1px solid rgba(54,207,255,.22);opacity:0;transition:.2s}
.photo-main:hover::after{opacity:1}.photo-main img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .3s ease;filter:saturate(.9) contrast(1.04)}
.photo-main:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.05)}
.photo-scan{position:absolute;left:0;right:0;top:-35%;height:36%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(92,225,255,.13),transparent);animation:photo-scan 4.8s linear infinite}
@keyframes photo-scan{to{transform:translateY(420%)}}
.photo-nav{position:absolute;z-index:2;top:76px;width:20px;height:34px;padding:0;cursor:pointer;color:#d7f8ff;font:20px/1 Arial;border:1px solid rgba(54,207,255,.22);background:rgba(3,18,39,.72);opacity:.5;transition:.2s}
.photo-nav:hover{opacity:1;background:rgba(15,91,128,.78);box-shadow:0 0 10px rgba(54,207,255,.2)}.photo-prev{left:8px}.photo-next{right:8px}
.photo-meta{display:flex;align-items:center;gap:6px;height:27px;padding:5px 2px 1px}.photo-meta strong{flex:1;min-width:0;color:#dbf8ff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-meta small{color:#5c849f;font-size:7px;white-space:nowrap}
.photo-meta small.is-unbound{color:#f0b856}.photo-dots{display:flex;justify-content:center;gap:3px;padding:2px 0 1px}.photo-dots button{width:8px;height:2px;padding:0;cursor:pointer;border:0;background:rgba(101,173,199,.28);transition:.2s}.photo-dots button.active{width:16px;background:#47dbff;box-shadow:0 0 6px rgba(71,219,255,.6)}

.shelter-photo-lightbox[hidden]{display:none!important}.shelter-photo-lightbox{position:absolute;z-index:900;inset:0;display:grid;place-items:center;padding:44px;background:rgba(1,8,20,.88);backdrop-filter:blur(10px)}
.shelter-photo-lightbox::before{content:"";position:absolute;inset:24px;border:1px solid rgba(54,207,255,.2);pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.shelter-photo-lightbox img{display:block;max-width:90%;max-height:78%;object-fit:contain;border:1px solid rgba(95,225,255,.38);box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 35px rgba(54,207,255,.12)}
.lightbox-close{position:absolute;right:34px;top:30px;width:34px;height:34px;cursor:pointer;color:#c8f5ff;font:26px/1 Arial;border:1px solid rgba(54,207,255,.36);background:rgba(7,32,60,.8)}
.lightbox-caption{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:76%;padding:7px 13px;background:rgba(3,18,39,.86);border-left:2px solid #36cfff}
.lightbox-caption strong{color:#e2fbff;font-size:11px;white-space:nowrap}.lightbox-caption span{color:#6f97af;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (min-width:1760px){.shelter-page .layout{grid-template-columns:385px minmax(700px,1fr) 415px}.shelter-page .summary-panel{flex-basis:205px}.shelter-page .principle-panel{flex-basis:152px}.evac-card,.responsibility-card{padding-top:11px;padding-bottom:10px}}
@media (max-width:1365px){.shelter-page .layout{grid-template-columns:305px minmax(490px,1fr) 325px}.shelter-page .summary-panel{flex-basis:178px}.shelter-page .principle-panel{flex-basis:130px}.evac-card,.responsibility-card{padding:8px 7px 7px 38px}.shelter-kpi-grid .kpi{height:49px}.evac-focus-card{width:70%}.shelter-photo-viewer{width:196px}.photo-main{height:104px}.photo-nav{top:66px}}
@media (prefers-reduced-motion:reduce){.photo-viewer-head i,.photo-scan,.shelter-photo-viewer::before{animation:none!important}}