:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17241f;background:#e9eee8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#fff 0,transparent 44%),#e9eee8}button,textarea{font:inherit}button{cursor:pointer}.topbar{height:100px;display:flex;align-items:center;gap:15px;padding:0 38px;border-bottom:1px solid #cfd8cf;background:#f5f8f4b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{width:50px;height:50px;display:grid;place-items:center;background:#183f34;color:#fff;font-family:STSong,serif;font-size:26px;box-shadow:7px 7px #c5d8c4}.topbar h1{margin:0;font-family:STSong,serif;font-weight:700;font-size:25px;letter-spacing:.08em}.topbar p{margin:5px 0 0;color:#728078;font-size:12px;letter-spacing:.06em}.data-badge{margin-left:auto;display:flex;align-items:baseline;gap:8px;color:#65736b}.data-badge b{font-family:Georgia,serif;color:#163e33;font-size:28px}.data-badge span{font-size:12px}.workspace{display:grid;grid-template-columns:286px minmax(440px,1fr) 250px;gap:18px;max-width:1460px;margin:0 auto;padding:25px 26px 16px}.panel,.map-card{background:#f8faf6;border:1px solid #d4ddd3;box-shadow:0 16px 40px #2b3e3312}.panel{padding:23px}.step{display:flex;gap:12px;align-items:flex-start}.step>span{font-family:Georgia,serif;font-size:12px;color:#809087;border:1px solid #bdc9bf;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.step h2{font-family:STSong,serif;font-size:18px;margin:1px 0 3px}.step p{font-size:11px;color:#829087;margin:0}.editor textarea{margin-top:20px;width:100%;height:292px;resize:vertical;border:1px solid #ccd6cd;background:#eff3ee;padding:14px 15px;line-height:1.85;color:#29473d;border-radius:2px;outline:none;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.editor textarea:focus{border-color:#3d7767;box-shadow:0 0 0 3px #d8e7df}.editor-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;font-size:10px;color:#89958e}.ghost{border:0;background:transparent;color:#59756b;padding:2px}.errors{background:#fff0e6;color:#a94c2b;font-size:10px;padding:8px 10px;line-height:1.55;margin-bottom:8px;max-height:64px;overflow:auto}.apply{width:100%;height:44px;border:0;background:#193f34;color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.08em;box-shadow:4px 4px #a8c4b1}.apply:hover{background:#245747}.apply:disabled{background:#aab5ae;box-shadow:none;cursor:not-allowed}.hint{margin-top:18px;padding:12px;border-left:2px solid #c9d7ca;display:grid;gap:4px;font-size:10px;color:#829088}.hint b{color:#4f6359;margin-bottom:3px}.map-card{min-width:0;padding:26px 30px 18px;display:flex;flex-direction:column}.map-head{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:9px;letter-spacing:.23em;color:#89968f}.map-head h2{font-family:STSong,serif;margin:7px 0 0;font-size:24px}.range{text-align:right}.range span{display:block;font-size:9px;color:#89968f;margin-bottom:5px}.range b{font-family:Georgia,serif;font-size:15px;color:#315b4d}.map-wrap{position:relative;flex:1;min-height:420px;display:grid;place-items:center}.map-wrap svg{width:100%;max-height:480px;height:auto;overflow:visible;filter:drop-shadow(0 11px 12px rgba(49,70,58,.11))}.provinces g{outline:none;cursor:crosshair}.provinces polygon{stroke:#f8faf6;stroke-width:2.4;stroke-linejoin:round;transition:fill .3s,transform .16s,filter .16s;transform-box:fill-box;transform-origin:center}.provinces text{font-size:9px;fill:#284239;pointer-events:none;text-anchor:middle;dominant-baseline:middle;font-weight:600;opacity:.77}.provinces g.is-hovered polygon,.provinces g:focus polygon{transform:translateY(-2px) scale(1.035);filter:brightness(.94);stroke:#173f34;stroke-width:2;position:relative}.provinces g.is-hovered text{fill:#102d24;font-weight:800}.tooltip{position:absolute;top:22px;left:12px;background:#173f34;color:#fff;padding:11px 14px;min-width:128px;opacity:.5;transition:.2s;box-shadow:5px 5px #adc3b3cc}.tooltip.visible{opacity:1}.tooltip span{font-size:10px;color:#bcd0c4;display:block;margin-bottom:3px}.tooltip b{font-family:Georgia,serif;font-size:20px}.empty{position:absolute;text-align:center;color:#496057;background:#f8faf6eb;padding:16px 24px;border:1px solid #cfd9d0;font-family:STSong,serif}.empty small{font-family:inherit;color:#8b9790;font-size:10px}.legend{display:grid;grid-template-columns:24px 1fr 24px;grid-template-rows:18px 14px;align-items:center;max-width:370px;margin:0 auto;width:72%;column-gap:8px}.legend-scale{height:9px;display:flex}.legend-scale i{flex:1}.legend.gradient .legend-scale{border-radius:10px}.legend-label{font-size:9px;color:#89968f;text-align:center}.legend-min,.legend-max{font-family:Georgia,serif;font-size:9px;color:#718078;grid-row:2}.legend-min{grid-column:2;text-align:left}.legend-max{grid-column:2;text-align:right}.settings{padding-left:20px;padding-right:20px}.palette-list{display:grid;gap:8px;margin-top:21px}.palette-list button{display:grid;grid-template-columns:68px 1fr 18px;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;padding:9px 8px;color:#51645a}.palette-list button:hover{background:#edf2ec}.palette-list button.selected{border-color:#aac0b1;background:#edf3ed;color:#173f34}.palette-list b{font-size:11px}.swatches{display:flex;height:20px}.swatches i{flex:1}.check{opacity:0;font-size:11px}.selected .check{opacity:1}.divider{height:1px;background:#d8dfd8;margin:22px 0}.option-title{font-size:11px;font-weight:700;color:#52635a}.segmented{margin-top:10px;display:flex;background:#e9eee8;padding:3px}.segmented button{flex:1;border:0;background:transparent;padding:8px;font-size:10px;color:#75837b}.segmented button.on{background:#fff;color:#183f34;box-shadow:0 2px 8px #ccd5cd}.note{display:flex;gap:8px;margin-top:20px;padding:12px;background:#eef3ed;color:#718078}.note span{color:#3c725f}.note p{font-size:10px;line-height:1.6;margin:0}footer{max-width:1460px;margin:0 auto;padding:0 30px 22px;display:flex;justify-content:space-between;color:#8b9790;font-size:9px;letter-spacing:.07em}@media(max-width:1050px){.workspace{grid-template-columns:260px 1fr}.settings{grid-column:1/-1}.settings .palette-list{grid-template-columns:repeat(4,1fr)}.settings .divider,.settings .option-title,.settings .segmented,.settings .note{display:none}.map-wrap{min-height:390px}}@media(max-width:760px){.topbar{height:84px;padding:0 18px}.brand-mark{width:42px;height:42px;font-size:21px}.topbar h1{font-size:20px}.topbar p,.data-badge span{display:none}.workspace{display:flex;flex-direction:column;padding:14px}.map-card{order:1;padding:20px 14px}.editor{order:2}.settings{order:3}.map-wrap{min-height:330px}.map-wrap svg{width:115%;max-width:none}.tooltip{top:7px;left:3px}.settings .palette-list{grid-template-columns:1fr 1fr}.legend{width:88%}.editor textarea{height:230px}footer{padding:0 18px 18px;gap:20px}.range{display:none}}@media(max-width:430px){.data-badge{display:none}.map-wrap{min-height:285px}.map-wrap svg{width:125%}.map-head h2{font-size:21px}.tooltip{padding:8px 10px;min-width:105px}.tooltip b{font-size:16px}.settings .palette-list{grid-template-columns:1fr}}