/* ============================================================
   邮编库 youbian 主题样式 — 以 view/seo 为蓝本重新设计
   设计系统：主色 #1a6d4a / 红色强调 #d94c3a / 深色 #0f172a
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{
  margin:0;
  font-family:"HarmonyOS Sans SC","HarmonyOS Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  font-size:15px;line-height:1.6;color:#111827;background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;border:none}
a{color:inherit;text-decoration:none}
a:hover{color:#1a6d4a}
button,input,select,textarea{font:inherit}
button,select{text-transform:none}
input[type='button'],input[type='submit']{-webkit-appearance:button;cursor:pointer}
input[type='search']{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
textarea{font-family:inherit;font-size:16px}
:focus-visible{outline:2px solid #1a6d4a;outline-offset:2px;border-radius:3px}
h1,h2,h3,h4,h5,h6{color:#0f172a;font-weight:700;line-height:1.3;margin:0}
p{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
.clear{clear:both;display:block;height:0;overflow:hidden}

/* 通用容器 */
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.container-fluid{width:100%}

/* 间距工具 */
.top-space{margin-top:16px}
.bottom-space{margin-bottom:16px}
.common-color,.unified-color{color:#1a6d4a}
.onmove{transition:color .15s}
.onmove:hover{color:#1a6d4a}
.onmove-a{transition:color .15s}
.onmove-a:hover{color:#1a6d4a}
.vice-text{color:#6b7280;font-size:13px;line-height:1.5}
.explain{color:#4b5563;font-size:13.5px;margin:8px 0}

/* ================ TOPBAR（地理定位 + 多语言） ================ */
.topbar{background:#f7f8fa;border-bottom:1px solid #e5e7eb;font-size:12px;color:#4b5563}
.topbar .wrap,.topbar .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;padding:8px 20px}
.topbar .geo b{color:#1a6d4a;font-weight:500}
.topbar .lang{display:flex;flex-wrap:wrap;gap:14px}
.topbar .lang a:hover{color:#1a6d4a;text-decoration:underline}

/* ================ HEADER / 导航 ================ */
.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}
.site-header .wrap,.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px}
.brand:hover{color:inherit}
.brand .logo{width:34px;height:34px;border-radius:8px;background:#1a6d4a;display:grid;place-items:center;color:#fff;font-weight:700;letter-spacing:-.02em}
.brand .brand-text .cn{display:block;font-size:18px;font-weight:700;color:#0f172a;letter-spacing:.02em}
.brand .brand-text .en{display:block;font-size:11px;color:#6b7280;letter-spacing:.04em}
.header-logo{display:flex;align-items:center}
.header-logo a{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#0f172a}
.header-logo a span{color:#0f172a}
.header-logo img{width:30px;height:30px}
.header-height{min-height:60px;display:flex;align-items:center}

/* 主导航 */
.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#374151;font-weight:500}
.main-nav a{padding:6px 0;border-bottom:2px solid transparent;transition:.15s;color:#374151}
.main-nav a:hover,.main-nav a.active{color:#1a6d4a;border-color:#1a6d4a}
.view-nav ul.nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#374151;font-weight:500;list-style:none;margin:0;padding:0}
.view-nav ul.nav li.nav-menu a{padding:6px 0;border-bottom:2px solid transparent;transition:.15s;color:#374151;display:inline-block}
.view-nav ul.nav li.nav-menu a:hover,.view-nav ul.nav li.nav-menu a.unified-color:hover{color:#1a6d4a;border-color:#1a6d4a}

/* 滑动搜索条 */
.search-top{display:none;max-width:720px;margin:0 auto;padding:0 20px 14px}
.search-top .search-input{flex:1;border:1px solid #d1d5db;border-right:0;padding:10px 14px;outline:none;font-size:14px;border-radius:6px 0 0 6px}
.search-top .search-submit-top{border:0;background:#1a6d4a;color:#fff;padding:0 20px;cursor:pointer;border-radius:0 6px 6px 0}

/* 汉堡菜单 */
.burger,.nav-icon{display:none;border:1px solid #e5e7eb;background:#fff;border-radius:6px;width:38px;height:38px;cursor:pointer;flex-direction:column;justify-content:center;gap:4px;align-items:center}
.burger span,.nav-icon span{display:block;width:18px;height:2px;background:#111827}

/* ================ HERO / 搜索区 ================ */
.hero{background:linear-gradient(180deg,#f7fbf9 0%,#ffffff 100%);padding:48px 0 40px;border-bottom:1px solid #e5e7eb}
.hero h1{font-size:clamp(24px,3.4vw,34px);text-align:center;max-width:760px;margin:0 auto 12px}
.hero .sub{color:#4b5563;text-align:center;max-width:720px;margin:0 auto 24px;font-size:15px}
.hero .sub strong{color:#1a6d4a}
.search{max-width:720px;margin:0 auto;display:flex;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px rgba(15,23,42,.04);overflow:hidden}
.search select{border:0;background:#f9fafb;color:#1a6d4a;font-weight:500;padding:0 16px;outline:none;cursor:pointer;border-right:1px solid #e5e7eb}
.search input{flex:1;border:0;padding:14px 16px;outline:none;font-size:15px;min-width:0}
.search button{background:#1a6d4a;color:#fff;border:0;padding:0 28px;font-weight:500;cursor:pointer;transition:.15s}
.search button:hover{background:#14573b}
.hero .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:28px;color:#4b5563;font-size:13px}
.hero .stats b{color:#0f172a;font-size:22px;font-weight:700;margin-right:6px}

/* 旧头部搜索区兼容（search-bg） */
.search-bg{max-width:720px;margin:0 auto}
.search-bg .search-input{flex:1;border:0;padding:14px 16px;outline:none;font-size:15px}
.search-bg .search-submit{background:#1a6d4a;color:#fff;border:0;padding:0 28px;font-weight:500;cursor:pointer;transition:.15s}
.search-bg .search-submit:hover{background:#14573b}
.search-bg .tooltips{margin-top:14px;color:#6b7280;font-size:12.5px;text-align:center}
.search-bg .tooltips a{display:inline-block;margin:0 4px;color:#1a6d4a}
.search-bg .tooltips a:hover{text-decoration:underline}

/* 头条文章条 */
.location-content{max-width:1200px;margin:14px auto 0;padding:0 20px}
.location{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:13px;color:#4b5563}
.location-p{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.location-p img{width:14px;height:14px}
.location-p a{color:#1a6d4a;font-weight:500}

/* ================ SECTION 通用 ================ */
section{padding:40px 0;border-bottom:1px solid #eef0f3}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sec-head .sec-title{display:flex;align-items:baseline;gap:12px}
.sec-head h2{font-size:22px}
.sec-head .sec-en{color:#6b7280;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.sec-head .sec-more a{color:#1a6d4a;font-size:13px;font-weight:500}
.sec-head .sec-more a:hover{text-decoration:underline}

/* ================ 主布局（内容 + 侧栏） ================ */
.position-vleft{padding:36px 0 56px}
.main-view{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 320px;gap:32px}
.main-left{min-width:0}
.main-right{min-width:0}
@media(max-width:960px){.main-view{grid-template-columns:1fr}}

/* ================ 内容卡片 unified-content ================ */
.unified-content{background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:24px;margin-bottom:20px}
.unified-view{max-width:1200px;margin:0 auto 24px;padding:0 20px}
.content-view{max-width:1200;margin:0 auto}

/* 标题 */
.view-title{display:flex;align-items:center;gap:10px;font-size:20px;color:#0f172a;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eef0f3}
.view-title img{width:24px;height:24px}
.view-title .mw-headline{display:flex;align-items:center;gap:10px}
.firstHeading,h1.firstHeading{font-size:28px;color:#0f172a;font-weight:700;margin:0 0 16px;line-height:1.3}
h2.bottom-space{font-size:20px;color:#0f172a;margin-bottom:16px}

/* 内容正文（通用） */
.content,.article-content{font-size:15px;line-height:1.8;color:#374151}
.content p,.article-content p{margin-bottom:12px}
.content img,.article-content img{border-radius:8px;margin:12px 0}
.content-msg{color:#4b5563;font-size:14px;line-height:1.7}
.content-tips{color:#6b7280;font-size:13px;margin-top:12px}

/* ================ 文章页（百度 SEO 可读性） ================
   字号≥16px、行高≥1.75、对比度充足、层级清晰、移动优先
   ============================================================ */
.page-head--article{padding:32px 0 28px}
.page-head--article h1{
  font-size:clamp(22px,2.8vw,30px);
  line-height:1.35;
  margin-bottom:14px;
  max-width:42em;
  font-weight:700;
  color:#0f172a;
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  list-style:none;
  margin:0;
  padding:0;
  font-size:13px;
  color:#6b7280;
  line-height:1.5;
}
.article-meta__item{display:inline-flex;align-items:baseline;gap:6px}
.article-meta__label{color:#9ca3af;font-weight:500}
.article-meta__value{color:#4b5563}

.article-page{padding:28px 0 48px}
.article-page .main-view{align-items:start}
.article-body{padding:28px 32px 24px}
.article-body .article-content{
  font-size:17px;
  line-height:1.9;
  color:#1f2937;
  word-break:break-word;
  overflow-wrap:anywhere;
}
/* 覆盖全局 p{margin:0} / ul{list-style:none}，保证正文可扫读 */
.article-body .article-content > p:first-child{
  font-size:1.02em;
  color:#111827;
}
.article-body .article-content p{
  margin:0 0 1.15em;
  max-width:42em;
}
.article-body .article-content p:last-child{margin-bottom:0}
.article-body .article-content h2,
.article-body .article-content h3,
.article-body .article-content h4{
  color:#0f172a;
  font-weight:700;
  line-height:1.4;
  max-width:42em;
  scroll-margin-top:80px;
}
.article-body .article-content h2{
  font-size:1.28em;
  margin:1.6em 0 .7em;
  padding-bottom:.35em;
  border-bottom:1px solid #eef0f3;
}
.article-body .article-content h3{
  font-size:1.12em;
  margin:1.35em 0 .55em;
}
.article-body .article-content h4{
  font-size:1.05em;
  margin:1.2em 0 .45em;
  font-weight:600;
}
.article-body .article-content ul,
.article-body .article-content ol{
  margin:0 0 1.15em;
  padding-left:1.4em;
  max-width:42em;
  list-style:revert;
}
.article-body .article-content li{
  margin-bottom:.45em;
  line-height:1.75;
}
.article-body .article-content li > ul,
.article-body .article-content li > ol{margin:.4em 0 0}
.article-body .article-content a{
  color:#1a6d4a;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.article-body .article-content a:hover{color:#14573b}
.article-body .article-content strong,
.article-body .article-content b{color:#0f172a;font-weight:700}
.article-body .article-content img{
  display:block;
  max-width:100%;
  height:auto;
  margin:1.2em auto;
  border-radius:8px;
  border:1px solid #eef0f3;
}
.article-body .article-content figure{
  margin:1.2em 0;
  max-width:42em;
}
.article-body .article-content figcaption{
  margin-top:.5em;
  font-size:.82em;
  color:#6b7280;
  text-align:center;
  line-height:1.5;
}
.article-body .article-content blockquote{
  margin:1.2em 0;
  padding:.85em 1em .85em 1.1em;
  border-left:3px solid #1a6d4a;
  background:#f7fbf9;
  color:#374151;
  max-width:42em;
  border-radius:0 6px 6px 0;
}
.article-body .article-content blockquote p:last-child{margin-bottom:0}
.article-body .article-content table{
  width:100%;
  max-width:100%;
  border-collapse:collapse;
  margin:1.2em 0;
  font-size:.92em;
  line-height:1.6;
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.article-body .article-content th,
.article-body .article-content td{
  border:1px solid #e5e7eb;
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
.article-body .article-content th{
  background:#f9fafb;
  color:#374151;
  font-weight:600;
}
.article-body .article-content tr:nth-child(even) td{background:#fafafa}
.article-body .article-content pre,
.article-body .article-content code{
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:.88em;
}
.article-body .article-content code{
  padding:.1em .35em;
  background:#f3f4f6;
  border-radius:4px;
  color:#111827;
}
.article-body .article-content pre{
  margin:1.2em 0;
  padding:14px 16px;
  background:#0f172a;
  color:#e2e8f0;
  border-radius:8px;
  overflow-x:auto;
  line-height:1.6;
}
.article-body .article-content pre code{
  padding:0;
  background:transparent;
  color:inherit;
  font-size:1em;
}
.article-body .article-content hr{
  border:0;
  border-top:1px solid #eef0f3;
  margin:1.6em 0;
}

.article-source{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px dashed #e5e7eb;
  font-size:12.5px;
  color:#9ca3af;
  line-height:1.6;
  word-break:break-all;
}
.article-source a{color:#6b7280;text-decoration:underline;text-underline-offset:2px}
.article-source a:hover{color:#1a6d4a}

.article-related .view-title{margin-bottom:8px}
.article-related .common-style-li{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:repeat(5,auto);
  grid-auto-flow:column;
  column-gap:28px;
}
.article-related .common-style-li li{
  padding:11px 0;
  border-bottom:1px dashed #eef0f3;
  min-width:0;
}
.article-related .common-style-li li a{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:640px){
  .article-related .common-style-li{
    grid-template-columns:1fr;
    grid-template-rows:none;
    grid-auto-flow:row;
  }
}
.detail-tags__label{margin-right:4px}
.detail-arr__none{color:#9ca3af}

@media(max-width:960px){
  .article-page{padding:16px 0 36px}
  .article-body{padding:20px 18px 18px}
  .article-body .article-content{font-size:16px;line-height:1.85}
  .page-head--article{padding:24px 0 20px}
  .page-head--article h1{font-size:clamp(20px,5.2vw,26px)}
}
@media(max-width:560px){
  .article-meta{gap:6px 14px;font-size:12.5px}
  .article-body .article-content h2{font-size:1.2em}
  .detail-arr-left,.detail-arr-right{text-align:left;min-width:0;flex:1 1 100%}
}

/* 页内相关查询内链 */
.page-related{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.page-related li{margin:0}
.page-related a{display:inline-block;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a6d4a;background:#f7fbf9;line-height:1.4}
.page-related a:hover{border-color:#1a6d4a;background:#eef7f2;text-decoration:none}

/* mw-parser-output 兼容 */
.mw-parser-output{font-size:15px;line-height:1.7}
.mw-empty-elt{display:none}

/* ================ 面包屑（百度路径可读） ================ */
.breadcrumb{padding:12px 0 0;margin-bottom:12px}
.breadcrumb .wrap{padding-top:0;padding-bottom:0}
.breadcrumb__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px 0;
  font-size:13px;
  line-height:1.5;
  color:#6b7280;
}
.breadcrumb__item{display:inline-flex;align-items:center;max-width:100%;min-width:0}
.breadcrumb__link{color:#4b5563}
.breadcrumb__link:hover{color:#1a6d4a;text-decoration:underline}
.breadcrumb__sep{
  display:inline-block;
  margin:0 8px;
  color:#d1d5db;
  font-weight:400;
  font-size:12px;
}
.breadcrumb__text,.breadcrumb .current{color:#0f172a;font-weight:500}
.breadcrumb__item.is-current .breadcrumb__text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:min(52vw,28em);
}
/* 旧版面包屑兼容 */
.breadcrumb > .wrap > a,
.breadcrumb > .wrap > .sep,
.breadcrumb > .wrap > .current{display:inline}
.breadcrumb .sep{margin:0 8px;color:#d1d5db}

/* ================ 邮编数据表格 zipcode-datas ================ */
.zipcode-datas{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;font-size:14px}
.zipcode-datas th{background:#f9fafb;color:#374151;font-weight:500;text-align:left;padding:12px 16px;border-bottom:1px solid #eef0f3;font-size:13px}
.zipcode-datas td{padding:12px 16px;border-bottom:1px solid #eef0f3;color:#111827;vertical-align:top}
.zipcode-datas tr:last-child td{border-bottom:0}
.zipcode-datas tr:hover td{background:#f7fbf9}
.zipcode-datas td .code,.zipcode-datas a{color:#1a6d4a;font-weight:500}
.zipcode-datas a:hover{text-decoration:underline}
.zipcode-datas a[title*="邮政编码"]{color:#d94c3a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:500;font-variant-numeric:tabular-nums}

/* 通用表格 table（seo 风格） */
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;font-size:14px}
.table thead th{background:#f9fafb;color:#374151;font-weight:500;text-align:left;padding:12px 16px;border-bottom:1px solid #eef0f3;font-size:13px}
.table td{padding:14px 16px;border-bottom:1px solid #eef0f3;color:#111827;vertical-align:top}
.table tr:last-child td{border-bottom:0}
.table tr:hover td{background:#f7fbf9}
.table .code{color:#d94c3a;font-family:ui-monospace,monospace;font-weight:500;font-variant-numeric:tabular-nums}
.table .en{color:#6b7280;font-size:12px;margin-top:2px}
.table .count{color:#6b7280;font-size:12px}
.table a{color:#1a6d4a;font-weight:500}
.table a:hover{text-decoration:underline}

/* 下属区县网格 districts */
.districts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:4px}
.districts a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #eef0f3;border-radius:6px;font-size:13.5px;background:#fff;transition:.15s}
.districts a .code{color:#d94c3a;font-family:ui-monospace,monospace;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}
.districts a:hover{border-color:#1a6d4a;background:#f7fbf9}

/* ================ 省份网格 prov-grid ================ */
.prov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.prov-grid a{display:flex;flex-direction:column;gap:2px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;transition:.15s;background:#fff}
.prov-grid a:hover{border-color:#1a6d4a;background:#f7fbf9;transform:translateY(-1px)}
.prov-grid .code{color:#d94c3a;font-weight:500;font-size:12px;font-variant-numeric:tabular-nums}
.prov-grid .name{color:#0f172a;font-weight:600;font-size:16px}
.prov-grid .en{color:#6b7280;font-size:12px}

/* ================ 国际邮编 tabs ================ */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tabs button{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-size:14px;color:#374151;cursor:pointer;transition:.15s}
.tabs button:hover{border-color:#1a6d4a;color:#1a6d4a}
.tabs button.active{background:#1a6d4a;border-color:#1a6d4a;color:#fff}
.tabs button.active:hover{color:#fff}
.tab-panel{display:none}
.tab-panel.active{display:block;animation:fade .2s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* 旧版 tab-container 兼容 */
.postcode-classify .section-tabs .tab-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;list-style:none;padding:0}
.postcode-classify .section-tabs .tab-container li{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-size:14px;color:#374151;cursor:pointer;transition:.15s}
.postcode-classify .section-tabs .tab-container li:hover{border-color:#1a6d4a;color:#1a6d4a}
.postcode-classify .section-tabs .tab-container li.active{background:#1a6d4a;border-color:#1a6d4a;color:#fff}
.postcode-classify .structure .section-tabs-content{list-style:none;padding:0;margin:0;width:100%}
.postcode-classify .structure .section-tabs-content li{background:#fff}
.postcode-classify .structure .section-tabs-content li.tab-hide{display:none}
.postcode-classify .structure .section-tabs-content li.tab-show{display:block;animation:fade .2s ease}
.svg-map{width:100%}

/* 国家网格 country-grid */
.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 1px;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;background:#eef0f3}
.country-grid a{background:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:14px;transition:.12s}
.country-grid a:hover{background:#f7fbf9;color:#1a6d4a}
.country-grid .f{font-size:11px;color:#1a6d4a;border:1px solid #c8e6d7;padding:2px 6px;border-radius:4px;font-weight:500;background:#f0f9f5;white-space:nowrap;width:44px;text-align:center}
.country-grid .cn{color:#111827;display:block}
.country-grid .en{color:#6b7280;font-size:12px;display:block}

/* ================ 多语言 + 子站 ================ */
.multi{background:#f7f8fa}
.multi-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}
.block h3{font-size:15px;color:#1a6d4a;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}
.langs{display:flex;flex-wrap:wrap;gap:8px}
.langs a{padding:7px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;color:#374151;transition:.15s}
.langs a:hover{border-color:#1a6d4a;color:#1a6d4a;background:#f7fbf9}
.langs a b{color:#111827;margin-right:6px}
.subsites{display:flex;flex-direction:column}
.subsites a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #e5e7eb;font-size:14px;transition:.15s}
.subsites a:last-child{border-bottom:0}
.subsites a:hover{color:#1a6d4a;padding-left:6px}
.subsites a .c{font-size:11px;color:#d94c3a;letter-spacing:.04em}

/* ================ 文章列表 article-item ================ */
.arts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}
.arts .card{border:1px solid #eef0f3;border-radius:10px;overflow:hidden;transition:.2s;background:#fff}
.arts .card:hover{box-shadow:0 8px 20px rgba(15,23,42,.06);transform:translateY(-2px)}
.arts .img{aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}
.arts .img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.arts .card:hover .img img{transform:scale(1.04)}
.arts .body{padding:18px 20px 22px}
.arts .meta{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:10px}
.arts .meta .tag{color:#1a6d4a;font-weight:500}
.arts h3{font-size:18px;font-weight:600;line-height:1.45;color:#0f172a;transition:.15s}
.arts a:hover h3{color:#1a6d4a}
.arts p{font-size:13px;color:#6b7280;margin-top:8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.arts .big h3{font-size:22px}
.arts .big p{font-size:14px;-webkit-line-clamp:4}
.all{display:flex;justify-content:center;margin-top:28px}
.all a{padding:10px 28px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;background:#fff;transition:.15s}
.all a:hover{border-color:#1a6d4a;color:#1a6d4a}

/* 旧版 article-item 兼容 */
.article-item{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;list-style:none;padding:0;margin:0}
.article-list{list-style:none}
.article-list .item-default{display:block;height:100%}
.article-list .item-img{aspect-ratio:16/9;background:#f3f4f6;overflow:hidden;border-radius:10px 10px 0 0}
.article-list .item-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.article-list:hover .item-img img{transform:scale(1.04)}
.article-list .item-content{padding:16px 18px 20px;border:1px solid #eef0f3;border-top:0;border-radius:0 0 10px 10px;background:#fff}
.article-list .item-content h3{font-size:16px;font-weight:600;line-height:1.45;color:#0f172a;margin-bottom:8px}
.article-list .item-content h3 a{color:#0f172a}
.article-list .item-content h3 a:hover{color:#1a6d4a}
.article-list .item-content .vice-text{font-size:13px;color:#6b7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.article-list .item-content h4{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;font-weight:400;margin:0}
.article-list .item-content h4 .category-name{color:#1a6d4a;font-weight:500}
.article-more{text-align:center;margin-top:20px}
.article-more a{display:inline-block;padding:10px 28px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;background:#fff;transition:.15s}
.article-more a:hover{border-color:#1a6d4a;color:#1a6d4a}

/* 栏目文章列表：左图右文（百度列表可读性） */
.article-list-page .view-title{margin-bottom:8px}
.article-feed{list-style:none;margin:0;padding:0}
.article-feed__item{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid #eef0f3;
  align-items:stretch;
}
.article-feed__item:first-child{padding-top:10px}
.article-feed__item:last-child{border-bottom:0}
.article-feed__thumb{
  display:block;
  border-radius:8px;
  overflow:hidden;
  background:#f3f4f6;
  border:1px solid #eef0f3;
  aspect-ratio:3/2;
  align-self:start;
}
.article-feed__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s;
}
.article-feed__item:hover .article-feed__thumb img{transform:scale(1.04)}
.article-feed__body{min-width:0;display:flex;flex-direction:column;gap:8px}
.article-feed__title{
  margin:0;
  font-size:18px;
  font-weight:600;
  line-height:1.45;
  color:#0f172a;
}
.article-feed__title a{color:#0f172a}
.article-feed__title a:hover{color:#1a6d4a}
.article-feed__intro{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#4b5563;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.article-feed__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:auto;
  font-size:12.5px;
  color:#9ca3af;
}
@media(max-width:640px){
  .article-feed__item{grid-template-columns:112px 1fr;gap:12px;padding:14px 0}
  .article-feed__title{font-size:16px}
  .article-feed__intro{font-size:13px;-webkit-line-clamp:3}
}

/* 通用列表 common-style-li */
.common-style-li{list-style:none;padding:0;margin:0}
.common-style-li li{padding:10px 0;border-bottom:1px dashed #eef0f3;font-size:14.5px}
.common-style-li li:last-child{border-bottom:0}
.common-style-li li a{color:#374151;transition:.15s}
.common-style-li li a:hover{color:#1a6d4a}
.common-style-li li a::before{content:"›";color:#1a6d4a;margin-right:8px;font-weight:700}

/* 侧栏列表 inside-page-ul */
.inside-page-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.inside-page-li{padding:16px;border:1px solid #eef0f3;border-radius:8px;background:#fff;transition:.15s}
.inside-page-li:hover{border-color:#1a6d4a;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.inside-page-li a{display:flex;gap:12px;align-items:flex-start}
.inside-page-li .column-img{width:40px;height:40px;flex-shrink:0}
.inside-page-li h2{font-size:15px;font-weight:600;color:#0f172a}
.inside-page-li .vice-text{font-size:12px;color:#6b7280;margin-top:2px}
.inside-page-li .query{font-size:12px;color:#1a6d4a;font-weight:500;margin-top:6px}

/* ================ page-head 页头 ================ */
.page-head{background:linear-gradient(180deg,#f7fbf9 0%,#ffffff 100%);padding:40px 0 36px;border-bottom:1px solid #e5e7eb}
.page-head h1{font-size:clamp(24px,3vw,34px);margin-bottom:10px}
.page-head .desc{color:#4b5563;max-width:80ch;font-size:14.5px}
.page-head--compact{padding:24px 0 20px}
.page-head--compact h1{font-size:clamp(22px,2.6vw,28px);margin-bottom:6px}
.page-head--compact .desc{font-size:14px}

/* 省页下辖城市筛选（页头内） */
.city-filter{margin-top:22px;padding-top:18px;border-top:1px dashed #d7e5dd}
.city-filter__label{font-size:12px;font-weight:600;letter-spacing:.08em;color:#6b7280;margin-bottom:10px;text-transform:uppercase}
.city-filter__chips{display:flex;flex-wrap:wrap;gap:8px}
.city-filter__chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13.5px;line-height:1.2;transition:border-color .15s,color .15s,background .15s,transform .15s}
.city-filter__chip:hover{border-color:#1a6d4a;color:#1a6d4a;background:#f0f9f5;transform:translateY(-1px)}
.city-filter__chip.is-active{background:#1a6d4a;border-color:#1a6d4a;color:#fff}
.city-filter__chip.is-active:hover{color:#fff;background:#155c3e;border-color:#155c3e;transform:none}
.city-filter__count{font-size:11px;font-variant-numeric:tabular-nums;opacity:.72;font-weight:500}
.city-filter__chip.is-active .city-filter__count{opacity:.9}
@media (max-width:640px){
	.city-filter__chip{padding:6px 10px;font-size:13px}
}

/* ================ 字母筛选 alpha ================ */
.alpha{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.alpha button{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:5px 10px;font-size:13px;color:#374151;cursor:pointer;transition:.15s}
.alpha button.active,.alpha button:hover{background:#1a6d4a;color:#fff;border-color:#1a6d4a}

/* ================ 分页 pagination ================ */
.pagination,.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap;font-size:14px}
.pagination a,.pagination span,.pager a,.pager span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;transition:.15s}
.pagination a:hover,.pager a:hover{background:#1a6d4a;color:#fff;border-color:#1a6d4a}
.pagination .cur,.pagination .active,.pager .cur,.pager .active{background:#1a6d4a;color:#fff;border-color:#1a6d4a;font-weight:500}
.pagination .dots,.pager .dots{border:0;background:transparent;color:#6b7280}

/* bootstrap 分页兼容 */
.pagination ul,.pagination li{list-style:none;display:inline-block}
.pagination li a,.pagination li span{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;margin:0 2px;transition:.15s}
.pagination li a:hover{background:#1a6d4a;color:#fff;border-color:#1a6d4a}
.pagination li.active a,.pagination li.active span{background:#1a6d4a;color:#fff;border-color:#1a6d4a;font-weight:500}
.pagination li.disabled a,.pagination li.disabled span{color:#cbd5e1;cursor:not-allowed;background:#f9fafb}

/* ================ 信封例子 / 图片 ================ */
.xinfeng{border-radius:8px;overflow:hidden;border:1px solid #eef0f3}
.xinfeng img{width:100%}
.generated-img{border-radius:8px;overflow:hidden}
.generated-img img{width:100%;border-radius:8px}

/* 国旗缩略图 */
.thumb.tright{float:right;margin:0 0 16px 16px;max-width:160px}
.thumbinner{border:1px solid #eef0f3;border-radius:8px;padding:8px;background:#fff}
.thumbimage{border-radius:4px;width:140px;height:auto}

/* 地图容器 */
#allmap{width:100%;height:500px;border-radius:8px;overflow:hidden;border:1px solid #eef0f3}

/* ================ 上一篇/下一篇 ================ */
.detail-arr{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid #eef0f3}
.detail-arr-left,.detail-arr-right{font-size:13.5px;color:#6b7280;flex:1;min-width:200px}
.detail-arr-right{text-align:right}
.detail-arr a{color:#1a6d4a}
.detail-arr a:hover{text-decoration:underline}
.detail-tags{margin-top:20px;padding-top:16px;border-top:1px solid #eef0f3;font-size:13px;color:#6b7280}
.detail-tags a{display:inline-block;margin:0 4px;padding:3px 10px;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:12.5px;transition:.15s}
.detail-tags a:hover{border-color:#1a6d4a;color:#1a6d4a;background:#f7fbf9}

/* ================ 标签云 ================ */
.th-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.th-tags li a{display:inline-block;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;background:#fff;transition:.15s}
.th-tags li a:hover{border-color:#1a6d4a;color:#1a6d4a;background:#f7fbf9}

/* ================ 中国地图（page_guonei） ================ */
.guonei-page .guonei-map-card{padding:12px 12px 4px}
.guonei-page .guonei-prov-card{margin-top:16px}
.guonei-tip{margin:16px 0 0;padding:12px 14px;background:#f7fbf9;border-left:3px solid #1a6d4a;color:#4b5563;font-size:13px;line-height:1.7}
.inside-map{width:100%;height:auto;display:block}
.animation-land1 path,.animation-land2 path{stroke:#fff;stroke-width:1}
.ChinaMap{background:#fff;border:0;border-radius:0;padding:0;margin:0}
.ChinaMap svg{max-width:100%;height:auto}
.lind-link{cursor:pointer}
.lind-link:hover path{filter:brightness(.92);transition:filter .15s}
.st1{font-family:"HarmonyOS Sans SC","Microsoft YaHei",sans-serif;font-weight:600}
.st2{font-size:11px;fill:#0f172a}

/* ================ FOOTER ================ */
footer.site-footer,.footer-bg{background:#0f172a;color:#cbd5e1;padding:48px 0 0}
.footer-content,.foot-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:32px;list-style:none}
.footer-content{grid-template-columns:1.4fr 1fr 1.2fr;align-items:flex-start}
.footer-left{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer-right{display:flex;flex-direction:column}
.foot-grid h4,.footer-link h2{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}
.foot-grid p,.foot-grid li,.foot-grid a,.footer-link a,.foot-text-color{color:#94a3b8;font-size:13px;line-height:1.8}
.foot-grid a:hover,.footer-link a:hover,.foot-text-color:hover{color:#fff}
.foot-grid ul li,.about-list{list-style:none;padding:0;margin:0}
.foot-grid ul li,.about-list li{padding:2px 0}
.foot-hot ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
.foot-brand .lg,.brand-logo h2{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.foot-brand .lg .logo,.brand-logo img{width:32px;height:32px;border-radius:8px}
.brand-logo img{background:#1a6d4a;padding:4px;border-radius:8px}
.brand-logo b,.brand-logo span{color:#fff;font-size:16px;font-weight:700}
.foot-brand .est{color:#1a6d4a;font-weight:500;font-size:13px;margin-bottom:10px}
.foot-contact div{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;color:#94a3b8;font-size:13px}
.foot-contact .ic{width:28px;height:28px;border-radius:5px;background:#1e293b;display:grid;place-items:center;color:#1a6d4a;flex-shrink:0}
.foot-qr,.footer-code{display:flex;gap:12px;list-style:none;padding:0;margin:12px 0 0}
.foot-qr .qr,.footer-code li{width:92px;text-align:center}
.foot-qr .qr{height:92px;background:#fff;border-radius:4px;color:#475569;font-size:11px;display:grid;place-items:center;padding:6px;line-height:1.4}
.footer-code li img{width:90px;height:90px;border-radius:4px}
.footer-code li p{font-size:11px;color:#94a3b8;margin-top:4px}
.footer-link{margin-bottom:20px}

.copyright,.footer-t{border-top:1px solid #1e293b}
.copyright{padding:18px 0;color:#64748b;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto;padding:18px 20px}
.copyright a{color:#64748b}
.copyright a:hover{color:#fff}
.footer-t{background:#0b1120;padding:14px 0;margin-top:0}
.footer-flex{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#64748b}
.footer-flex a{color:#64748b}
.footer-flex a:hover{color:#cbd5e1}

/* 返回顶部 */
.gotop{position:fixed;right:24px;bottom:24px;z-index:40;opacity:0;visibility:hidden;transition:.2s}
.gotop.show{opacity:1;visibility:visible}
.gotop .uptop{display:grid;place-items:center;width:44px;height:44px;background:#1a6d4a;color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(15,23,42,.2);transition:.15s}
.gotop .uptop:hover{background:#14573b;transform:translateY(-2px)}
.gotop .uptop img{width:26px;height:26px}

/* ================ 响应式 ================ */
@media(max-width:960px){
  .arts{grid-template-columns:1fr 1fr}
  .arts .big{grid-column:1/-1}
  .foot-grid,.footer-content{grid-template-columns:1fr 1fr}
  .footer-left{grid-template-columns:1fr}
  .multi-grid{grid-template-columns:1fr}
  .main-nav,.view-nav{display:none}
  .burger,.nav-icon{display:flex}
  .table,.zipcode-datas{display:block;overflow-x:auto;white-space:nowrap}
  .article-item{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .arts{grid-template-columns:1fr}
  .foot-grid,.footer-content{grid-template-columns:1fr}
  .search{flex-wrap:wrap}
  .search select{width:100%;border-right:0;border-bottom:1px solid #e5e7eb;padding:10px 16px}
  .hero .stats{gap:16px 20px;font-size:12px}
  .hero .stats b{font-size:18px}
  .article-item{grid-template-columns:1fr}
  .unified-content{padding:16px}
  .position-vleft{padding:20px 0 40px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* 汉堡菜单展开（移动端导航） */
#Nav:checked ~ .view-nav{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 20px;z-index:40}
#Nav:checked ~ .view-nav ul.nav{flex-direction:column;align-items:flex-start;gap:0}
#Nav:checked ~ .view-nav ul.nav li.nav-menu{width:100%}
#Nav:checked ~ .view-nav ul.nav li.nav-menu a{display:block;padding:12px 0;border-bottom:1px solid #eef0f3}
#Nav:checked ~ .bg{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:30}
.bg{display:none}

/* ================ 无障碍跳转链接 ================ */
.skip-link{position:absolute;top:-40px;left:0;background:#1a6d4a;color:#fff;padding:8px 16px;border-radius:0 0 6px 0;z-index:100;font-size:14px;transition:top .15s}
.skip-link:focus{top:0;color:#fff}

/* ================ SEO 导读段落 ================ */
.intro{padding:24px 0;background:#f7fbf9}
.intro p{font-size:14.5px;line-height:1.9;color:#374151;max-width:900px;margin:0 auto;text-align:justify}
.intro p strong{color:#1a6d4a}

/* ================ noscript 提示 ================ */
.notice{background:#fef3c7;border:1px solid #fde68a;color:#92400e;padding:10px 16px;border-radius:6px;font-size:13px;margin-bottom:12px}

/* ================ FAQ 常见问题 ================ */
.faq-list{display:flex;flex-direction:column;gap:0;border:1px solid #eef0f3;border-radius:10px;overflow:hidden}
.faq-item{border-bottom:1px solid #eef0f3;padding:0;background:#fff;transition:background .15s}
.faq-item:last-child{border-bottom:0}
.faq-item:hover{background:#f7fbf9}
.faq-item h3{font-size:15.5px;font-weight:600;color:#0f172a;padding:16px 20px;margin:0;cursor:pointer;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.faq-item h3::before{content:"Q";flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#1a6d4a;color:#fff;font-size:12px;font-weight:700;margin-top:1px}
.faq-answer{padding:0 20px 16px 50px}
.faq-answer div{font-size:14px;line-height:1.8;color:#4b5563}
.faq-answer strong{color:#1a6d4a;font-weight:600}

/* ================ 关于邮编 内容区 ================ */
.about-content{max-width:900px;margin:0 auto}
.about-content p{font-size:14.5px;line-height:1.9;color:#374151;margin-bottom:14px;text-align:justify}
.about-content p strong{color:#1a6d4a;font-weight:600}

/* ================ 响应式补充 ================ */
@media(max-width:560px){
  .faq-item h3{font-size:14.5px;padding:14px 16px}
  .faq-answer{padding:0 16px 14px 44px}
  .faq-answer div{font-size:13.5px}
  .intro p,.about-content p{font-size:14px}
}