.tool-container {max-width:1200px;margin:30px auto;padding:25px;background:#fff}
.head-title {text-align:center;margin-bottom:25px;}
.head-title h2 {font-size:22px;color:#333;margin:0 0 6px;}
.head-title p {color:#666;font-size:14px;margin:0;}
.search-box {display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px;background:#f8f9fa;border-radius:10px;margin-bottom:20px;}
.search-item {display:flex;align-items:center;gap:6px;}
.search-item label {font-size:14px;color:#333;white-space:nowrap;}
.search-item input,.search-item select {padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px;}
.btn-search {padding:8px 18px;background:#409eff;color:#fff;border:none;border-radius:6px;cursor:pointer;}
.btn-search:hover {background:#337ecc;}
.btn-reset {padding:8px 18px;background:#666;color:#fff;border:none;border-radius:6px;cursor:pointer;}
.table-wrap {overflow-x:auto;}
.city-table {width:100%;border-collapse:collapse;font-size:13px;}
.city-table th,.city-table td {border:1px solid #eee;padding:10px;text-align:center;}
.city-table th {background:#f5f5f5;color:#222;}
.city-table tr:nth-child(even) {background:#fafafa;}
.type-tag {display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;color:#fff;}
.type-大都市 {background:#e74c3c;}
type-普通城 {background:#3498db;}
type-关口 {background:#f39c12;}
type-港口 {background:#27ae60;}
.special-tag {display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;background:#9b59b6;color:#fff;margin:0 2px;}
.high-val {color:#e74c3c;font-weight:bold;}
.mid-val {color:#f39c12;}
.empty-tip {text-align:center;padding:40px 0;color:#999;font-size:15px;}
.tips-info {margin-top:20px;padding:15px;background:#f0f2f5;border-radius:8px;font-size:13px;color:#555;line-height:1.7;}
.area-desc {text-align:left !important;line-height:1.6;}