:root{--navy:#143f3b;--green:#15a087;--page:#f6f7f3;--muted:#66807a;--line:#d5e4dc}
*{box-sizing:border-box}
body{margin:0;background:var(--page);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#173330;padding-top:42px}
main{max-width:960px;margin:auto;padding:10px 16px 32px;min-height:calc(100vh - 42px);display:flex;flex-direction:column}
.intro,.panel{border:1px solid var(--line);border-radius:14px;padding:16px;background:#f8fbf9}
.intro{background:#143f3b;border-color:#143f3b;color:#fff}
.intro h1{margin:0 0 6px;font-size:25px}
.intro p{margin:0;line-height:1.75}
.panel{margin-top:14px;background:#edf8f2}
.panel h2{margin:0 0 10px;font-size:20px}
.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.city-card{border:1px solid #c4dfd3;border-radius:14px;color:#143f3b;text-decoration:none;font-weight:900}
.province-hierarchy-page .city-card{display:block;padding:14px;background:#dff1e8}
.municipal-hierarchy-page .city-card{display:flex;min-height:54px;align-items:center;padding:8px 12px;background:#dcefe7}
.city-card small{display:block;margin-top:5px;color:#66807a;font-weight:400}
.site-footer{margin-top:auto;padding-top:18px}
@media(max-width:560px){
  main{padding:8px 14px 22px}
  .intro h1{font-size:23px}
  .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}