.city-hero{padding-top:calc(var(--nav-height) + 40px)!important;text-align:center}.city-hero h1{font-size:36px;margin-bottom:12px}.city-hero-desc{font-size:16px;color:var(--color-text);line-height:1.8;max-width:800px;margin:0 auto 24px}.city-hero-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:24px}.city-hero-stat{text-align:center}.city-hero-stat-num{font-size:24px;font-weight:700;color:var(--color-brand);font-family:var(--font-display)}.city-hero-stat-label{font-size:12px;color:var(--color-muted)}.city-card{background:#fff;border:1px solid var(--color-border);border-radius:14px;padding:20px;text-align:center;text-decoration:none;color:inherit;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:4px}.city-card:hover{border-color:var(--color-brand);box-shadow:0 8px 20px rgba(37,99,235,.1);transform:translateY(-3px);color:var(--color-brand)}.city-card-name{font-size:15px;font-weight:600;color:var(--color-title)}.city-card-count{font-size:12px;color:var(--color-muted)}.city-card:hover .city-card-name{color:var(--color-brand)}.city-industry-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.city-industry-tag{padding:8px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:500;text-decoration:none;border:1px solid var(--color-border);color:var(--color-text);background:#fff;transition:all var(--transition-fast)}.city-industry-tag:hover{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-light)}.province-links{display:flex;flex-wrap:wrap;gap:8px}.province-link{padding:6px 16px;border-radius:var(--radius-full);font-size:13px;text-decoration:none;color:var(--color-text);background:var(--color-bg-alt);border:1px solid var(--color-border);transition:all var(--transition-fast)}.province-link:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.province-link.current{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.city-service-intro{max-width:800px;margin:0 auto;text-align:center}.city-service-intro p{font-size:15px;line-height:1.8;color:var(--color-text);margin-bottom:20px}.city-service-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.city-service-tags span{font-size:12px;color:var(--color-muted);padding:4px 12px;background:var(--color-bg-alt);border-radius:var(--radius-full);border:1px solid var(--color-border)}.city-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.city-step{text-align:center;padding:24px 16px;background:#fff;border:1px solid var(--color-border);border-radius:14px;position:relative}.city-step-num{width:36px;height:36px;line-height:36px;border-radius:50%;background:var(--color-brand);color:#fff;font-weight:700;font-size:16px;margin:0 auto 12px;font-family:var(--font-display)}.city-step-text{font-size:14px;color:var(--color-text);line-height:1.6}.city-step-text strong{display:block;font-size:15px;color:var(--color-title);margin-bottom:4px}.city-trade-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.city-trade-feature{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--color-border);border-radius:12px}.city-trade-feature-icon{font-size:24px;flex-shrink:0}.city-trade-feature-text{font-size:14px;color:var(--color-text)}.city-trade-feature-text strong{display:block;font-size:15px;color:var(--color-title);margin-bottom:2px}.city-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.city-related-card{background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.city-related-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.city-related-icon{font-size:20px;line-height:1}.city-related-card-header h3{font-size:15px;font-weight:600;color:var(--color-title);margin:0}.city-related-links{display:flex;flex-wrap:wrap;gap:8px;padding:20px}.city-related-links a{font-size:13px;color:var(--color-text);text-decoration:none;padding:6px 14px;background:var(--color-bg-alt);border-radius:var(--radius-full);border:1px solid transparent;transition:all var(--transition-fast)}.city-related-links a:hover{color:var(--color-brand);border-color:var(--color-brand);background:var(--color-brand-light)}@media(max-width:768px){.city-hero{padding-top:calc(var(--nav-height-mobile) + 12px)!important}.city-hero h1{font-size:20px}.city-hero-desc{font-size:13px}.city-hero-stats{gap:16px}.city-hero-stat-num{font-size:18px}.city-card{padding:12px}.city-card-name{font-size:13px}.city-industry-tags{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch}.city-industry-tag{flex-shrink:0;font-size:12px;padding:5px 12px}.city-service-intro p{font-size:13px}.city-service-tags span{font-size:11px;padding:3px 8px}.city-trade-features{grid-template-columns:1fr;gap:10px}.city-trade-feature{padding:12px;gap:10px}.city-trade-feature-icon{font-size:20px}.city-trade-feature-text{font-size:13px}.city-trade-feature-text strong{font-size:14px}.city-related-grid{grid-template-columns:1fr;gap:12px}.city-related-card-header{padding:10px 14px}.city-related-card-header h3{font-size:14px}.city-related-links{padding:12px;gap:6px}.city-related-links a{font-size:12px;padding:4px 10px}.province-links{gap:6px}.province-link{padding:5px 12px;font-size:12px}}