:root{--ink:#183d36;--muted:#71847d;--accent:#236454;--orange:#dc8252;--line:#dce5df;--paper:#f7f9f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d9985c;outline-offset:4px}a{color:inherit;text-decoration:none}.header{height:94px;padding:0 6%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:2px}.brand-icon{background:var(--ink);color:#fff;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-family:serif}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.header-note{flex:1;color:var(--muted);font-size:12px;margin-left:34px}.about-link{font-size:12px}main{max-width:1440px;margin:auto;padding:0 6%}.intro{padding:46px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(24px,2.6vw,38px);letter-spacing:-1px;margin:14px 0}h1 em{font-style:normal;color:#568777}.intro p,.section-heading p{font-size:13px;color:var(--muted);line-height:1.8}.stats{display:flex;gap:36px}.stats div{display:flex;flex-direction:column;gap:7px}.stats strong{font-size:32px;font-weight:500}.stats span{font-size:10px;color:var(--muted)}.map-section{position:relative;border:1px solid #d4e0d7;border-radius:18px;overflow:hidden;background:white;box-shadow:0 12px 40px #204b3610}.map-toolbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;border-bottom:1px solid var(--line);gap:16px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;white-space:nowrap}.breadcrumb>span:first-child,.breadcrumb b{color:#93a49d}.breadcrumb button{border:0;background:none;color:var(--ink);padding:5px}.search{display:flex;align-items:center;gap:8px;background:#f3f6f2;border:1px solid #e3e9e2;border-radius:8px;padding:9px 12px;width:300px}.search span{font-size:22px}.search input{border:0;background:none;outline:none;width:100%;font-size:12px;color:var(--ink)}.map-canvas{position:relative;background:#edf3ed;overflow:hidden;height:560px}#map{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.district{stroke:#f7fbf7;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .2s,opacity .2s}.district:hover,.district:focus{fill:#77b29a!important;outline:none}.district.selected{fill:#599c80!important;stroke:#285e4e;stroke-width:2.5}.district.dimmed{opacity:.32}.district-label{font-size:13px;fill:#3d6254;pointer-events:none;text-anchor:middle;paint-order:stroke;stroke:#eef5ec;stroke-width:3px;stroke-linejoin:round}.marker{cursor:pointer;outline:none}.marker .pin{fill:var(--orange);stroke:white;stroke-width:2}.marker:hover .pin,.marker:focus .pin,.marker.active .pin{fill:#a94526;stroke:#fff;stroke-width:3}.marker .halo{fill:#e3946233}.map-caption{position:absolute;top:24px;left:24px;font-size:12px;pointer-events:none}.map-caption small{display:block;margin:8px 0 0 13px;font-size:10px;color:#80958b}.live-dot{display:inline-block;width:6px;height:6px;background:#49856b;border-radius:50%;margin-right:7px}.compass{position:absolute;top:24px;right:25px;font-size:10px;text-align:center;color:#537564;pointer-events:none}.compass span{display:block;font-size:30px;margin-top:2px}.map-actions{position:absolute;right:20px;bottom:62px;display:grid;border:1px solid #d8e3d9;box-shadow:0 4px 15px #29452e0b;border-radius:9px;overflow:hidden}.map-actions button{width:37px;height:36px;border:0;border-bottom:1px solid #e9eee8;background:#fff;color:var(--ink);font-size:20px}.map-actions button:hover{background:#e7f0e8}.legend{position:absolute;bottom:20px;left:24px;display:flex;gap:18px;font-size:10px;color:#67816f;pointer-events:none}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:9px;height:9px}.region-swatch{background:#a6c7aa;border-radius:2px}.point-swatch{background:var(--orange);border:1px solid white;border-radius:50%}.map-footer{display:flex;justify-content:space-between;padding:15px 24px;font-size:10px;color:var(--muted);gap:15px}.popup{position:absolute;left:24px;bottom:58px;max-width:310px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 38px 18px 18px;box-shadow:0 8px 25px #203e3020}.popup h3{font-size:15px;margin:0 0 8px}.popup p{font-size:11px;color:var(--muted);margin:5px 0;line-height:1.7}.popup button{position:absolute;right:10px;top:8px;border:0;background:none;color:var(--muted);font-size:20px}.details{padding:46px 0 42px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:25px;margin:12px 0}.outline-button{background:transparent;border:1px solid #c9d8ce;border-radius:7px;color:var(--accent);font-size:12px;padding:11px 17px;white-space:nowrap}.district-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.district-tabs button{border:1px solid #dce5de;border-radius:6px;padding:8px 13px;background:#fff;color:#637b6d;font-size:11px}.district-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.results-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:24px 0 16px}.campus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.campus-card{border:1px solid #e0e8df;border-radius:11px;background:#fff;padding:20px;text-align:left;color:var(--ink);transition:transform .18s,box-shadow .18s;position:relative}.campus-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #294b3210;border-color:#a3beb0}.campus-card.selected{border-color:#3b8468;background:#edf5ef}.campus-card .card-top{display:flex;justify-content:space-between;align-items:center}.school-icon{font-size:17px;background:#ecf3ed;border-radius:8px;width:37px;height:37px;display:grid;place-items:center}.tag{font-size:10px;color:#76917e;background:#f0f5ee;padding:5px 8px;border-radius:4px}.campus-card h3{font-size:16px;margin:17px 0 8px}.campus-card p{font-size:11px;color:var(--muted);margin:0 0 18px}.card-bottom{display:flex;justify-content:space-between;font-size:10px;color:#88998d}.card-bottom span:last-child{color:var(--accent)}.empty{grid-column:1/-1;text-align:center;border:1px dashed #ccdad0;padding:40px;border-radius:10px;color:var(--muted);font-size:13px;line-height:2}#campus-detail{background:#e9f2eb;border-left:3px solid var(--accent);padding:18px 22px;margin-bottom:18px;border-radius:0 8px 8px 0}#campus-detail h3{margin:0 0 10px;font-size:17px}#campus-detail p{font-size:12px;color:#64816e;line-height:1.9;margin:5px 0}footer{border-top:1px solid var(--line);padding:28px 0 36px;display:flex;justify-content:space-between;gap:26px;font-size:10px;color:var(--muted);line-height:1.9}footer strong{font-size:14px;color:var(--ink)}footer strong span{font-size:9px;font-weight:400;letter-spacing:1px}footer a{text-decoration:underline}.search-results{position:absolute;top:65px;right:25px;background:#fff;border:1px solid var(--line);width:340px;max-height:310px;overflow:auto;z-index:5;border-radius:10px;box-shadow:0 12px 25px #203e3020;padding:7px}.search-results button{display:block;width:100%;text-align:left;border:0;background:white;padding:12px;color:var(--ink);font-size:12px;border-radius:5px}.search-results button:hover{background:#edf3ed}.search-results small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.search-results p{padding:10px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){.map-canvas{height:640px}}@media(max-width:800px){.header{height:76px;padding:0 5%}.header-note{display:none}.about-link{margin-left:auto}main{padding:0 5%}.intro{padding-top:30px}.stats{gap:15px}.stats strong{font-size:25px}.stats div:last-child{display:none}.intro p{font-size:11px;max-width:240px}.campus-grid{grid-template-columns:repeat(2,1fr)}.map-canvas{height:480px}.map-toolbar{padding:12px 15px}.search{width:240px}.map-footer{padding:12px 15px;font-size:9px}footer{flex-direction:column;gap:10px}}@media(max-width:520px){.intro{display:block}.stats{display:none}h1{font-size:25px}.map-toolbar{flex-wrap:wrap;gap:8px}.search{width:100%;padding:6px 10px}.map-canvas{height:420px}.map-caption{top:16px;left:15px}.map-caption small{font-size:9px}.legend{left:15px;gap:12px}.gesture{display:none!important}.map-footer{flex-direction:column;gap:7px}.campus-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}h2{font-size:22px}.outline-button{margin-top:20px;padding:9px 10px;font-size:10px}.district-tabs{gap:6px}.district-tabs button{padding:8px 10px}.results-heading{gap:12px;font-size:10px}.search-results{top:112px;left:15px;right:15px;width:auto}.popup{left:12px;bottom:52px;max-width:260px}.brand{font-size:17px}.details{padding-top:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}