:root{--navy:#071c3d;--navy2:#0b2e62;--blue:#1462b9;--cyan:#22b9d6;--line:#c6dced;--ink:#16385e}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#eaf5fc,#f7fbff 62%,#e8f3fb);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}.shell{max-width:1920px;min-height:100vh;margin:auto;padding:18px 2.2vw 22px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:3px;background:linear-gradient(90deg,var(--navy),#092752 70%,#0c4d89);box-shadow:0 8px 20px #0622522e;position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;right:-4%;top:-60px;width:42%;height:180px;background:radial-gradient(ellipse,#1787be70,transparent 68%)}.brand,.meta,.panel-head,.table-head,.filters,.table-footer{display:flex;align-items:center}.brand{gap:14px;z-index:1}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #6ad5ee;color:#bdf5ff;font-size:11px;font-weight:900;letter-spacing:.08em}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:.13em;margin:0 0 5px;color:#6a9cc3}h1,h3,p{margin:0}h1{color:#fff;font-size:21px;letter-spacing:.03em}.meta{z-index:1;color:#a9d8eb;font:11px ui-monospace,monospace;letter-spacing:.08em;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:#5ce5cf;box-shadow:0 0 0 4px #5ce5cf2b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.metrics article{min-height:112px;padding:17px 20px;border:1px solid #c6e1f2;background:linear-gradient(140deg,#fff,#f1faff);box-shadow:0 3px 10px #21649712;position:relative;overflow:hidden}.metrics article:after{content:"";position:absolute;right:-12px;bottom:-42px;width:110px;height:110px;border-radius:50%;border:15px solid #44c2e321}.metrics p{font-size:12px;color:#5680a5}.metrics strong{display:block;margin:11px 0 4px;font:700 36px ui-monospace,monospace;color:#0b4d91}.metrics span{font:10px ui-monospace,monospace;color:#65a0c2;letter-spacing:.1em}.metrics .top-country{background:linear-gradient(120deg,#08336c,#0e67ad);border-color:#1d72b9}.top-country p,.top-country strong,.top-country span{color:#fff}.top-country:after{border-color:#54d9e142}.content-grid{height:calc(100vh - 240px);min-height:520px;display:grid;grid-template-columns:minmax(540px,1.55fr) minmax(480px,1fr);gap:12px}.panel{background:#fff;border:1px solid var(--line);box-shadow:0 3px 12px #21649710;min-width:0}.panel-head{height:68px;justify-content:space-between;padding:0 19px;border-bottom:1px solid #dceaf5}.panel h3{font-size:16px;color:#164d83}.legend{font-size:10px;color:#6e91ad;display:flex;align-items:center;gap:7px}.legend i{width:48px;height:7px;background:linear-gradient(90deg,#a5e1ed,#2ab8d5,#0963b9)}.map-panel{display:grid;grid-template-rows:68px 1fr 32px;overflow:hidden}#map{min-height:0;background:radial-gradient(ellipse at 55% 40%,#effbff,#ddecf7);position:relative}.map-note{padding:9px 18px;border-top:1px solid #dceaf5;color:#7799b1;font-size:10px}.table-panel{display:grid;grid-template-rows:68px 1fr 32px;overflow:hidden}.table-head{gap:10px}.filters{justify-content:flex-end;gap:6px;flex:1}.filters input,.filters select{height:29px;padding:0 8px;border:1px solid #cddfea;background:#f8fcff;color:#315b7c;font-size:11px;outline:none}.filters input{width:180px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:580px}th{text-align:left;padding:10px 12px;background:#f0f8fd;border-bottom:1px solid #d9e9f5;color:#6186a5;font-size:10px;font-weight:600;white-space:nowrap;position:sticky;top:0}td{padding:10px 12px;border-bottom:1px solid #e8f1f7;font-size:11px;color:#315578;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#eff9ff}.empty td{text-align:center;color:#7b99b0;padding:50px}.table-footer{justify-content:space-between;padding:0 13px;border-top:1px solid #dceaf5;color:#6d8faa;font:10px ui-monospace,monospace}.world-svg{width:100%;height:100%;display:block}.land{fill:#d3e6f1;stroke:#fff;stroke-width:1.2}.gridline{stroke:#c3d9e8;stroke-width:.7;opacity:.8}.country-tag{font-size:9px;fill:#22547d;font-weight:600;paint-order:stroke;stroke:#f4fbff;stroke-width:3px;stroke-linejoin:round}.country-zone{fill:#1189c8;fill-opacity:.17;stroke:#0780bb;stroke-width:1.2}.city-node{fill:#0d68c1;stroke:#fff;stroke-width:2}.city-ring{fill:none;stroke:#1ac5d2;stroke-width:1.6;opacity:.7;animation:pulse 2.2s infinite}@keyframes pulse{0%,100%{r:10;opacity:.2}50%{r:17;opacity:.8}}@media(max-width:1100px){.content-grid{height:auto;grid-template-columns:1fr}.map-panel{height:520px}.table-panel{height:520px}}@media(max-width:650px){.shell{padding:10px}.topbar{height:auto;padding:14px}.meta{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metrics article{min-height:96px;padding:13px}.metrics strong{font-size:28px}.content-grid{min-height:0}.map-panel,.table-panel{height:440px}.panel-head{padding:0 12px}.legend{display:none}.table-head{height:90px;align-items:flex-start;padding-top:12px;flex-direction:column}.table-panel{grid-template-rows:90px 1fr 32px}.filters{width:100%;justify-content:flex-start}.filters input{width:55%}}
#map{background-image:url('official-world-map.png')!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}#map .land{fill:transparent!important;stroke:transparent!important}#map .gridline,#map .country-zone,#map .city-node,#map .city-ring{display:none}
.tdt-tiles{position:absolute;inset:0;overflow:hidden;background:#edf6fb}.tdt-tiles img{position:absolute;width:25%;height:25%;object-fit:fill}.label-tile{pointer-events:none}.map-overlay{position:absolute;inset:0;z-index:2;pointer-events:auto}.real-country{cursor:pointer;fill:#0b80bf;fill-opacity:.58;stroke:#e9fbff;stroke-width:1.1;transition:fill .18s}.real-country:hover{fill:#0755a0;fill-opacity:.8}#map{background:#edf6fb!important}
.real-country.tier-1{fill:#8ed8e2!important}.real-country.tier-2{fill:#49b8cb!important}.real-country.tier-3{fill:#218ab6!important}.real-country.tier-4{fill:#125f9b!important}.real-country.tier-5{fill:#082f70!important}.real-country.tier-1,.real-country.tier-2,.real-country.tier-3,.real-country.tier-4,.real-country.tier-5{fill-opacity:.82!important;stroke:#0a4a82!important;stroke-width:1.8!important;stroke-linejoin:round}.real-country:hover{fill:#052b62!important;fill-opacity:.92!important;stroke:#fff!important;stroke-width:2.2!important}.panel,.topbar,.metrics article,.filters input,.filters select{border-radius:8px}.top-country{background:linear-gradient(140deg,#fff,#f1faff)!important;border-color:#c6e1f2!important}.top-country p{color:#5680a5!important}.top-country strong{color:#0b4d91!important}.top-country span{color:#65a0c2!important}.metrics strong{margin:8px 0 2px!important}.metrics span{display:block;line-height:1.1}.map-tip{position:fixed;display:none;z-index:9;padding:10px 12px;background:#062d58;color:#fff;border:1px solid #45c8e3;box-shadow:0 8px 18px #031a3d55;font:12px "Microsoft YaHei";border-radius:6px;pointer-events:none;line-height:1.7}
.real-country.tier-1,.real-country.tier-2,.real-country.tier-3,.real-country.tier-4,.real-country.tier-5{stroke:#2d6f9d!important;stroke-width:.75!important}.real-country:hover{stroke-width:1.2!important}
.tdt-tiles,.map-overlay{transform:scale(1.3) translateX(-11%);transform-origin:50% 42%}#map{overflow:hidden}