/*
 * 全局基础样式：:root 变量、页面基础、共享组件。
 * 约定：头部专属样式在 header.html，底部专属样式在 bottom.html，
 *       页面专属样式写在 pages/<slug>.html 的 <style> 里，不要写全局标签选择器。
 */

:root{
  --a-bg:#f5f6f4; --a-paper:#ffffff; --a-ink:#0a2233; --a-mut:#5d6b76;
  --a-line:#dde2e1; --a-accent:#4a7fa5; --a-ice:#dcebf2;
}
.ha-wrap{font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:var(--a-ink);
  background:var(--a-bg); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
.ha-wrap *{box-sizing:border-box; margin:0; padding:0;}
.ha-wrap img{max-width:100%; display:block;}
.ha-wrap a{color:inherit; text-decoration:none;}
.ha-serif{font-family:"Fraunces",Georgia,serif;}
.ha-container{max-width:1180px; margin:0 auto; padding:0 32px;}
.ha-micro{font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--a-mut);}

/* 共享按钮 */
.ha-pill{display:inline-block; background:var(--a-ink); color:#fff; font-size:13px; font-weight:500;
  padding:11px 22px; border-radius:999px; letter-spacing:.02em;}
.ha-pill:hover{background:#123a54;}

/* 移动端（容器通用部分；头部/底部/页面各自的媒体查询在各 HTML 文件里） */
@media (max-width:920px){
  .ha-container{padding:0 22px;}
}