:root{--bg:#071018;--panel:#0b1722;--panel2:#0e1d29;--line:#183245;--text:#e9f2f8;--muted:#7f9aaa;--cyan:#38d9ff;--green:#48e5a3;--amber:#ffcf5a;--red:#ff6b7a}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 30% -10%,#102d3d 0,#071018 38%);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(56,217,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,255,.025) 1px,transparent 1px);background-size:28px 28px}.app{max-width:1720px;margin:auto;padding:18px}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:rgba(8,21,31,.85);backdrop-filter:blur(14px);padding:0 18px;border-radius:14px}.brand{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border:1px solid #2c6c82;border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-weight:800;box-shadow:inset 0 0 20px rgba(56,217,255,.08)}h1,h2,p{margin:0}.brand h1{font-size:18px;letter-spacing:.04em}.brand p,.panel-head p{color:var(--muted);font-size:12px;margin-top:4px}.live{display:flex;align-items:center;gap:9px;font-size:12px;color:#96b1bf}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.metric{background:linear-gradient(145deg,rgba(14,31,43,.94),rgba(8,20,29,.94));border:1px solid var(--line);border-radius:12px;padding:13px 16px;min-height:86px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-15px;top:-25px;width:90px;height:90px;border:1px solid rgba(56,217,255,.09);border-radius:50%}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:27px;margin:4px 0 2px;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(340px,.85fr);gap:12px}.panel{border:1px solid var(--line);background:rgba(9,23,33,.93);border-radius:14px;overflow:hidden}.panel-head{height:62px;padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;font-weight:650}.filters{display:flex;gap:8px}select,input,button{background:#09141d;color:#dcecf4;border:1px solid #214255;border-radius:8px;padding:8px 10px;outline:none}select{font-size:12px}button{cursor:pointer;background:#0c3141;border-color:#1d6078;color:#9eeaff}.map-wrap{height:610px;position:relative;overflow:hidden}.map-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px rgba(0,0,0,.4)}#map{position:absolute;inset:0;background:#071018}.scan{position:absolute;pointer-events:none;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,rgba(56,217,255,.04),rgba(56,217,255,.15),rgba(56,217,255,.04),transparent);animation:scan 6s linear infinite;mix-blend-mode:screen}@keyframes scan{from{top:-140px}to{top:100%}}.legend{position:absolute;left:14px;bottom:14px;padding:8px 10px;border:1px solid #24495b;border-radius:8px;background:rgba(5,15,22,.84);font-size:11px;color:#9bb2be;display:flex;gap:12px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.legend .source{background:#4ba6c0;opacity:.55}.legend .new{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.legend .updated{background:var(--amber);box-shadow:0 0 9px var(--amber)}.feed{height:674px}.event-feed{height:612px;overflow:auto;padding:6px}.event{padding:12px 11px;border-bottom:1px solid rgba(34,66,83,.65);cursor:pointer;transition:.15s}.event:hover{background:#0d2230}.event-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-country{font-size:10px;color:var(--cyan);letter-spacing:.05em}.event-time{font-size:10px;color:#66818f}.event-title{font-size:12px;line-height:1.55;margin:6px 0;color:#dfeef4}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:9px;padding:3px 6px;border:1px solid #21485b;color:#80b9cd;border-radius:999px}.event-type{font-size:9px;padding:2px 5px;border-radius:4px;background:#0f3949;color:#78dffc}.event-type.updated{background:#3b3315;color:#ffda6c}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.search-panel,.status-panel{min-height:300px}.searchbar{display:flex;gap:8px;padding:12px}.searchbar input{flex:1}.search-results{padding:0 12px 12px;max-height:340px;overflow:auto}.result{padding:10px 3px;border-top:1px solid #173243}.result a{color:#dfeff6;text-decoration:none;font-size:12px}.result p{color:#7994a3;font-size:10px;margin-top:4px}.status-panel{position:relative}.status-ring{width:108px;height:108px;border-radius:50%;margin:18px auto;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 72deg,#15303e 72deg 360deg);position:relative}.status-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b1722}.status-ring div{z-index:1;text-align:center}.status-ring strong{display:block;font-size:25px}.status-ring span{font-size:9px;color:var(--muted)}.crawl-runs{padding:0 14px 14px;max-height:165px;overflow:auto}.run{display:flex;justify-content:space-between;font-size:10px;padding:7px 0;border-top:1px solid #173243;color:#89a4b2}.ok{color:var(--green)}.fail{color:var(--red)}.popup-title{font-size:12px;max-width:300px;line-height:1.5}.popup-meta{font-size:10px;color:#7c9aa8;margin-top:5px}
@media(max-width:1100px){.grid,.bottom-grid{grid-template-columns:1fr}.feed{height:440px}.event-feed{height:378px}.map-wrap{height:520px}}@media(max-width:700px){.app{padding:8px}.metrics{grid-template-columns:repeat(2,1fr)}.topbar{height:auto;padding:12px}.brand p,.live span:not(.live-dot){display:none}.panel-head{height:auto;gap:10px;align-items:flex-start;flex-direction:column}.map-wrap{height:480px}.filters{width:100%}.filters select{flex:1}}

/* v0.2.2: dependency-free local SVG world map */
#map{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(20,74,96,.24),rgba(7,16,24,.1) 55%,#071018 100%);overflow:hidden}
.world-svg{width:100%;height:100%;display:block}
.map-grid line{stroke:rgba(56,217,255,.065);stroke-width:.8;vector-effect:non-scaling-stroke}
.world-land path{fill:#0b2230;stroke:#28576d;stroke-width:.65;vector-effect:non-scaling-stroke;transition:.18s}
.world-land path:hover{fill:#103246;stroke:#3a8eaa}
.source-dot{fill:#4ba6c0;opacity:.34;stroke:#071018;stroke-width:1;cursor:pointer;vector-effect:non-scaling-stroke}
.source-dot.healthy{fill:#48e5a3;opacity:.55}
.event-marker{cursor:pointer}.event-core{stroke:#071018;stroke-width:2;vector-effect:non-scaling-stroke}.event-marker.new .event-core{fill:#38d9ff}.event-marker.updated .event-core{fill:#ffcf5a}
.event-ring{fill:none;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:eventPulse 2.2s ease-out infinite;vector-effect:non-scaling-stroke}.event-marker.new .event-ring{stroke:#38d9ff}.event-marker.updated .event-ring{stroke:#ffcf5a}@keyframes eventPulse{0%{opacity:.9;transform:scale(.35)}75%,100%{opacity:0;transform:scale(1.7)}}
.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#6d929f;font-size:12px;letter-spacing:.05em}
.map-source-count{position:absolute;right:14px;bottom:14px;padding:7px 9px;border:1px solid #24495b;border-radius:8px;background:rgba(5,15,22,.84);font-size:10px;color:#7da5b5;pointer-events:none}
.map-tooltip{position:absolute;z-index:20;width:min(310px,calc(100% - 20px));padding:10px 11px;background:rgba(6,22,31,.97);border:1px solid #2c6075;border-radius:9px;box-shadow:0 16px 45px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateY(4px);transition:.14s}.map-tooltip.show{opacity:1;pointer-events:auto;transform:none}.map-tooltip a{display:inline-block;margin-top:7px;color:#68dcff;text-decoration:none;font-size:10px}
.empty-state{padding:32px 18px;color:#89a5b3;text-align:center}.empty-state strong{display:block;color:#c9dce5;font-size:13px}.empty-state p{font-size:10px;line-height:1.7;margin-top:7px}.api-error{color:#ff8b96!important}

/* v0.3 bulk-ingestion dashboard */
.metrics-five{grid-template-columns:repeat(5,1fr)}
.bulk-strip{margin:0 0 12px;padding:0 14px 10px}
.bulk-title{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px}
.bulk-title h2{font-size:14px}.bulk-title p{font-size:10px;color:var(--muted);margin-top:4px}
.bulk-badge{font-size:9px;letter-spacing:.09em;border:1px solid #31505d;color:#7c9aa8;border-radius:999px;padding:5px 8px}.bulk-badge.active{border-color:#2e8ca7;color:#66e1ff;box-shadow:0 0 14px rgba(56,217,255,.12)}
.bulk-summary{display:grid;grid-template-columns:repeat(4,minmax(80px,.45fr)) minmax(280px,2fr);align-items:center;gap:10px;padding:11px 0 5px}
.bulk-summary>div:not(.bulk-progress-wrap){border-right:1px solid #173243}.bulk-summary span,.bulk-summary small{display:block;color:var(--muted);font-size:9px}.bulk-summary strong{font-size:18px;font-variant-numeric:tabular-nums}.bulk-progress-wrap{padding-left:4px}.bulk-progress{height:8px;border-radius:999px;background:#132b39;overflow:hidden;border:1px solid #1d4355}.bulk-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b7f9a,#38d9ff);box-shadow:0 0 14px rgba(56,217,255,.35);transition:width .35s}.bulk-progress-wrap small{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bulk-runs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bulk-run{min-width:0;border:1px solid #173243;background:#091720;border-radius:7px;padding:6px 8px;display:grid;grid-template-columns:1fr;gap:4px;font-size:9px;color:#819eac}.bulk-run>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-progress{height:3px;background:#17303d;border-radius:999px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#2aa8c7}
.legend .stock{background:rgba(56,217,255,.16);border:1px solid rgba(56,217,255,.48);width:10px;height:10px;margin-bottom:-2px}
.stock-bubble{fill:rgba(56,217,255,.10);stroke:rgba(56,217,255,.48);stroke-width:1.1;vector-effect:non-scaling-stroke;cursor:pointer;transition:.15s}.stock-bubble:hover{fill:rgba(56,217,255,.22);stroke:#72e7ff}
.result-head{display:flex;align-items:flex-start;gap:7px}.result-head a{flex:1}.grade{font-size:8px;padding:2px 5px;border-radius:4px;border:1px solid #285266;color:#8ab9ca;white-space:nowrap}.grade-a{color:#63f0bb;border-color:#247c5a}.grade-b{color:#72dcff;border-color:#2a7187}
@media(max-width:1250px){.metrics-five{grid-template-columns:repeat(3,1fr)}.bulk-runs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.metrics-five{grid-template-columns:repeat(2,1fr)}.bulk-summary{grid-template-columns:repeat(2,1fr)}.bulk-progress-wrap{grid-column:1/-1}.bulk-runs{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.bulk-runs{grid-template-columns:1fr}.bulk-summary{grid-template-columns:1fr 1fr}}
/* v0.5 China-deep large policy-lake refinements */
.lake-note{margin-top:8px;padding:7px 9px;border:1px solid rgba(56,217,255,.11);background:rgba(7,20,29,.55);border-radius:7px;color:#6f909f;font-size:9px;line-height:1.55}
.bulk-badge.active{background:rgba(56,217,255,.055)}

/* v0.5.1 internal search navigation */
.top-actions{display:flex;align-items:center;gap:10px}.monitor-search-link,.open-search-page{font-size:10px;color:#8edff5;text-decoration:none;border:1px solid #24576b;background:#0a2634;border-radius:7px;padding:7px 10px}.monitor-search-link:hover,.open-search-page:hover{border-color:#3b91aa;color:#a9efff}.open-search-page{padding:5px 8px;font-size:9px}@media(max-width:700px){.top-actions{width:100%;justify-content:space-between}.monitor-search-link{font-size:9px;padding:6px 8px}}
/* v0.5.2: countries on the monitor map are direct navigation targets */
.world-land path.country-clickable{cursor:pointer}.world-land path.country-clickable:hover{fill:#124158;stroke:#59c9e8;stroke-width:1.05}.stock-bubble{cursor:pointer}
.source-status-title{padding:0 14px 7px;color:#9bb2be;font-size:10px;letter-spacing:.04em}.external-source-status{padding:0 14px 14px;max-height:190px;overflow:auto}.source-status{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #173243;padding:7px 0;color:#89a4b2;font-size:10px}.source-status>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-status-active{color:#66e1ff}.source-status-ok{color:var(--green)}.source-status-fail{color:var(--red)}.source-status-waiting{color:#8ba3ae}