.map-page{padding-top:20px}
.map-filters{display:flex;align-items:end;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.map-search{display:flex;flex-direction:column;gap:6px;min-width:250px}.map-search span{font-size:12px;color:#777}.map-search input{height:42px;border:1px solid #dfe3e8;border-radius:7px;padding:0 13px;outline:none}.map-search input:focus{border-color:#f06b66;box-shadow:0 0 0 3px rgba(239,50,50,.08)}.level-filters{display:flex;gap:8px;flex:1;overflow:auto}.level-filters button,.reset-map{height:42px;border:1px solid #e2e4e8;background:#fff;border-radius:7px;padding:0 16px;white-space:nowrap;cursor:pointer;color:#555}.level-filters button.active{color:#fff;border-color:var(--red);background:var(--red)}.reset-map{color:var(--red);border-color:#f1aaa7}
.native-map-panel{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:650px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px;box-shadow:0 9px 28px rgba(35,43,56,.05)}.map-canvas-wrap{padding:22px 12px 8px 24px;min-width:0;position:relative;background:linear-gradient(180deg,#fbfdff,#f3f8fc)}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px}.map-heading h2{margin:0;font-size:20px}.map-heading p{margin:2px 0 0;color:#89909a;font-size:12px}.map-legend{display:flex;align-items:center;gap:4px;color:#8b929d;font-size:11px}.map-legend i{width:20px;height:9px;border-radius:2px}.map-legend i:nth-of-type(1){background:#e9f2f8}.map-legend i:nth-of-type(2){background:#b8d8eb}.map-legend i:nth-of-type(3){background:#68add1}.map-legend i:nth-of-type(4){background:#1769aa}.china-map{height:570px;width:100%}.map-empty{position:absolute;inset:90px 30px 30px;display:grid;place-items:center;color:#8a9099;background:#f7f9fb}.map-empty[hidden]{display:none}
.province-panel{border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-width:0}.province-head{display:flex;align-items:end;justify-content:space-between;padding:22px 20px 8px}.province-head span{font-size:12px;color:#90959e}.province-head h2{font-size:24px;margin:0}.province-head button{border:0;background:#fff1ef;color:var(--red);border-radius:16px;padding:6px 11px;cursor:pointer}.province-summary{margin:0;padding:0 20px 15px;color:#8b9098;font-size:12px;border-bottom:1px solid #f0f1f3}.school-list{padding:10px 12px 18px;overflow:auto;max-height:570px}.school-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-bottom:1px solid #f0f1f3;background:#fff;padding:12px 8px;cursor:pointer;border-radius:7px}.school-item:hover{background:#fff7f5}.school-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid #e6e9ee;box-shadow:0 2px 8px rgba(35,43,56,.08);overflow:hidden}.school-badge img{display:block;width:34px;height:34px;object-fit:contain}.school-info{min-width:0;flex:1}.school-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#30333b}.school-info span{font-size:11px;color:#969ba4}.school-tags{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.school-tags i,.modal-tags i{font-style:normal;font-size:10px;color:#d93232;background:#fff0ed;padding:1px 5px;border-radius:4px}.list-empty{padding:60px 20px;text-align:center;color:#999}.list-more{text-align:center;color:#999;font-size:11px;padding:12px}
.map-modal{position:fixed;inset:0;z-index:80;background:rgba(22,25,32,.54);display:grid;place-items:center;padding:20px}.map-modal[hidden]{display:none}.map-modal-card{width:min(620px,100%);max-height:84vh;overflow:auto;background:#fff;border-radius:18px;padding:30px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.25)}.map-modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px;color:#777;cursor:pointer}.modal-location{font-size:12px;color:var(--red)}.map-modal h2{font-size:25px;margin:3px 0 10px}.modal-tags{display:flex;gap:6px;margin-bottom:18px}.modal-tags i{font-size:12px;padding:3px 8px}.map-modal dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}.map-modal dl div{background:#f7f8fa;border-radius:8px;padding:10px 12px}.map-modal dt{font-size:11px;color:#999}.map-modal dd{margin:2px 0 0;font-weight:600}.modal-evaluation{margin-top:16px;color:#626873}.modal-evaluation h3{font-size:15px;color:#30333b;margin:0 0 7px}.modal-evaluation p{margin:5px 0;font-size:12px}.modal-more{display:block;text-align:center;background:var(--red);color:#fff;text-decoration:none;border-radius:8px;padding:10px;margin-top:20px}
@media(max-width:900px){.native-map-panel{grid-template-columns:1fr}.province-panel{border-left:0;border-top:1px solid var(--line)}.school-list{max-height:430px}.china-map{height:500px}}
@media(max-width:600px){.map-page{padding-top:12px}.map-filters{align-items:stretch;flex-direction:column;gap:10px}.map-search{min-width:0}.level-filters{width:100%}.reset-map{width:100%}.native-map-panel{border-radius:12px}.map-canvas-wrap{padding:18px 4px 0}.map-heading{align-items:flex-start}.map-heading p{max-width:210px}.map-legend{display:none}.china-map{height:410px}.province-head{padding-top:18px}.school-list{max-height:460px}.map-modal-card{padding:25px 20px}.map-modal dl{grid-template-columns:1fr}}