:root{--green:#235c46;--ink:#20382d;--muted:#526359;--bg:#f4f8f5;--line:#d7e4db;--error:#a63737;--blue:#386f9c}*{box-sizing:border-box}body{margin:0;font:16px/1.55 "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--bg)}header{min-height:94px;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line);gap:18px}h1{font-size:24px;margin:0;font-weight:650}header p{margin:4px 0 0;color:var(--muted);font-size:14px}button,select,input{font:inherit}button,select{min-height:44px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:8px 12px}button{cursor:pointer}button:hover{background:#e7f0ea;border-color:var(--green)}button:disabled,select:disabled{cursor:default;opacity:.55}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}main{display:grid;grid-template-columns:260px minmax(360px,1fr) 316px;min-height:calc(100vh - 140px)}aside{padding:22px 20px;background:white}.controls{border-right:1px solid var(--line)}section{margin:0}aside section+section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}h2{font-size:17px;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}label{display:block;font-size:14px;font-weight:600;margin:0 0 8px}select{width:100%;font-size:14px;margin-bottom:16px}.year-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.year-row output{font-size:48px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--green)}.year-row select{width:94px;margin:0}input[type=range]{width:100%;accent-color:var(--green);min-height:28px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.step{display:flex;gap:10px;margin-top:16px}.step button{flex:1;font-size:14px}.hint{color:var(--muted);font-size:14px;margin:4px 0;line-height:1.6}.check{min-height:44px;display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:18px;height:18px;accent-color:var(--green)}#reset{width:100%;margin-top:12px}details{font-size:14px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;font-weight:600;min-height:44px}details p{color:var(--muted)}.map-column{padding:18px;display:flex;flex-direction:column;min-width:0}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.map-heading h2{margin:0;font-size:17px}.map-heading>span{font-size:12px;color:var(--muted)}.map-wrap{position:relative;flex:1;min-height:540px;border:1px solid var(--line);overflow:hidden;background:#eef3f0}#map{height:100%;min-height:540px;width:100%;position:absolute;inset:0;background:#edf2ef;background-image:linear-gradient(#dce7df 1px,transparent 1px),linear-gradient(90deg,#dce7df 1px,transparent 1px);background-size:80px 80px}.north{position:absolute;z-index:500;right:18px;top:16px;background:white;border:1px solid var(--line);padding:6px 10px;font-size:14px;text-align:center;pointer-events:none}.north span{display:block;font-size:26px;line-height:1}.legend{position:absolute;z-index:500;left:16px;bottom:35px;background:rgba(255,255,255,.95);padding:12px 14px;border:1px solid var(--line);border-radius:4px;width:230px;font-size:13px;pointer-events:none}.legend strong{font-size:14px;font-weight:600}.ramp{height:10px;margin:8px 0 3px}.ramp-labels{display:flex;justify-content:space-between;color:var(--muted)}.swatch{display:inline-block;width:12px;height:12px;margin-right:6px;background:#707e85}.map-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:12px;color:var(--muted)}#empty-map{position:absolute;z-index:450;left:50%;top:43%;transform:translate(-50%,-50%);width:min(340px,80%);padding:20px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-left:4px solid var(--green);box-shadow:0 6px 20px #20382d0c;pointer-events:none}#empty-map p{font-size:14px;margin:8px 0 0;color:var(--muted)}[hidden]{display:none!important}.analysis{border-left:1px solid var(--line)}.analysis-heading p{font-size:13px;color:var(--muted);margin:-6px 0 16px}#data-status{font-size:14px;padding:10px 12px;background:var(--bg);border-left:3px solid var(--green);margin-bottom:16px}#data-status.error,#load-status.error{color:var(--error)}.numbers{margin:0}.numbers>div{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}dt{font-size:14px;color:var(--muted)}dd{font-size:23px;font-weight:600;margin:0;font-variant-numeric:tabular-nums}#valid{font-size:17px}.chart{min-height:150px;display:flex;align-items:center;margin-top:8px}.chart svg{display:block;width:100%;overflow:visible}.table-wrap{overflow:auto;max-height:380px}table{width:100%;font-size:12px;border-collapse:collapse}caption{text-align:left;color:var(--muted);padding-bottom:10px}th,td{text-align:right;padding:8px 4px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}tr.selected{background:#e7f0ea;font-weight:600}footer{padding:12px 28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);background:white}.leaflet-control-scale-line{font-size:12px!important}.leaflet-container{font-family:inherit!important}#opacity-label{float:right;font-weight:400}button,select{transition:background-color .15s}@media(min-width:1500px){main{grid-template-columns:280px minmax(360px,1fr) 340px}.map-wrap{min-height:660px}}@media(max-width:1130px){main{grid-template-columns:240px minmax(360px,1fr)}.analysis{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);border-left:0}.analysis>section{margin:0;padding:0;border:0}.analysis .numbers{grid-row:2/4}.analysis details{grid-column:1/-1;margin:0}.analysis-heading,#data-status{margin:0}}@media(max-width:660px){header{padding:16px;align-items:flex-start}h1{font-size:21px}header button{font-size:13px;padding:8px;min-width:68px}main{display:flex;flex-direction:column}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.controls section+section{border:0;padding:0;margin:0}.controls details{grid-column:1/-1;margin:0}.controls section:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.controls section:nth-child(3) h2{grid-column:1/-1}.controls section:nth-child(3)>input,.controls section:nth-child(3)>label[for]{grid-column:1/-1}.map-column{padding:12px}.map-wrap,#map{min-height:450px}.analysis{padding:20px;display:block}.analysis>section{margin-top:24px}.analysis details{margin-top:24px}.analysis-heading{margin-bottom:16px}footer{padding:16px}#data-status{margin-bottom:12px}.legend{width:205px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{header button,.controls,.analysis,body>footer{display:none}header{padding:8px 0}main{display:block}.map-column{padding:0}.map-wrap,#map{height:170mm;min-height:170mm}.map-footer{color:#20382d}.leaflet-control-zoom{display:none}body{background:white}.map-heading>span{font-size:12px}@page{size:A4 landscape;margin:12mm}}

@media screen and (min-width:1131px){main{height:calc(100dvh - 140px);min-height:580px}aside{overflow:auto}.map-wrap,#map{min-height:0}.map-wrap{height:100%}}

.quality-body{padding-top:8px}#quality-settings{margin-top:22px;padding-top:18px}#quality-settings summary{font-size:16px}
@media(max-width:660px){.controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.year-row output{font-size:36px}.year-row select{width:72px}.year-row{gap:6px}.controls select{padding-left:8px;padding-right:4px}#quality-settings{grid-column:1/-1;margin:0;padding-top:12px}#quality-settings .quality-body{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#quality-settings .quality-body>input,#quality-settings .quality-body>label[for]{grid-column:1/-1}.controls>details:last-child{padding-top:12px}}

.print-info{display:none}@media print{main{height:auto;min-height:0}.print-info{display:block;font-size:12px;color:#20382d}.map-wrap{height:155mm}#map{height:155mm;min-height:155mm}.map-heading h2{font-size:18px}}