:root{--ink:#152c43;--accent:#217eae;--line:#e2e9f0}body{color:var(--ink);background:#eaf0f6;font-family:'Segoe UI','Microsoft YaHei',sans-serif}header{height:78px;background:#11283c;color:#f2f7fc;border:0;padding:0 28px;box-shadow:0 3px 16px #10283c16}.brand{gap:15px}.brand b{font-size:21px;font-weight:600;letter-spacing:3px}.brand small{font-size:9px;color:#93b2c9;letter-spacing:2.1px;margin-top:2px}.brand-symbol{display:block;position:relative;overflow:hidden;width:68px;height:44px;border-radius:5px;flex-shrink:0;background:#11384d}.brand-symbol img{position:absolute;width:166px;height:161px;max-width:none;left:-4px;top:-74px}.header-note{color:#a7bfd1;letter-spacing:1px}.dot{background:#49c7c8;box-shadow:0 0 9px #49c7c84d}header button{background:#ffffff09;border-color:#ffffff20;color:#c7d9e6;font-size:12px}header button:hover{background:#ffffff15;color:white;border-color:#72aaca}main{height:calc(100vh - 78px);grid-template-columns:220px minmax(420px,1fr) 320px;min-height:620px;padding:14px;gap:14px}.sidebar,.detail{border:1px solid var(--line);border-radius:12px;padding:23px 17px;background:#fff;box-shadow:0 5px 24px #1b385305}.sidebar{display:flex;flex-direction:column}.sidebar .eyebrow{font-size:8px;color:#8ba0b2;letter-spacing:1.5px}.sidebar h1{font-size:20px;letter-spacing:.5px;margin:12px 0 3px}.intro{font-size:10px;color:#92a0ac;margin:3px 0}.stats{gap:0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:15px 0;margin:18px 0}.stats>div{flex:1}.stats>div+div{border-left:1px solid #e8eef3;padding-left:18px}.stats b{font:500 27px 'Segoe UI',sans-serif;color:#24658c}.stats span{font-size:9px;color:#8a9cab}.search{background:#f5f8fb;border:1px solid #edf1f5;padding:9px;color:#8098ac;flex-shrink:0}.search input{background:transparent;font-size:11px}#zone-list{overflow:auto;flex:1;min-height:100px;margin:0 -5px;padding:0 5px}.zone-item{font-size:11px;padding:9px 6px;color:#698092;gap:9px;border:1px solid transparent;margin:3px 0}.zone-item .id{background:#edf3f8;color:#6a8da6;font-size:10px;border-radius:4px}.zone-item.active{background:#eaf4fa;color:#155a80;border-color:#d5e9f4}.zone-item.active .id{background:#247ead;color:#fff}.zone-item:hover{background:#f4f8fb;color:#217eae}footer{font-size:9px;line-height:1.8;flex-shrink:0}.workspace{background:#edf2f7;border:1px solid #dfe8f0;border-radius:12px;box-shadow:inset 0 0 80px #cad8e329}.view-toolbar{padding:14px 14px 0;gap:10px}.segmented{background:#dfe8f0;border:1px solid #d6e2eb;padding:3px}.segmented button{font-size:11px}.segmented button.active{background:#fff;box-shadow:0 2px 6px #183a5510;color:#195e88}.view-toolbar button{border-color:#d8e3ec;font-size:11px}.view-toolbar label{margin-left:auto;font-size:10px;color:#7c91a4}.view-toolbar input{accent-color:#217eae}#viewport{min-height:400px}#viewport.panning,#viewport.panning canvas{cursor:grabbing!important}#flat-map svg{border-radius:8px}.map-label{border:1px solid #b1cbdc;color:#416b86;background:#f8fcffdf;font-size:10px;padding:3px 6px;box-shadow:0 2px 7px #193e5512}.map-label.selected{background:#17698f;border-color:#bdeaff;color:white}.map-caption{gap:18px;color:#8196a8;font-size:9px}.coral{background:#8caec8}.gray{background:#b6c1c4}.cyan{background:#a3d5df}.map-bottom{border-top:1px solid #dee7ef;margin:8px 14px 0;padding:12px 0 14px;font-size:9px;color:#8397a8}.map-bottom b{color:#8397a8;white-space:nowrap}.detail>.eyebrow{color:#8ba0b2;font-size:9px;border-bottom:1px solid #edf1f5;padding-bottom:18px;letter-spacing:1.3px}.detail h2{font-size:23px;letter-spacing:.2px;margin:11px 0 12px}.detail p{font-size:12px;line-height:1.9;color:#8092a1}.detail .badge{background:#eaf5f8;color:#247c96;padding:4px 9px;font-size:10px;border:1px solid #d6ebf0}.facts{background:#f6f9fc;border:1px solid #eaf0f5;border-radius:9px;margin:21px 0;padding:12px 13px}.facts div{font-size:11px;padding:7px 0}.facts span{color:#91a1ae}.facts b{color:#526f84;font-weight:500}#enter-p06{background:linear-gradient(110deg,#206e98,#17527a);border:1px solid #19638a;border-radius:7px;box-shadow:0 5px 12px #1d6d941a;padding:11px;font-size:12px;letter-spacing:.4px}#enter-p06:hover{background:#1a759f;color:#fff}.p06-photos{gap:7px;margin-top:20px}.p06-photos button{border-radius:6px;border:1px solid #dfe7ec}.p06-photos img{height:92px}.next{border-color:#83b4d0;color:#8b9ba8;font-size:10px;line-height:1.9;margin-top:23px}button:hover{border-color:#67a9c7;color:#1c7098}button:focus-visible,input:focus-visible{outline:3px solid #5fbed4;outline-offset:3px}dialog{border:1px solid #dbe7ef;border-radius:12px}.modal-head{color:#305470}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d3dfe8;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1700px){main{grid-template-columns:240px minmax(500px,1fr) 350px;padding:18px;gap:18px}.sidebar,.detail{padding:26px 22px}}@media(max-width:1150px){main{grid-template-columns:190px minmax(320px,1fr) 270px;padding:9px;gap:9px}.sidebar,.detail{padding:18px 13px}.view-toolbar{gap:5px;padding:10px 10px 0}.view-toolbar label{margin-left:0}.map-bottom{flex-direction:column}.brand b{font-size:19px}}@media(max-width:850px){header{height:74px;padding:0 14px}.brand b{font-size:17px;letter-spacing:1px}.brand-symbol{width:60px}.brand{gap:8px}main{display:flex;height:auto;min-height:0;padding:9px;gap:9px}.sidebar{display:block;width:100%;padding:9px}#zone-list{display:flex;min-height:0;margin:0}.zone-item{flex-shrink:0}.workspace{width:100%;height:68vh;min-height:500px}.detail{width:100%;height:auto;overflow:visible}.detail>.eyebrow{padding-bottom:10px}.p06-photos img{height:150px}#viewport{min-height:350px}.header-note{display:none}header button{font-size:10px;padding:6px}}

/* Clear GX symbol supplied by the user; crop whitespace in presentation only. */
.brand-symbol{width:76px;height:44px;background:#fffffb;border-radius:7px}.brand-symbol img{width:90px;height:90px;left:-6px;top:-24px}@media(max-width:850px){.brand-symbol{width:76px;flex-shrink:0}}