:root{--color-brand-200:var(--color-brand-soft-2);--color-brand-300:var(--color-brand-line);--color-brand-500:var(--color-brand);--color-brand-600:var(--color-link);--color-warm-100:var(--color-surface-muted);--color-warm-200:var(--color-border-subtle);--color-warm-300:var(--color-border);--color-warm-400:var(--color-text-subtle);--color-warm-500:var(--color-text-muted);--color-warm-600:var(--color-text-secondary);--color-warm-700:var(--color-text-nav);--color-warm-800:var(--color-text-body);--color-warm-900:var(--color-surface-dark);--font-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--radius-btn:8px;--z-nav:1000;--z-drawer:1100;--shadow-lg:0 20px 50px var(--color-overlay-black-18)}
.container-page{width:min(1200px,calc(100% - 32px));margin-left:auto;margin-right:auto}
/* ============================================================
   BUTTONS · DESIGN.md 4.1
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:44px;padding:0 20px;border:none;border-radius:var(--radius-btn);
  font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;
  cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;
  white-space:nowrap;text-decoration:none;
}
.btn:hover{transform:scale(1.05);text-decoration:none}
.btn:active{transform:scale(.95)}
.btn:focus-visible{outline:2px solid var(--color-brand-300);outline-offset:2px}
.btn--primary{background:var(--color-brand-500);color:var(--color-text-on-dark)}
.btn--primary:hover{background:var(--color-brand-600);color:var(--color-text-on-dark)}
.btn--secondary{background:var(--color-surface-card);color:var(--color-brand-500);border:1px solid var(--color-brand-500)}
.btn--secondary:hover{border-color:var(--color-brand-600);color:var(--color-brand-600)}
.btn--ghost{background:transparent;color:var(--color-warm-600);border:1px solid var(--color-warm-300)}
.btn--ghost:hover{border-color:var(--color-warm-500);color:var(--color-warm-800)}
.btn--block{width:100%}
.btn--lg{height:48px;padding:0 28px}
@media(min-width:992px){.btn{height:40px}}
@media(max-width:991px){.btn--lg{height:48px}}

/* ============================================================
   NAVIGATION · 与首页一致
   ============================================================ */
.nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-overlay-white-95);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-warm-200)}
.nav__inner{display:flex;align-items:center;height:56px;gap:16px}
.brand{display:flex;align-items:center;gap:8px;color:var(--color-warm-900)}
.brand:hover{color:var(--color-warm-900)}
.brand__mark{width:30px;height:30px;border-radius:8px;background:var(--color-brand-500);color:var(--color-text-on-dark);font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;flex:none}
.brand__text{display:flex;flex-direction:column;line-height:1.2}
.brand__name{font-size:14px;font-weight:500;color:inherit}
.brand__sub{font-size:10px;color:var(--color-warm-500)}
.nav__links{display:none;margin-left:auto;align-items:center;gap:4px}
.nav__item{display:inline-flex;align-items:center;height:48px;padding:0 12px;font-size:14px;color:var(--color-warm-700);transition:color .15s ease}
.nav__item:hover{color:var(--color-brand-500)}
.nav__item--active{color:var(--color-brand-500);font-weight:500}
.nav__cta{margin-left:auto;display:none}
.nav__burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--color-warm-800)}
.nav__burger svg{width:24px;height:24px}
@media(min-width:992px){
  .nav__inner{height:64px}
  .nav__links{display:flex}
  .nav__cta{display:inline-flex;margin-left:0}
  .nav__burger{display:none}
}

/* 抽屉 */
.drawer{position:fixed;inset:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}
.drawer.is-open{visibility:visible;pointer-events:auto}
.drawer__backdrop{position:absolute;inset:0;background:var(--color-overlay-scrim);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}
.drawer.is-open .drawer__backdrop{opacity:1}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,84vw);background:var(--color-surface-card);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:20px}
.drawer.is-open .drawer__panel{transform:translateX(0)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.drawer__head .brand__name{font-size:16px;font-weight:500;color:var(--color-warm-900)}
.drawer__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--color-warm-800)}
.drawer__close svg{width:22px;height:22px}
.drawer__link{display:flex;align-items:center;justify-content:space-between;height:48px;font-size:15px;color:var(--color-warm-800);border-bottom:1px solid var(--color-warm-100)}
.drawer__link svg{width:16px;height:16px;color:var(--color-warm-400)}
.drawer__link:hover{color:var(--color-brand-500)}
.drawer__cta{margin-top:24px}

/* ============================================================
   FOOTER · 与首页一致
   ============================================================ */
.footer{background:var(--color-warm-900);color:var(--color-warm-300);font-size:13px;line-height:1.7}
.footer__grid{display:grid;gap:32px;padding:48px 0 32px}
.footer__brand .brand__name{color:var(--color-text-on-dark)}
.footer__brand .brand__sub{color:var(--color-warm-400)}
.footer__brand p{margin-top:12px;color:var(--color-warm-400);font-size:13px;line-height:1.7}
.footer__col h3{font-size:13px;font-weight:500;color:var(--color-text-on-dark);margin-bottom:12px}
.footer__col ul{display:flex;flex-direction:column;gap:8px}
.footer__col a{color:var(--color-warm-300)}
.footer__col a:hover{color:var(--color-text-on-dark)}
.footer__legal{
  border-top:1px solid var(--color-overlay-white-12);
  padding:20px 0 32px;font-size:12px;color:var(--color-warm-400);
  display:flex;flex-direction:column;gap:12px;
}
.footer__legal p{line-height:1.7}
.footer__legal-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer__legal-links a{color:var(--color-warm-400);font-size:12px}
.footer__legal-links a:hover{color:var(--color-text-on-dark)}
@media(min-width:768px){
  .footer__grid{grid-template-columns:repeat(2,1fr);gap:40px}
}
@media(min-width:992px){
  .footer__grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:40px;padding:64px 0 40px}
  .footer__legal{flex-direction:row;align-items:center;justify-content:space-between}
}


/* 统一国家详情页与国家中心页的导航渲染，覆盖旧页面外壳遗留规则 */
.nav{min-height:0;display:block;align-items:initial;gap:0}
.brand{font-weight:inherit;white-space:normal}

/* 公共导航和页脚链接与国家中心页一致：不显示浏览器默认下划线 */
.nav a,.footer a,.drawer a{text-decoration:none}

/* 页脚列与国家中心页一致：清除文章页旧 ul 的项目符号和默认缩进 */
.footer__col ul{list-style:none;padding:0;margin:0}
.footer__col li{margin:0;padding:0}