@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   客户案例列表页的筛选栏与页码：<button> → <a> 的样式补偿。

   ★本文件由 tools/gen-caselist-css.mjs 从 static/assets/css/gdbkhal.css 机械生成，
     不要手改 —— 改了下次重跑就没了。要调样式请改设计稿那份（但那属于改设计稿，
     按 README 的约定应当先确认），或在别处追加覆盖。

   生成规则：把 .case-filter-sub / .case-pager 两组容器里的 button 规则原样复制，
   元素选择器改成 a，媒体查询与数值保持不变（行业 tab 已下线：新版设计稿里
   .channel-nav a 自带完整样式，无需补偿；产品行随产品维度一起删除）。
   :disabled → [aria-disabled="true"]（链接没有 :disabled；首末页的「上一页/下一页」
   渲染成不带 href 的 <a aria-disabled="true">，既显示禁用态又点不动）。
   ═══════════════════════════════════════════════════════════════════════════ */
.case-filter-sub a{text-decoration:none;font:inherit;border-radius:999px;cursor:pointer;letter-spacing:0;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.case-filter-sub a:hover{text-decoration:none;border-color:var(--brand-700, #C25200);color:var(--brand-800, #B34700);}
.case-filter-sub a:focus-visible{text-decoration:none;outline:2px solid var(--brand-800, #B34700);outline-offset:2px;}
.case-filter-sub a[aria-current="page"]{text-decoration:none;background:var(--brand-700, #C25200);border-color:var(--brand-700, #C25200);color:#FFFFFF;font-weight:600;}
.case-filter-sub a{text-decoration:none;font-size:.92rem;line-height:1.4;min-height:34px;padding:6px 16px;border:1px solid #d8cfc4;background:#FFFFFF;color:#3d2b1f;}
@media (max-width: 991.98px){.s_cases.is-drawer .cf-row-sub .case-filter-sub a{text-decoration:none;min-height: 44px; padding: 8px 18px;}}
.case-pager a{text-decoration:none;font:inherit;font-size:.92rem;min-width:40px;padding:7px 14px;border-radius:999px;border:1px solid #d8cfc4;background:#FFFFFF;color:#3d2b1f;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
@media (max-width: 991.98px){.case-pager a{text-decoration:none;min-height: 44px;}}
.case-pager a:hover:not([aria-disabled="true"]){text-decoration:none;border-color:var(--brand-700, #C25200);color:var(--brand-800, #B34700);}
.case-pager a:focus-visible{text-decoration:none;outline:2px solid var(--brand-800, #B34700);outline-offset:2px;}
.case-pager a[aria-current="page"]{text-decoration:none;background:var(--brand-700, #C25200);border-color:var(--brand-700, #C25200);color:#FFFFFF;}
.case-pager a[aria-disabled="true"]{text-decoration:none;opacity:.45;cursor:default;}

/* ── 以下不是从设计稿转换来的，是为 <a> 补的 ───────────────────────────────
   ① 首/末页的「上一页/下一页」渲染成不带 href 的 <a aria-disabled="true">
   （链接没有 :disabled，不带 href 就点不动）。而 Bootstrap 有一条
   a:not([href]):not([class]){color:inherit} 的选择器权重比 .case-pager a 高，
   会把颜色打回继承值（#212529），设计稿里 button:disabled 却是 #3d2b1f。
   这条把颜色钉回来，权重与它相同、位置在后，所以生效。 */
.case-pager a[aria-disabled="true"]{color:#3d2b1f;}
/* ② text-align: <button> 的 UA 默认是 center，<a> 不是。设计稿 CSS 没写这一条
   （靠浏览器默认），机械转换自然抄不到。分页数字住在 min-width:40px 的定宽盒里，
   不居中会贴左（2026-10-07 无头对拍抓到，差 1 项计算样式）。 */
.case-filter-sub a,.case-pager a{text-align:center;}