*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:16px}.page-wrap{flex:1;margin:0 auto;max-width:1200px;width:100%}h1{color:#2c3e50;font-size:22px;margin-bottom:24px;text-align:center}.search-box{margin-bottom:20px}#searchInput{border:1px solid #dcdfe6;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:0.2s;width:100%}#searchInput:focus{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.15)}.area-list{display:grid;gap:16px;grid-template-columns:repeat(auto‑fill,minmax(280px,1fr))}.province-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.province-title{background:#409eff;color:#fff;font-size:17px;font-weight:600;padding:12px 16px}.city-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}.city-item{background-color:#f0f4f9;border-radius:6px;color:#303133;font-size:14px;padding:6px 10px}.footer-copyright{color:#666;font-size:14px;padding:30px 10px 15px;text-align:center}@media (max-width:640px){body{padding:12px}h1{font-size:19px}.area-list{gap:12px;grid-template-columns:1fr}}