.situation-body{background:#eef5f5;color:#193c49}.situation-page{max-width:1920px;margin:auto;padding:26px 32px 12px}.sm-header{display:flex;gap:18px;align-items:center;margin-bottom:24px}.sm-back,.sm-icon-btn{display:grid;place-items:center;border:1px solid #dbe8e8;border-radius:15px;background:white;color:#216468;width:44px;height:44px;flex-shrink:0}.sm-heading{flex:1}.sm-heading small{font-size:10px;letter-spacing:.15em;font-weight:700;color:#66898d}.sm-heading h1{font-size:25px;font-weight:700;margin:3px 0}.sm-heading p{font-size:13px;color:#6c828a;margin:0}.sm-province{display:flex;gap:12px;align-items:center;font-size:12px;color:#688088}.sm-province select{padding:12px 32px 12px 14px;border:1px solid #d5e5e5;border-radius:13px;color:#21434e;background:white;max-width:230px}.sm-hotline{padding:12px 17px;background:#df3d52;border-radius:13px;color:white;font-weight:700;text-decoration:none}.sm-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,#123e4b,#166b70);border-radius:24px;padding:25px 28px;color:white;margin-bottom:20px;position:relative;overflow:hidden}.sm-intro:after{content:'';width:240px;height:240px;border:40px solid #ffffff08;border-radius:50%;position:absolute;right:100px;top:-120px;pointer-events:none}.sm-live{font-size:12px;color:#bce7df;display:flex;align-items:center;gap:7px}.sm-live i{height:7px;width:7px;border-radius:50%;background:#93e1c5}.sm-intro h2{font-size:25px;line-height:1.4;font-weight:700;margin:8px 0}.sm-intro p{font-size:13px;color:#d2e4e7;max-width:760px;margin:0}.sm-intro>a{display:flex;align-items:center;gap:12px;padding:16px;background:#e6f8f3;color:#176368;border-radius:16px;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:700;z-index:1}
.sm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.sm-stats>div{display:flex;align-items:center;gap:15px;padding:19px 22px;border-radius:18px;background:white;border:1px solid #dae8e9}.sm-stats i{height:44px;width:44px;display:grid;place-items:center;background:#e6f4f3;border-radius:14px;color:#128480;font-size:22px}.sm-stats>div:nth-child(3) i{color:#d34959;background:#fff0f2}.sm-stats>div:nth-child(4) i{color:#b48421;background:#fff8e8}.sm-stats span{font-size:12px;color:#6b8088}.sm-stats strong{display:block;font-size:27px;line-height:1.25;margin-top:3px;color:#214350}.sm-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.sm-sidebar{display:grid;gap:16px;min-width:0}.sm-panel,.sm-map-panel{background:white;border:1px solid #d6e6e7;border-radius:20px;overflow:hidden}.sm-panel{padding:18px}.sm-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.sm-panel h2,.sm-map-top h2{font-size:16px;font-weight:700;margin:0}.sm-panel h2 i{margin-right:7px;color:#15827e}.sm-icon-btn{width:32px;height:32px;border-radius:10px}.sm-pill{font-size:10px;color:#167b7e;background:#eaf7f5;padding:5px 8px;border-radius:8px}.pmap-legend.sm-layers{position:static;box-shadow:none;background:transparent;padding:0;border-radius:0;display:grid;gap:15px;font-size:13px}.sm-layers label{display:flex;align-items:center;gap:8px}.sm-layers input{accent-color:#138882;width:16px;height:16px;flex-shrink:0}.sm-main-layer{background:#eaf7f5;border:1px solid #ceeee4;padding:12px;border-radius:12px}.sm-main-layer>i{font-size:22px;color:#12837c}.sm-main-layer small{display:block;color:#6e858a;font-size:11px;margin-top:3px}.sm-layers summary{font-size:12px;font-weight:700;cursor:pointer;color:#4c6a73}.sm-levels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0}.sm-levels label{font-size:12px}.sm-levels .lv-dot{height:9px;width:9px}.sm-other-layers{border-top:1px solid #e4eeee;padding-top:14px;display:grid;gap:12px}.sm-source-status{font-size:12px;line-height:1.6;color:#6e8189;margin:14px 0 0}.sm-search{display:flex;gap:8px;align-items:center;border:1px solid #deeaec;background:#f6fafa;padding:10px 12px;border-radius:10px;color:#6b9196}.sm-search input{border:0;background:transparent;min-width:0;width:100%;font-size:13px;outline:0}.sm-water-list{max-height:330px;overflow-y:auto;margin-top:10px;font-size:13px;color:#698087;min-height:45px}.sm-water-list button{display:flex;gap:10px;align-items:center;width:100%;padding:12px 0;border:0;border-bottom:1px solid #e9eff0;background:white;text-align:left;color:#254d57}.sm-water-list button:hover,.sm-water-list button:focus-visible{background:#eef8f5}.sm-water-list i{height:9px;width:9px;border-radius:50%;background:var(--tone);flex-shrink:0}.sm-water-list span{flex:1;min-width:0}.sm-water-list b{display:block;font-size:13px}.sm-water-list small{display:block;font-size:11px;color:#71848c;margin-top:3px}.sm-water-list strong{font-size:17px;text-align:right;white-space:nowrap}.sm-source-link{display:block;font-size:12px;color:#20777c;margin-top:14px;text-decoration:none}
.sm-map-top{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:18px 22px}.sm-map-top small{font-size:11px;color:#789296;display:block;margin-bottom:5px}.sm-map-top button{border:1px solid #dce9e9;border-radius:10px;background:white;color:#376e77;font-size:12px;padding:10px 12px}.sm-map-stage{height:min(70vh,760px);min-height:530px;position:relative;background:#e2eded}#pubMap{height:100%;width:100%}.sm-map-chip{position:absolute;z-index:450;top:14px;left:56px;background:#fffffff0;border-radius:11px;padding:10px 12px;color:#206770;font-size:12px;box-shadow:0 3px 10px #254e5815;pointer-events:none}.sm-map-chip span{display:inline-block;width:7px;height:7px;background:#07887b;border-radius:50%;margin-right:5px}.sm-map-message{position:absolute;z-index:450;top:70px;left:50%;transform:translateX(-50%);padding:10px 14px;background:#fff7dd;border-radius:10px;font-size:12px;max-width:85%;width:max-content;text-align:center}.sm-map-credit{position:absolute;z-index:450;bottom:25px;left:10px;border-radius:7px;padding:5px 8px;background:#ffffffe6;font-size:10px;color:#425f67;pointer-events:none}.sm-map-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid #e5eeee;font-size:11px;color:#617b83}.sm-map-legend b{color:#295663}.sm-map-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tone);margin-right:5px}.sm-map-footer{padding:12px 22px}.sm-map-footer p{font-size:11px;color:#73898f;margin:0;line-height:1.7}.sm-water-marker{display:grid;place-items:center;width:42px;height:42px;background:var(--tone);color:white;border:3px solid white;border-radius:50%;font-size:12px;font-weight:700;box-shadow:0 3px 12px #163c4944;transition:transform .2s}.sm-water-marker:hover{transform:scale(1.12)}.sm-water-pop h3{font-size:15px;font-weight:700;margin:0 0 4px;color:#204a56}.sm-water-pop .sm-pop-value{font-size:28px;font-weight:700;margin:12px 0 4px;color:#206870}.sm-water-pop .sm-pop-value small{font-size:11px;font-weight:400;margin-left:6px}.sm-water-pop p{margin:6px 0!important;font-size:12px;line-height:1.6}.sm-water-pop .sm-pop-status{display:inline-block;font-size:11px;padding:3px 8px;border-radius:6px;color:white;background:var(--tone);margin-top:8px}.sm-water-pop dl{display:grid;grid-template-columns:70px 1fr;gap:5px 8px;font-size:11px;margin:12px 0}.sm-water-pop dt{color:#81939a;font-weight:400}.sm-water-pop dd{margin:0;color:#365b65}.sm-water-pop footer{border-top:1px solid #e2ebec;padding-top:8px;color:#7d8e95;font-size:10px;line-height:1.6}.sm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.sm-actions a{padding:13px 20px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:700}.sm-report-action{background:#13817b;color:white}.sm-help-action{background:#e33c53;color:white}.sm-detail-action{border:1px solid #d6e6e6;background:white;color:#37747b}.sm-safety{font-size:12px;text-align:center;color:#758b92;margin:20px 0 8px}.situation-page :is(button,a,select,input,summary):focus-visible{outline:3px solid #efab53;outline-offset:3px}
@media(min-width:1600px){.sm-workspace{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:1000px){.situation-page{padding:20px}.sm-header{gap:12px}.sm-heading h1{font-size:21px}.sm-heading p{font-size:11px}.sm-province{display:block}.sm-province select{display:block;margin-top:4px;max-width:175px}.sm-intro{padding:22px}.sm-intro h2{font-size:22px}.sm-intro>a{font-size:12px;padding:13px}.sm-workspace{grid-template-columns:265px minmax(0,1fr);gap:14px}.sm-stats>div{padding:15px;gap:10px}.sm-stats i{width:35px;height:35px;font-size:18px}.sm-stats strong{font-size:23px}.sm-stats span{font-size:11px}.sm-map-stage{min-height:650px}.sm-map-chip{font-size:10px}}
@media(max-width:720px){.situation-page{padding:15px 12px 10px}.sm-header{flex-wrap:wrap;margin-bottom:15px;gap:10px}.sm-heading{flex:1}.sm-heading h1{font-size:20px}.sm-heading small{font-size:8px}.sm-heading p{font-size:11px}.sm-back{width:36px;height:36px;border-radius:12px}.sm-hotline{padding:10px;font-size:12px}.sm-province{order:4;width:100%;display:flex;gap:12px;align-items:center}.sm-province select{margin:0;flex:1;max-width:none;padding:10px}.sm-intro{display:block;padding:22px 20px;border-radius:20px}.sm-intro h2{font-size:23px}.sm-intro p{font-size:12px;line-height:1.7}.sm-intro>a{display:inline-flex;margin-top:16px;font-size:13px}.sm-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.sm-stats>div{padding:12px;border-radius:15px;gap:10px}.sm-stats strong{font-size:24px}.sm-stats span{font-size:11px}.sm-workspace{display:flex;flex-direction:column;gap:15px}.sm-map-panel{width:100%;order:0}.sm-sidebar{width:100%;order:1}.sm-map-stage{height:480px;min-height:0}.sm-map-chip{font-size:10px;padding:9px;left:50px}.sm-map-top{padding:15px}.sm-map-top h2{font-size:17px}.sm-map-top button{font-size:11px}.sm-map-legend{padding:12px 15px;gap:10px;font-size:11px}.sm-map-footer{padding:12px 15px}.sm-map-footer p{font-size:11px}.sm-panel{padding:18px}.sm-levels{grid-template-columns:repeat(3,1fr)}.sm-other-layers{grid-template-columns:1fr 1fr}.sm-water-list{max-height:300px}.sm-actions{flex-wrap:wrap;justify-content:center;gap:8px}.sm-actions a{font-size:13px;padding:12px 14px}.sm-detail-action{width:100%;text-align:center}.sm-safety{font-size:11px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.sm-water-marker{transition:none}}
.sm-mobile-nav{display:none}.sm-map-panel,.sm-sidebar,.sm-stations{scroll-margin-top:14px}
.sm-art-intro{display:grid;grid-template-columns:minmax(0,1fr) 44%;padding:0;min-height:280px;gap:0;background:#124d59}.sm-art-intro:after{display:none}.sm-intro-copy{position:relative;padding:30px;z-index:2}.sm-art-intro h2{font-size:29px;max-width:660px}.sm-art-intro p{max-width:650px;line-height:1.85}.sm-intro-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.sm-intro-actions a{display:inline-flex;gap:9px;align-items:center;border-radius:11px;padding:12px 15px;background:#e0f4ec;color:#165f66;text-decoration:none;font-size:13px;font-weight:700}.sm-intro-actions .sm-guide-link{border:1px solid #ffffff38;background:#ffffff0b;color:#d3eeea;font-weight:500}.sm-intro-art{position:relative;height:100%;min-height:280px;overflow:hidden}.sm-intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#124d59,transparent 45%);pointer-events:none}.sm-intro-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:85% 55%;inset:0}.sm-intro-art small{position:absolute;z-index:1;bottom:13px;right:14px;padding:5px 8px;border-radius:7px;background:#ffffffe8;color:#527079;font-size:10px}
@media(max-width:1000px){.sm-art-intro{grid-template-columns:minmax(0,1fr) 38%}.sm-art-intro h2{font-size:23px}.sm-intro-copy{padding:24px}.sm-intro-actions a{font-size:12px;padding:10px 12px}}
@media(max-width:720px){.sm-art-intro{display:flex;flex-direction:column;padding:0}.sm-intro-copy{padding:24px 21px 16px}.sm-art-intro h2{font-size:25px}.sm-intro-actions{gap:8px;margin-top:15px}.sm-intro-actions a{font-size:12px;padding:11px 12px}.sm-intro-art{width:100%;min-height:160px;height:160px}.sm-intro-art:after{background:linear-gradient(180deg,#124d59,transparent 65%)}.sm-intro-art img{object-position:80% 55%}.sm-intro-art small{font-size:9px;bottom:10px;right:12px}}
@media(max-width:720px){.sm-mobile-nav{display:flex;gap:7px;margin:0 0 14px}.sm-mobile-nav a{flex:1;text-align:center;padding:11px 5px;border:1px solid #d7e6e7;background:white;border-radius:10px;color:#2b7279;text-decoration:none;font-size:11px;font-weight:600}.sm-mobile-nav i{margin-right:4px}}