:root{color:#e5eee8;font-synthesis:none;text-rendering:optimizelegibility;background:#071b20;font-family:Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.zhuhai-shell{background:#071b20;width:100%;height:100vh;min-height:600px;position:relative;overflow:hidden}#scene,.map-shade{position:absolute;inset:0}#scene canvas{outline:0;width:100%;height:100%;display:block}.map-shade{pointer-events:none;background:radial-gradient(at 50% 48%,#0000 44%,#020d0f4d 100%),linear-gradient(#020d0f33,#0000 18% 82%,#020d0f6b)}.city-topbar{z-index:5;border-bottom:1px solid #cde6dc1f;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex;position:absolute;inset:0 0 auto}.brand{color:#e9f0eb;letter-spacing:.16em;align-items:center;gap:12px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-icon{color:#b6d5be;border:1px solid #b2d9beb3;place-items:center;width:29px;height:29px;font:13px DM Mono,monospace;display:grid}.brand i{color:#86b594;padding:0 5px;font-style:normal}.map-status,.eyebrow,.panel-foot,.scale-mark,.credits,.map-hints,.search-box kbd{letter-spacing:.08em;font-family:DM Mono,monospace}.map-status{color:#a4b7ad;align-items:center;gap:10px;font-size:9px;display:flex}.pulse-dot{background:#98cda3;border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 12px #7fc294}@keyframes pulse{50%{opacity:.72;box-shadow:0 0 18px 4px #7fc29480}}.slash{color:#52685f}.map-path{z-index:5;color:#728a7d;letter-spacing:.08em;align-items:center;gap:9px;font:9px DM Mono,monospace;display:flex;position:absolute;top:87px;left:42px}.map-path button{color:#9eb6a6;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0}.map-path button:disabled{color:#556b5f;cursor:default}.map-path button.active{color:#dceade}.city-intro{z-index:2;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;top:132px;left:42px}.focus-mode .city-intro{opacity:0;transform:translate(-18px)}.eyebrow{color:#a8c4af;letter-spacing:.2em;text-transform:uppercase;font-size:9px}.city-intro h1{color:#e6eee6;letter-spacing:-.06em;margin:10px 0 9px;font-size:42px;font-weight:400;line-height:1}.city-intro h1 span{color:#a6cda9}.city-intro p{color:#a8bbb0;letter-spacing:.04em;font-size:11px;font-weight:300;line-height:1.7}.intro-foot{color:#718c7d;align-items:center;gap:13px;margin-top:13px;display:flex}.intro-foot span{background:#a6cda9;width:34px;height:1px}.intro-foot small{letter-spacing:.08em;font:9px DM Mono,monospace}.is-hidden{display:none!important}.province-city-label{color:#e2eee1db;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 4px #010d0ff2,0 0 9px #010d0fbf;pointer-events:none;font-size:9px;font-weight:500;transform:translate(-50%,-100%)}.city-district-label{color:#dcebdd;letter-spacing:.08em;white-space:nowrap;cursor:pointer;pointer-events:auto;background:#0c2727d6;border:1px solid #cae2cc7a;padding:6px 9px;font-size:10px;transform:translate(-50%,-50%);box-shadow:0 3px 15px #00000040}.city-district-label:hover{background:#235c47e6;border-color:#b4d9b9}.province-city-label--focus{color:#f0fff3;cursor:pointer;pointer-events:auto;background:#0e5b4ceb;border:1px solid #b2efcda3;border-radius:2px;padding:5px 8px;font-size:11px;font-weight:600;animation:2.4s ease-in-out infinite province-entry-pulse;position:relative;box-shadow:0 0 0 4px #59daab1f,0 0 18px #52e2b19e}@keyframes province-entry-pulse{0%,to{box-shadow:0 0 0 3px #59daab1a,0 0 12px #52e2b166}50%{box-shadow:0 0 0 7px #59daab2e,0 0 22px #52e2b1b8}}.province-city-label--focus:after{content:"";background:#0e5b4c;border-bottom:1px solid #b2efcd;border-right:1px solid #b2efcd;width:5px;height:5px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.district-nav{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091c1fbd;border:1px solid #c0d8cd29;gap:4px;padding:5px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.district-nav button{color:#92a89b;cursor:pointer;background:0 0;border:0;padding:11px 14px;font:10px DM Mono,monospace;transition:background .2s,color .2s}.district-nav button:hover,.district-nav button.active{color:#ecf3eb;background:#a0cbac26}.district-nav .focus-button{color:#b9d9bd;border-left:1px solid #c0d8cd2e;margin-left:5px}.focus-button span{padding-right:5px;font-size:14px}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07191cd6;border:1px solid #bed6ca2b;box-shadow:0 20px 70px #0000002e}.layers-panel{z-index:4;width:252px;padding:16px 18px 13px;position:absolute;top:94px;right:28px}.panel-heading{border-bottom:1px solid #c2d8cd1f;justify-content:space-between;align-items:start;padding-bottom:16px;display:flex}.panel-heading h2{letter-spacing:-.03em;margin:6px 0 0;font-size:19px;font-weight:500}.close-layers,.mobile-layers{color:#d4e0d8;cursor:pointer;background:0 0;border:1px solid #c2d8cd2e;width:30px;height:30px;font-size:19px;display:none}.layer-row{cursor:pointer;border-bottom:1px solid #c2d8cd17;grid-template-columns:9px 1fr 34px;align-items:center;gap:12px;min-height:58px;display:grid;position:relative}.layer-row b{color:#dbe6de;font-size:11px;font-weight:500;display:block}.layer-row small{color:#80968a;letter-spacing:.025em;margin-top:4px;font:8px DM Mono,monospace;display:block}.layer-row input{opacity:0;pointer-events:none;position:absolute}.switch{border:1px solid #4c6259;border-radius:20px;width:31px;height:16px;transition:all .2s;position:relative}.switch:after{content:"";background:#70877a;border-radius:50%;width:8px;height:8px;transition:all .2s;position:absolute;top:3px;left:3px}.layer-row input:checked+.switch{background:#7cb18947;border-color:#85b792}.layer-row input:checked+.switch:after{background:#b5d4bc;left:17px;box-shadow:0 0 8px #b5d4bc73}.layer-swatch{background:#75a983;border-radius:1px;width:7px;height:7px}.layer-swatch.roads{background:#d9b982}.layer-swatch.edge{background:#d18768}.layer-swatch.places{background:#9bd4bd}.layer-swatch.hengqin{background:#4bb8af}.panel-foot{color:#8ba496;align-items:center;gap:8px;margin-top:15px;font-size:8px;display:flex}.search-box{z-index:5;color:#a9c7b3;border-bottom:1px solid #b9d3c38f;align-items:center;gap:12px;width:min(360px,36vw);padding:12px 0;display:flex;position:absolute;bottom:15.5%;left:7.3%}.search-box input{color:#e4eee7;background:0 0;border:0;outline:0;width:100%;font-size:11px}.search-box input::placeholder{color:#82988d}.search-box kbd{color:#71877b;font-size:8px}.search-results{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07191cf5;border:1px solid #bed6ca2e;padding:5px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.search-results.open{display:block}.search-results button{text-align:left;color:#dce8df;cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:10px;font-size:10px;display:flex}.search-results button:hover{background:#a0cbac24}.search-results small{color:#88a193;font-size:9px}.detail-panel{z-index:5;width:286px;padding:22px 22px 18px;display:none;position:absolute;bottom:9.2%;right:3.2%}.detail-panel.visible{animation:.28s both detailIn;display:block}@keyframes detailIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.detail-close{color:#8da398;cursor:pointer;background:0 0;border:0;font-size:21px;position:absolute;top:13px;right:14px}.detail-panel h2{color:#eef4ee;margin:8px 25px 8px 0;font-size:18px;font-weight:500}.detail-panel p{color:#9bb0a3;margin:0;font-size:10px;line-height:1.8}.detail-meta{gap:12px;margin-top:15px;font:8px DM Mono,monospace;display:flex}.detail-meta a{color:#a5d0ad;text-decoration:none}.map-hints{z-index:2;color:#7e9688;white-space:nowrap;pointer-events:none;align-items:center;gap:12px;font-size:8px;display:flex;position:absolute;bottom:49px;left:50%;transform:translate(-50%)}.map-hints i{background:#b4cbbb;border-radius:50%;width:2px;height:2px}.reset-view{z-index:3;color:#d2e0d6;cursor:pointer;background:#091c1fa6;border:1px solid #b8d2c157;padding:10px 14px;font:9px DM Mono,monospace;position:absolute;bottom:4.1%;right:3.2%}.reset-view span{margin-right:7px;font-size:13px}.scale-mark{z-index:3;color:#9ab0a1;pointer-events:none;grid-template-columns:auto auto;align-items:end;column-gap:9px;font-size:8px;display:grid;position:absolute;bottom:5.5%;left:7.3%}.scale-mark span{border-bottom:1px solid #adc5b3;border-left:1px solid #adc5b3;border-right:1px solid #adc5b3;height:8px}.scale-mark b{padding-bottom:1px;font-weight:400}.scale-mark small{color:#6f8779;grid-column:2;margin-top:4px;font-size:7px}.credits{z-index:3;color:#71877b;font-size:7px;position:absolute;bottom:16px;left:42px}.credits a{color:#8faa9a;text-decoration:none}.credits a:hover{color:#d3e4d5}.loading{z-index:10;background:#071b20;place-content:center;justify-items:center;transition:opacity .55s,visibility .55s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-mark{color:#b3d2ba;border:1px solid #6b9a7a;place-items:center;width:40px;height:40px;font:15px DM Mono,monospace;display:grid}.loading p{color:#dce7de;letter-spacing:.08em;font-size:12px}.progress-track{background:#263d34;width:210px;height:2px;margin:4px 0 10px}.progress-track span{background:#9ac7a3;width:0;height:100%;transition:width .2s;display:block}.loading small{color:#81988b;font:8px DM Mono,monospace}.error-toast{z-index:12;color:#ffc7ac;font-size:12px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.mobile-layers{display:none}@media (width<=900px){.city-topbar{padding:0 22px}.layers-panel{width:244px;right:22px}.map-path{top:82px;left:28px}.city-intro{top:124px;left:28px}.city-intro h1{font-size:38px}.search-box{width:min(330px,44vw);left:6%}.district-nav{bottom:24px}}@media (width<=620px){.zhuhai-shell{min-height:540px}.city-topbar{height:60px;padding:0 17px}.brand{letter-spacing:.12em;gap:8px;font-size:8px}.brand-icon{width:25px;height:25px}.map-status{display:none}.mobile-layers{display:block}.map-path{top:69px;left:18px}.city-intro{top:105px;left:18px}.city-intro h1{margin:9px 0;font-size:34px}.city-intro p{font-size:9px}.intro-foot{margin-top:10px}.intro-foot small{font-size:7px}.layers-panel{z-index:8;border-width:0 0 0 1px;width:min(310px,86vw);padding:21px;transition:transform .25s;top:0;bottom:0;right:0;transform:translate(105%)}.layers-panel.mobile-open{transform:none}.close-layers{display:block}.district-nav{width:max-content;max-width:calc(100vw - 24px);bottom:34px}.district-nav button{padding:10px 9px;font-size:8px}.district-nav .focus-button{margin-left:2px}.focus-button span{display:none}.map-hints{gap:9px;font-size:7px;bottom:18px}.search-box{width:68vw;padding:10px 0;bottom:17%;left:7%}.detail-panel{width:min(280px,100vw - 24px);padding:17px;bottom:112px;right:12px}.scale-mark{bottom:9%;left:7%}.reset-view{padding:8px 10px;font-size:8px;bottom:9%;right:12px}.credits{font-size:6px;bottom:7px;left:12px}.credits a{color:#94ac9b}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}