.freq-page .freq-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    margin: 24px auto; max-width: 900px;
}
.freq-page .freq-item {
    background: rgba(20,27,43,0.7); backdrop-filter: blur(6px);
    border: 2px solid rgba(255,107,107,0.3); border-radius: 14px;
    padding: 16px 22px; display: flex; align-items: center; justify-content: space-between;
    transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.3); min-height: 56px;
}
.freq-page .freq-item:hover {
    transform: translateY(-3px); border-color: #ff6b6b;
    box-shadow: 0 8px 30px rgba(255,107,107,0.2); background: rgba(255,107,107,0.06);
}
.freq-page .freq-item .city {
    font-weight: 600; color: #e0e0e0; font-size: 1.1rem;
    display: flex; align-items: center; gap: 10px;
}
.freq-page .freq-item .city .icon { font-size: 1.5rem; }
.freq-page .freq-item .freq {
    font-weight: 700; color: #ff6b6b; background: rgba(255,107,107,0.12);
    padding: 4px 18px; border-radius: 20px;
    border: 1px solid rgba(255,107,107,0.2); font-size: 1rem;
    letter-spacing: 0.3px; white-space: nowrap;
}
.freq-page .section-title { margin-top: 0; text-align: center; font-size: 1.8rem; }
@media (max-width: 768px) {
    .freq-page .freq-grid { gap: 12px; max-width: 100%; }
    .freq-page .freq-item { padding: 14px 18px; min-height: 48px; }
    .freq-page .freq-item .city { font-size: 1rem; gap: 8px; }
    .freq-page .freq-item .city .icon { font-size: 1.3rem; }
    .freq-page .freq-item .freq { font-size: 0.9rem; padding: 3px 14px; }
    .freq-page .section-title { font-size: 1.6rem; }
}
@media (max-width: 550px) {
    .freq-page .freq-grid { gap: 10px; }
    .freq-page .freq-item { padding: 12px 14px; min-height: 42px; border-radius: 12px; }
    .freq-page .freq-item .city { font-size: 0.9rem; gap: 6px; }
    .freq-page .freq-item .freq { font-size: 0.8rem; padding: 2px 12px; }
    .freq-page .section-title { font-size: 1.4rem; }
}
@media (max-width: 400px) {
    .freq-page .freq-grid { gap: 8px; }
    .freq-page .freq-item { padding: 10px 12px; min-height: 36px; border-radius: 10px; }
    .freq-page .freq-item .city { font-size: 0.8rem; gap: 5px; }
    .freq-page .freq-item .city .icon { font-size: 0.95rem; }
    .freq-page .freq-item .freq { font-size: 0.7rem; padding: 2px 10px; }
}