.pg-hub .city-grid{grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:1.75rem;display:grid}@media (width<=960px){.pg-hub .city-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.pg-hub .city-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=440px){.pg-hub .city-grid{grid-template-columns:repeat(2,1fr)}}.pg-hub .city-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.7rem;flex-direction:column;padding:1.1rem 1.2rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #1018280a}.pg-hub .city-card:hover{border-color:var(--link);transform:translateY(-2px);box-shadow:0 4px 12px #10182814}.pg-hub .city-card .city-main{text-align:center;flex-direction:column;align-items:center;display:flex}.pg-hub .city-card .city-main:hover{text-decoration:none}.pg-hub .city-card .city-icon{color:var(--ink);justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.pg-hub .city-card .city-icon svg{width:3.4rem;height:3.4rem;display:block}.pg-hub .city-card .name{margin-top:.7rem}.pg-hub .city-card:hover .city-icon{color:var(--link)}.pg-hub .city-card .name{color:var(--ink);font-size:1.05rem;font-weight:700}.pg-hub .city-card .go{color:var(--muted);margin-top:.2rem;font-size:.82rem}.pg-hub .city-card .city-calc{border-top:1px solid var(--line);color:var(--link);margin-top:.55rem;padding-top:.55rem;font-size:.82rem}