.national-map-page{--brand:#9f141c;--brand-dark:#710d12;--gold:#d6b13e;--ink:#1a1a1a;--muted:#69645f;--line:#eadfd6;--paper:#fff;--soft:#faf6ef;--green:#16846f;--shadow:0 20px 60px #710d121f;color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;background:linear-gradient(#faf6effa,#fffffffa),url(/sites/xizhuangxizhu/map-background.jpg) 50%/cover fixed;min-height:100vh;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:normal}.national-map-page *{box-sizing:border-box}.national-map-page a{color:inherit;text-decoration:none}.national-map-page .shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 52px}.national-map-page .topbar{min-height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffffd6;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.national-map-page .brand{white-space:nowrap;align-items:center;gap:12px;font-weight:850;display:flex}.national-map-page .brand-mark{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:42px;height:42px;font-family:serif;font-size:20px;font-weight:700;display:grid}.national-map-page .back{border:1px solid var(--line);color:var(--brand);white-space:nowrap;background:#fff;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:800;transition:all .18s}.national-map-page .back:hover{border-color:var(--brand);background:#fdfaf6}.national-map-page .map-stage{height:min(720px,100vh - 130px);min-height:520px;box-shadow:var(--shadow);background:#e9edf1;border:1px solid #710d1229;border-radius:8px;margin-top:22px;position:relative;overflow:hidden}.national-map-page #china-map{touch-action:none;position:absolute;inset:0}.national-map-page .map-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#49050ae0 0%,#710d1285 34%,#710d1214 62%,#0000 82%),linear-gradient(#0000001f,#0000 35%);position:absolute;inset:0}.national-map-page .map-copy{z-index:3;color:#fff;pointer-events:none;width:min(570px,100% - 84px);position:absolute;top:50%;left:42px;transform:translateY(-50%)}.national-map-page .eyebrow{color:#f2d979;letter-spacing:.08em;margin:0 0 12px;font-size:14px;font-weight:850}.national-map-page h1{max-width:820px;margin:0;font-size:clamp(38px,6vw,68px);font-weight:700;line-height:1.08}.national-map-page .map-copy p{color:#ffffffd6;max-width:560px;margin:18px 0 0;font-size:17px;line-height:1.75}.national-map-page .map-legend{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#171717c7;border:1px solid #ffffff38;border-radius:8px;padding:11px 14px;font-size:13px;font-weight:750;position:absolute;bottom:22px;right:22px}.national-map-page .map-controls{z-index:15;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:22px;right:22px}.national-map-page .map-control-btn{color:#4a1215;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffffeb;border:1px solid #710d1233;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #0000001a}.national-map-page .map-control-btn:hover{color:var(--brand);background:#fff;transform:scale(1.05)}.national-map-page .map-control-btn:active{transform:scale(.95)}.national-map-page .city-marker{z-index:10;pointer-events:auto;cursor:pointer;position:absolute}.national-map-page .city-marker-inner{z-index:2;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#9f141cfa,#4b070cf5);border:1px solid #ffffffd1;border-radius:999px;align-items:center;gap:7px;padding:7px 10px 7px 8px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 8px 20px #710d1261}.national-map-page .city-marker-inner:hover{transform:scale(1.08);box-shadow:0 14px 34px #710d1285}.national-map-page .city-dot{background:var(--gold);border-radius:50%;flex:none;width:10px;height:10px;position:relative;box-shadow:0 0 0 5px #d6b13e33,0 0 18px #d6b13ee0}.national-map-page .city-dot:after{content:"";border:1px solid #d6b13eb8;border-radius:50%;animation:1.8s ease-out infinite city-pulse;position:absolute;inset:-8px}@keyframes city-pulse{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.55)}}.national-map-page .city-marker-name{white-space:nowrap;font-size:12px;font-weight:850}.national-map-page .city-marker-arrow{color:var(--gold);font-size:12px;font-weight:900}.national-map-page .city-marker.has-offset:after{content:"";left:var(--line-x,50%);top:var(--line-y,50%);width:var(--line-length,28px);height:1px;transform:rotate(var(--line-angle,0deg));transform-origin:0;pointer-events:none;z-index:0;background:#ffffffb8;position:absolute}.national-map-page .city-marker.has-offset:before{content:"";left:var(--target-x,50%);top:var(--target-y,50%);z-index:1;background:var(--gold);pointer-events:none;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #d6b13ee6}.national-map-page .section{background:#fff;border:1px solid #e5e0d8;border-radius:4px;grid-template-columns:150px minmax(0,1fr);margin-top:22px;display:grid}.national-map-page .section-head{background:#fdfaf4;border-right:1px solid #e5e0d8;justify-content:center;align-items:center;padding:18px;display:flex}.national-map-page h2{color:var(--brand);white-space:nowrap;margin:0;font-size:17px;font-weight:700}.national-map-page .city-grid{flex-wrap:wrap;align-items:center;gap:8px 24px;padding:17px 26px;display:flex}.national-map-page .city{color:#53606a;white-space:nowrap;padding:2px 0;font-size:15px;font-weight:600;transition:color .18s}.national-map-page .city:hover{color:var(--brand);text-underline-offset:5px;text-decoration:underline}.national-map-page .city:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (max-width:760px){.national-map-page .shell{width:min(100% - 20px,1180px);padding-top:10px}.national-map-page .topbar{gap:10px;min-height:72px;padding:10px 14px}.national-map-page .brand{white-space:nowrap;gap:8px}.national-map-page .brand span:last-child{white-space:nowrap;font-size:14px}.national-map-page .back{white-space:nowrap;padding:8px 12px;font-size:13px}.national-map-page .map-stage{height:calc(100vh - 105px);min-height:600px}.national-map-page .map-copy{width:calc(100% - 44px);top:32px;left:22px;transform:none}.national-map-page .map-copy h1{font-size:38px}.national-map-page .map-copy p{font-size:15px;line-height:1.6}.national-map-page .map-shade{background:linear-gradient(#49050aeb 0%,#710d1294 34%,#0000 67%)}.national-map-page .map-legend{padding:8px 12px;font-size:12px;bottom:12px;right:12px}.national-map-page .map-controls{top:280px;right:14px}.national-map-page .section{grid-template-columns:1fr}.national-map-page .section-head{border-bottom:1px solid #e5e0d8;border-right:0;justify-content:flex-start;padding:12px 16px}.national-map-page .city-grid{gap:8px 18px;padding:14px 16px}.national-map-page .city{font-size:14px}}