.city-root{color:#17201f;background:#f7faf9;min-height:100vh}.city-root *{box-sizing:border-box}.city-root a{color:inherit;text-decoration:none}.city-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dce6e3;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,70px);display:flex;position:sticky;top:0}.city-brand{align-items:center;gap:10px;font-weight:900;display:flex}.city-brand img{border-radius:10px;width:38px;height:38px}.city-header nav{align-items:center;gap:22px;font-size:13px;font-weight:700;display:flex}.city-map-button{background:#007d70;border-radius:10px;padding:10px 15px;color:#fff!important}.city-index-hero,.city-hero{background:radial-gradient(circle at 80% 20%,#c9f5eb,#edfaf6 44%,#fff)}.city-index-hero{text-align:center;padding:76px 24px}.city-index-hero>p,.city-category,.city-section-title span{color:#007d70;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.city-index-hero h1{letter-spacing:-.04em;margin:10px 0 16px;font-size:clamp(38px,7vw,68px);line-height:1.08}.city-index-hero>span{color:#63726f;line-height:1.7}.city-index-section{width:min(1120px,100% - 38px);margin:0 auto;padding:50px 0 10px}.city-index-section:last-child{padding-bottom:90px}.city-index-section h2{margin:0 0 20px;font-size:27px}.featured-city-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.featured-city-grid a{background:#fff;border:1px solid #dce6e3;border-radius:16px;gap:5px;padding:22px;display:grid}.featured-city-grid img{object-fit:cover;border-radius:16px 16px 0 0;width:calc(100% + 44px);height:145px;margin:-22px -22px 14px}.featured-city-grid a:hover,.province-link-grid a:hover{border-color:#14b8a6;box-shadow:0 12px 28px #00514a14}.featured-city-grid span{color:#007d70;font-size:11px;font-weight:800}.featured-city-grid strong{font-size:22px}.featured-city-grid small{color:#70807c}.province-link-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.province-link-grid a{background:#fff;border:1px solid #e0e8e6;border-radius:11px;justify-content:space-between;padding:13px 15px;display:flex}.province-link-grid span{color:#14b8a6}.city-article-section{width:min(1120px,100% - 38px);margin:0 auto;padding:56px 0 10px}.city-article-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.city-article-heading span{color:#007d70;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.city-article-heading h2{margin:5px 0 0;font-size:29px}.city-article-heading>a{color:#007d70;font-size:13px;font-weight:800}.city-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.city-article-grid>a{background:#fff;border:1px solid #dce6e3;border-radius:16px;overflow:hidden}.city-article-grid>a:hover{border-color:#14b8a6;box-shadow:0 12px 28px #00514a14}.city-article-grid img,.city-article-placeholder{object-fit:cover;width:100%;height:170px}.city-article-placeholder{color:#fff;background:#007d70;place-items:center;font-size:44px;font-weight:900;display:grid}.city-article-grid>a>div:last-child{padding:17px}.city-article-grid small{color:#007d70;font-size:10px;font-weight:800}.city-article-grid h3{margin:5px 0 7px;font-size:17px;line-height:1.4}.city-article-grid p{color:#65736f;margin:0;font-size:12px;line-height:1.6}.city-hero{padding:44px max(22px,50% - 560px) 64px}.city-breadcrumb{color:#71807d;align-items:center;gap:8px;margin-bottom:42px;font-size:12px;display:flex}.city-category{background:#dff8f2;border-radius:999px;padding:7px 10px;display:inline-flex}.city-hero h1{letter-spacing:-.04em;max-width:900px;margin:14px 0 15px;font-size:clamp(36px,6vw,66px);line-height:1.12}.city-hero>p{color:#5e6d69;max-width:760px;font-size:18px;line-height:1.7}.city-hero-stats{gap:40px;margin-top:30px;display:flex}.city-hero-stats div{gap:2px;display:grid}.city-hero-stats strong{color:#006b5f;font-size:21px}.city-hero-stats span{color:#71807d;font-size:12px}.city-layout{grid-template-columns:minmax(0,1fr) 280px;gap:46px;width:min(1120px,100% - 38px);margin:0 auto;padding:54px 0;display:grid}.city-copy{color:#354541;font-size:17px;line-height:1.9}.city-copy>p{margin:0 0 22px}.city-tip{background:#e9f9f5;border-left:4px solid #14b8a6;border-radius:0 13px 13px 0;margin-top:30px;padding:20px}.city-tip p{margin:5px 0 0;font-size:14px}.city-side{background:#fff;border:1px solid #dce6e3;border-radius:16px;gap:12px;height:fit-content;padding:20px;display:grid}.city-side a{color:#007d70;font-size:13px}.city-stations-section{background:#eef4f2;padding:64px max(19px,50% - 560px)}.city-section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.city-section-title h2{margin:6px 0 0;font-size:clamp(28px,4vw,42px)}.city-section-title p{color:#71807d;font-size:13px}.city-station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.city-station-card{background:#fff;border:1px solid #d6e0dd;border-radius:15px;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;gap:13px;padding:17px;display:grid}.city-station-badge{color:#fff;text-align:center;background:#007d70;border-radius:12px;place-items:center;width:54px;height:54px;font-size:11px;font-weight:900;display:grid}.city-station-card h3{margin:0 0 3px;font-size:16px}.city-station-card p{color:#70807c;margin:0;font-size:12px}.city-station-card>a{color:#fff;background:#007d70;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.city-station-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.city-station-tags span{color:#455552;background:#f0f4f3;border-radius:999px;padding:4px 7px;font-size:10px}.city-empty{text-align:center;color:#71807d;background:#fff;border-radius:16px;padding:50px}.city-related{width:min(1120px,100% - 38px);margin:0 auto;padding:65px 0 90px}.city-related h2{font-size:27px}.city-related>div{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.city-related a{background:#fff;border:1px solid #dce6e3;border-radius:13px;gap:4px;padding:16px;display:grid}.city-related small{color:#007d70}.city-related span{color:#71807d;font-size:11px}@media (max-width:760px){.city-header nav>a:not(.city-map-button){display:none}.city-layout,.city-station-grid{grid-template-columns:1fr}.city-section-title,.city-article-heading{flex-direction:column;align-items:start}.city-hero-stats{flex-direction:column;gap:14px}.city-article-grid{grid-template-columns:1fr}}