/**
 * CMS 专属覆盖样式 —— 只放"CMS 标签结构跟静态站不同、导致浏览器默认样式
 * 盖过了 style.css 里对应规则"这类问题的补丁。
 *
 * ⚠️ 不要往这里塞跟静态站保持 1:1 的内容——那些改动应该直接同步进
 * style.css（整份覆盖，见 tools/check/README 的同步说明）。这个文件
 * 存在的唯一理由是：CMS 为了 SEO/可点击而把静态站的纯文本/button
 * 换成了 <a>，浏览器对 <a> 自带的默认颜色优先级比继承样式高，
 * 不补一条规则就会显示成突兀的默认链接蓝。
 */

/* news.html 的分类筛选：静态站是 <button>，CMS 用 <a> 实现服务端跳转
   （可被收录、能分享带分类的链接——方案取舍，不是 bug）。
   .news-filter button 那套样式只认 <button> 标签，<a> 完全不命中，
   这里原样抄一份、选择器换成 a，视觉效果对齐 */
.news-filter a{padding:10px 22px;border-radius:999px;border:1.5px solid var(--line);
  background:#fff;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer;
  transition:.25s;text-decoration:none;display:inline-block}
.news-filter a:hover{border-color:var(--blue);color:var(--blue)}
.news-filter a.active{background:var(--blue);border-color:var(--blue);color:#fff}
/* 手机端分类筛选：按钮收小，更精致 */
@media(max-width:860px){
  .news-filter{gap:8px;margin-bottom:28px}
  .news-filter a{box-sizing:border-box;min-width:94px;height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;
    font-size:14px;line-height:1;font-weight:500;border-width:1px}
  .news-filter a.active{font-weight:600}
}

/* footer 备案区：静态稿是纯文字 <span>，CMS 有意加了链接（见 common/footer.html
   注释：备案号跳工信部查询、公安备案跳公安联网备案查询、技术支持跳对方官网）。
   <a> 的默认蓝色跟 .bottom 本身 rgba(255,255,255,.45) 的浅灰风格不协调，
   只补颜色，不碰间距/布局——those 已经在 style.css 里对了 */
.footer .bottom a{color:inherit;text-decoration:none}
.footer .bottom a:hover{color:rgba(255,255,255,.8);text-decoration:none}