:root{--bg:#061713;--panel:#0b251e;--panel-2:#0d2c23;--line:rgba(154,226,183,.17);--ink:#edfff4;--muted:#98b1a4;--green:#77e09c;--cyan:#59d9d0;--gold:#e8c56d;--violet:#b3a2ff;--shadow:0 24px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 12%,rgba(77,213,150,.12),transparent 30rem),linear-gradient(145deg,#05130f,#071e18 58%,#061713);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.map-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.2rem;min-height:72px;padding:.65rem max(1rem,calc((100vw - 1500px)/2));border-bottom:1px solid var(--line);background:rgba(5,22,17,.92);backdrop-filter:blur(18px)}
.brand{display:flex;flex:0 0 auto;align-items:center;gap:.7rem}.brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(119,224,156,.3);border-radius:13px;background:rgba(119,224,156,.1);color:var(--green);font-size:.75rem;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem}.brand small{margin-top:.15rem;color:var(--muted);font-size:.75rem}
.map-header nav{display:flex;gap:.35rem;margin-left:auto}.map-header nav a{padding:.6rem .72rem;border-radius:9px;color:#aec2b7;font-size:.82rem;white-space:nowrap}.map-header nav a:hover,.map-header nav a:focus-visible{outline:none;background:rgba(119,224,156,.09);color:var(--green)}
.user-chip{flex:0 0 auto;padding:.52rem .72rem;border:1px solid var(--line);border-radius:999px;color:#c6d9cf;font-size:.78rem;white-space:nowrap}
.map-shell{width:min(1500px,calc(100% - 2rem));margin:auto;padding:1.8rem 0 3rem}.map-titlebar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.map-titlebar>div p,.archive-head small{margin:0;color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.15em}.map-titlebar h1{margin:.55rem 0 0;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.map-titlebar h1 em{color:var(--green);font-style:normal}.map-titlebar>p{max-width:630px;margin:0;color:var(--muted);font-size:1rem;line-height:1.75}
.map-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.map-stats div{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:rgba(13,43,33,.7)}.map-stats span{color:var(--muted);font-size:.86rem}.map-stats strong{color:var(--green);font-size:1.4rem}
.map-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:1rem;align-items:stretch}.map-panel,.archive-panel{min-width:0;border:1px solid var(--line);border-radius:20px;background:rgba(9,34,27,.88);box-shadow:var(--shadow);overflow:hidden}
.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.75rem .9rem;border-bottom:1px solid var(--line)}.toolbar-filters,.map-toolbar-side{display:flex;align-items:center;gap:.55rem;min-width:0}.filters{display:flex;gap:.3rem;padding:.2rem;border:1px solid rgba(154,226,183,.09);border-radius:11px;background:rgba(0,0,0,.12)}.filters button,.archive-head button,.province-reset{min-height:40px;padding:.5rem .72rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:700;white-space:nowrap}.filters button:hover,.filters button:focus-visible,.archive-head button:hover,.province-reset:hover{outline:none;color:var(--ink)}.filters button.active{border-color:rgba(119,224,156,.26);background:rgba(119,224,156,.12);color:var(--green)}
.province-reset{max-width:210px;overflow:hidden;border-color:rgba(89,217,208,.22);color:var(--cyan);text-overflow:ellipsis}.legend{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.73rem;white-space:nowrap}.legend span{width:8px;height:8px;margin-left:.35rem;border-radius:50%;background:var(--violet)}.legend .slurry{background:var(--cyan)}.legend .soil{background:var(--gold)}
.map-canvas{position:relative;height:clamp(510px,52vw,680px);min-height:510px;overflow:hidden;background:radial-gradient(circle at 58% 38%,rgba(56,125,97,.13),transparent 23rem),#071c17}.map-grid{position:absolute;inset:0;z-index:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(136,205,164,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(136,205,164,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center,black,transparent 82%)}
.china-map{position:relative;z-index:1;display:block;width:100%;height:100%;filter:drop-shadow(0 22px 30px rgba(0,0,0,.25))}.province{cursor:pointer;outline:none}.province-shape{fill:#10372c;stroke:#477765;stroke-width:1.35;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:transform .18s ease,fill .18s ease,filter .18s ease,stroke .18s ease}.province:nth-child(3n+2) .province-shape{fill:#123d31}.province:nth-child(3n) .province-shape{fill:#0f332a}.province:hover .province-shape,.province:focus-visible .province-shape{fill:#1d5a45;stroke:#83e3a5;stroke-width:1.8;filter:url(#provinceLift);transform:scale(1.028)}.province.selected .province-shape{fill:#21664d;stroke:#8bf0ac;stroke-width:2.2;filter:url(#provinceLift);transform:scale(1.018)}
.province-labels{pointer-events:none}.province-labels text{fill:#9ab9aa;font-size:12px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#09231c;stroke-width:3px;stroke-linejoin:round}.south-sea{pointer-events:none}.south-sea rect{fill:rgba(7,29,23,.8);stroke:#3a6657;stroke-width:1}.south-sea path{fill:none;stroke:#6f9d89;stroke-width:.7;vector-effect:non-scaling-stroke}.south-sea text{fill:#759889;font-size:10px;text-anchor:middle}
.province-tip{position:absolute;z-index:7;display:grid;gap:.18rem;min-width:138px;padding:.6rem .7rem;border:1px solid rgba(119,224,156,.28);border-radius:9px;background:rgba(5,27,20,.95);box-shadow:0 12px 30px rgba(0,0,0,.35);pointer-events:none}.province-tip strong{font-size:.84rem}.province-tip span{color:var(--muted);font-size:.72rem}
.map-record-point{cursor:pointer;outline:none}.point-halo{fill:rgba(179,162,255,.15);stroke:rgba(179,162,255,.4);stroke-width:2;animation:mapPulse 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.point-core{fill:var(--violet);stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 9px rgba(179,162,255,.9))}.map-record-point.slurry .point-halo{fill:rgba(89,217,208,.15);stroke:rgba(89,217,208,.45)}.map-record-point.slurry .point-core{fill:var(--cyan)}.map-record-point.soil .point-halo{fill:rgba(232,197,109,.15);stroke:rgba(232,197,109,.45)}.map-record-point.soil .point-core{fill:var(--gold)}.map-record-point:hover .point-core,.map-record-point:focus-visible .point-core{stroke-width:3;transform:scale(1.25);transform-box:fill-box;transform-origin:center}.point-label{display:none;pointer-events:none}.map-record-point:hover .point-label,.map-record-point:focus-visible .point-label{display:block}.point-label rect{fill:#0b2c22;stroke:rgba(154,226,183,.26);stroke-width:1}.point-label text{fill:#effff5;font-size:12px;font-weight:700}
.map-empty{position:absolute;z-index:6;left:50%;top:50%;display:grid;gap:.5rem;transform:translate(-50%,-50%);width:min(360px,calc(100% - 2rem));padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:14px;background:rgba(5,25,19,.9);text-align:center}.map-empty span{color:var(--muted);font-size:.84rem;line-height:1.6}@keyframes mapPulse{50%{opacity:.35;transform:scale(1.55)}}
.archive-panel{display:flex;flex-direction:column;min-height:650px}.archive-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--line)}.archive-head>div{min-width:0}.archive-head h2{margin:.25rem 0 0;font-size:1.08rem}.archive-head p{margin:.28rem 0 0;overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.archive-head button{flex:0 0 auto;border-color:var(--line);color:#c2d7cc}.archive-list{display:grid;align-content:start;gap:.55rem;max-height:680px;overflow:auto;padding:.75rem;overscroll-behavior:contain}.archive-card{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:.65rem;align-items:start;width:100%;padding:.82rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer}.archive-card:hover,.archive-card:focus-visible{outline:none;border-color:rgba(119,224,156,.4);background:rgba(119,224,156,.06)}.archive-card>i{width:9px;height:9px;margin-top:.28rem;border-radius:50%;background:var(--violet);box-shadow:0 0 12px rgba(179,162,255,.5)}.archive-card.slurry>i{background:var(--cyan)}.archive-card.soil>i{background:var(--gold)}.archive-card div{display:grid;min-width:0;gap:.24rem}.archive-card strong,.archive-card span,.archive-card small{overflow:hidden;text-overflow:ellipsis}.archive-card strong{font-size:.86rem;white-space:nowrap}.archive-card span,.archive-card small{color:var(--muted);font-size:.72rem;line-height:1.45}.archive-card>em{padding:.22rem .38rem;border-radius:6px;background:rgba(255,255,255,.055);color:#b1c4ba;font-size:.66rem;font-style:normal;white-space:nowrap}.loading,.notice{padding:.5rem;color:var(--muted);font-size:.84rem}.notice{color:#ffbcb5}
.record-dialog{width:min(580px,calc(100% - 1.5rem));max-height:min(88vh,820px);padding:0;overflow:auto;border:1px solid rgba(148,225,177,.22);border-radius:20px;background:#09231c;color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.55)}.record-dialog::backdrop{background:rgba(1,10,7,.74);backdrop-filter:blur(5px)}.dialog-close{position:sticky;z-index:3;float:right;right:.8rem;top:.8rem;width:40px;height:40px;margin:.75rem .75rem -3.2rem 0;border:1px solid var(--line);border-radius:10px;background:#12372d;color:#d7e9df;cursor:pointer}.dialog-close:hover,.dialog-close:focus-visible{outline:2px solid rgba(119,224,156,.38)}.detail{padding:1.5rem}.detail-kicker{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.12em}.detail h2{margin:.45rem 2.8rem 1rem 0;font-size:1.55rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.detail-meta span{padding:.35rem .5rem;border-radius:7px;background:rgba(255,255,255,.055);color:#b6cabf;font-size:.72rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.detail-grid div{padding:.82rem;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:var(--muted);font-size:.72rem}.detail-grid strong{margin-top:.3rem;font-size:.94rem;line-height:1.5}.detail-note{margin:1rem 0;padding:.85rem;border-left:3px solid var(--green);background:rgba(119,224,156,.06);color:#c3d6cc;font-size:.82rem;line-height:1.7}.locate-form{display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.locate-form>strong{font-size:.9rem}.locate-form>p{margin:-.25rem 0 0;color:var(--muted);font-size:.76rem}.locate-form label{display:grid;gap:.32rem;color:#b3c8bd;font-size:.76rem}.locate-form input{width:100%;min-height:44px;padding:.58rem .68rem;border:1px solid var(--line);border-radius:9px;outline:0;background:#061914;color:var(--ink)}.locate-form input:focus{border-color:var(--green)}.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.public-record-note{display:grid;gap:.3rem;margin-top:1rem;padding:.85rem;border:1px solid rgba(89,217,208,.18);border-radius:11px;background:rgba(89,217,208,.06)}.public-record-note strong{color:var(--cyan);font-size:.82rem}.public-record-note span{color:#b5cbc0;font-size:.77rem;line-height:1.6}.detail-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.detail-actions button,.detail-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.58rem .85rem;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);color:#d6e7de;font-size:.8rem;font-weight:700;cursor:pointer}.detail-actions .primary{border:0;background:linear-gradient(135deg,#88e4a5,#50d8b2);color:#062017}
@media(max-width:1180px){.map-workspace{grid-template-columns:1fr}.archive-panel{min-height:0}.archive-list{max-height:440px}.map-canvas{height:min(68vw,650px)}.toolbar-filters{flex-wrap:wrap}}
@media(max-width:760px){.map-header{position:relative;flex-wrap:wrap;gap:.55rem;min-height:0;padding:.7rem .75rem}.brand{max-width:calc(100% - 132px)}.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip{margin-left:auto;max-width:124px;overflow:hidden;text-overflow:ellipsis}.map-header nav{order:3;width:100%;margin:0;overflow-x:auto;padding:.1rem 0 .15rem;scrollbar-width:none}.map-header nav::-webkit-scrollbar{display:none}.map-header nav a{min-height:42px;padding:.68rem .75rem;background:rgba(255,255,255,.025)}.map-shell{width:calc(100% - 1rem);padding:1rem 0 2rem}.map-titlebar{display:grid;gap:.8rem;margin-bottom:1rem}.map-titlebar h1{font-size:clamp(1.85rem,9vw,2.5rem)}.map-titlebar>p{font-size:.9rem;line-height:1.65}.map-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.map-stats div{padding:.82rem}.map-stats span{font-size:.78rem}.map-stats strong{font-size:1.2rem}.map-panel,.archive-panel{border-radius:15px}.map-workspace{gap:.65rem}.map-toolbar{align-items:stretch;flex-direction:column;padding:.6rem}.toolbar-filters,.map-toolbar-side{align-items:stretch;flex-direction:column}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.filters button{min-height:44px;padding:.5rem .35rem}.map-toolbar-side{gap:.45rem}.province-reset{width:100%;max-width:none}.legend{justify-content:center;min-height:32px}.map-canvas{height:390px;min-height:390px}.province-labels text{font-size:14px}.south-sea{display:none}.point-halo{r:18}.archive-head{padding:.85rem}.archive-list{max-height:none;padding:.6rem}.archive-card{min-height:74px;padding:.78rem}.archive-card strong{white-space:normal}.record-dialog{width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;border-radius:18px 18px 0 0}.detail{padding:1.2rem}.detail h2{font-size:1.35rem}.detail-grid{grid-template-columns:1fr}.coord-grid{grid-template-columns:1fr}.detail-actions{display:grid;grid-template-columns:1fr}.detail-actions button,.detail-actions a{width:100%}.province-tip{display:none}}
@media(max-width:420px){.brand small{display:none}.map-canvas{height:340px;min-height:340px}.map-stats{gap:.4rem}.map-stats div{padding:.72rem}.archive-card{grid-template-columns:8px minmax(0,1fr)}.archive-card>em{grid-column:2;justify-self:start}.detail{padding:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.province-shape,.point-halo{transition:none;animation:none}}