/* 量化加官网 · WordPress 衔接层
   只放两类东西：
   1) 设计稿没有、但 WordPress 侧需要的新组件（案例成果数据卡、分页等）
   2) 编辑器正文输出与设计稿排版的补齐（h3/列表/表格/引用/图片） */

/* ---------- 案例成果数据卡 ---------- */
.case-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;max-width:860px;margin-top:8px}
.case-metrics .m{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 28px;transition:.25s var(--ease)}
.case-metrics .m:hover{border-color:rgba(12,172,245,.45);box-shadow:var(--shadow-1)}
.case-metrics .m .v{font-family:var(--font-num);font-weight:700;font-size:40px;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.case-metrics .m .v small{font-size:18px;font-family:var(--font-cn);margin-left:2px}
.case-metrics .m .l{font-size:13.5px;color:var(--text-2);margin-top:8px;line-height:1.7}

/* ---------- 分页 ---------- */
.nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:14px;color:var(--text-2);transition:.2s}
.page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.page-numbers:hover{border-color:rgba(12,172,245,.5);color:var(--blue-ink)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- 后台管理条存在时的吸顶偏移 ---------- */
body.admin-bar .site-head{top:32px}
@media screen and (max-width:782px){body.admin-bar .site-head{top:46px}}

/* ---------- 编辑器正文：与设计稿对齐 ---------- */
.article>*:first-child{margin-top:0}
.article h3{font-size:20px;font-weight:900;margin:32px 0 12px;line-height:1.5;color:var(--text-1)}
.article h4{font-size:17px;font-weight:700;margin:24px 0 10px;color:var(--text-1)}
.article ul,.article ol{margin:0 0 18px;padding-left:0;list-style:none}
.article ul li,.article ol li{position:relative;font-size:15.5px;color:var(--text-2);line-height:2.05;padding-left:26px;margin-bottom:6px}
.article ul li::before{content:"+";position:absolute;left:6px;top:0;font-family:var(--font-num);font-weight:700;color:var(--blue)}
.article ol{counter-reset:qfyli}
.article ol li{counter-increment:qfyli}
.article ol li::before{content:counter(qfyli) ".";position:absolute;left:2px;top:0;font-family:var(--font-num);font-weight:700;color:var(--blue)}
.article blockquote{margin:24px 0;padding:20px 26px;background:rgba(12,172,245,.06);border-left:4px solid var(--blue);border-radius:0 var(--r-md) var(--r-md) 0}
.article blockquote p{margin:0;color:var(--text-1)}
.article a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px}
.article a:hover{color:var(--blue)}
.article img{border-radius:var(--r-card);margin:20px 0;height:auto}
.article figure{margin:24px 0}
.article figcaption{font-size:13px;color:var(--text-3);text-align:center;margin-top:8px}
.article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
.article th,.article td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.article th{background:var(--bg);font-weight:700}
.article hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.article code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.article pre{background:#272727;color:#E7ECF3;border-radius:var(--r-card);padding:20px 22px;overflow:auto;margin:24px 0;font-size:13.5px;line-height:1.7}
.article pre code{background:none;border:0;padding:0;color:inherit}
.article .wp-block-image{margin:24px 0}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}

/* ---------- 案例列表空态提示 ---------- */
#caseEmpty{text-align:center;font-size:14.5px}

/* ---------- Logo 图形 Q+ 取代文字 Q+ ----------
   原来这两处是文字 "Q+"，现改为 Logo 里的 Q+ 矢量图形（assets/img/qplus-*.svg）：
     · Hero 徽章        → qplus-white.svg（白，压在品牌渐变底上）
     · 业务卡右下水印    → qplus-brand.svg（品牌蓝，用透明度还原设计稿的 7% 蓝） */

/* 尺寸按视觉留白定：徽章 34px（原文字 Q+ 视觉体量≈40px 字形，图形需比它小才不顶边）
   水印 72px；出血量随尺寸等比收（原 104px 配 -16/-22）*/
.qbadge img{display:block;height:34px;width:auto}

.biz .bcard .wm.wm-logo{opacity:.07;line-height:0;right:-11px;bottom:-15px}
.biz .bcard .wm.wm-logo img{display:block;height:72px;width:auto}

/* ---------- 客户墙「留白格」：说明还有更多客户 ---------- */
.cl.more{
  flex-direction:column;
  gap:3px;
  padding:0 12px;
  text-align:center;
  letter-spacing:0;
  background:transparent;
  border:1.5px dashed #C9D3E0;
  box-shadow:none;
  cursor:default;
}
.cl.more:hover{color:inherit;border-color:#C9D3E0;box-shadow:none}
.cl.more .mt{
  font-family:var(--font-num);
  font-weight:700;
  font-size:13px;
  color:var(--text-2);
  line-height:1.3;
}
.cl.more .md{
  font-family:var(--font-cn);
  font-weight:400;
  font-size:11px;
  color:var(--text-3);
  line-height:1.4;
}

/* ---------- 移动端微调 ---------- */
@media (max-width:640px){
  .case-metrics{grid-template-columns:repeat(2,1fr)}
  .case-metrics .m{padding:20px}
  .case-metrics .m .v{font-size:32px}
  .wrap.article{padding:0 22px}
  .cl.more{padding:0 8px}
  .cl.more .mt{font-size:11.5px}
  .cl.more .md{font-size:11px}
}