.city-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0 36px}
.city-feature a,.city-feature .item{display:block;border:1px solid #d9e8e0;border-radius:15px;padding:20px 22px;background:#f5f9f5}
.city-feature strong{color:#133d3c;display:block;font-size:18px}
.city-feature span{display:block;font-size:12px;color:#637b7c;margin-top:6px}
.city-roster{font-size:14px;line-height:2.2;color:#344e54;margin:0}
.area-box{padding:27px 30px;margin:21px 0;background:#f2f6f2;border-radius:18px;border:1px solid #deebe2}
.area-box h3{margin:0 0 12px}.area-box p{margin:0;color:#5a6e72}
.area-hint{border-left:4px solid var(--red);background:#fff7f1;padding:18px 22px;border-radius:0 10px 10px 0;font-size:14px}
.location-links{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}
.location-links a{background:#ecf4ed;padding:9px 13px;border-radius:8px;color:#13564e;font-weight:700;font-size:13px}.location-links a:hover{text-decoration:underline}
@media(max-width:640px){.city-feature{grid-template-columns:1fr}.area-box{padding:20px}}