/* VPS 文章推广按钮（mu-plugins/liezhe-vps-cta.php 加的结构）
   颜色用站上 --brand 系列和页头深色 #2f3a52；按钮高 48、圆角 8/12/16、间距走 8 网格（设计库刻度）。
   部署位置：wp-content/themes/wpdx-liezhe/assets/css/vps-cta.css */

/* 通用按钮 */
body a.lzcta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:8px;
  background:linear-gradient(135deg,#3056d3,#2545b0)!important;color:#fff!important;font-size:16px;line-height:24px;font-weight:600;
  text-decoration:none!important;border:0!important;box-shadow:0 4px 12px rgba(48,86,211,.3);transition:transform .15s,box-shadow .15s;white-space:nowrap}
body a.lzcta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(48,86,211,.38);color:#fff!important}
body a.lzcta-btn-s{min-height:40px;padding:0 16px;font-size:14px}
.lzcta-note{display:block;font-size:12px;line-height:16px;color:#9aa0ac;margin-top:8px}

/* ② 独占一段的推广链接 → 居中大按钮 */
.lzcta-row{display:flex;flex-direction:column;align-items:center;margin:24px 0;text-align:center}
.lzcta-row a.lzcta-btn{white-space:normal;min-width:280px;max-width:100%;padding:12px 32px}

/* ③ 表格里的购买链接 → 胶囊按钮；句子里的推广链接 → 加粗下划线 */
body a.lzcta-aff{color:#3056d3!important;font-weight:600;text-decoration:none!important;border-bottom:2px solid rgba(48,86,211,.35)!important}
body a.lzcta-aff:hover{border-bottom-color:#3056d3!important}
body a.lzcta-pill{display:inline-block;padding:6px 16px;border-radius:999px;background:#3056d3!important;color:#fff!important;border:0!important;font-size:14px;line-height:20px;white-space:nowrap}
body a.lzcta-pill:hover{background:#2545b0!important;color:#fff!important}

/* ① 开头商家条 */
.lzcta-bar{display:flex;align-items:center;gap:16px;margin:24px 0;padding:16px 20px;border-radius:12px;
  background:linear-gradient(135deg,#eef1fc,#fff);border:1px solid rgba(48,86,211,.2)}
.lzcta-av{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#3056d3;color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.lzcta-bar-t{flex:1;min-width:0;display:flex;flex-direction:column}
.lzcta-bar .lzcta-bar-t b{font-size:18px;line-height:28px;color:#1c2230!important}
.lzcta-bar-t span{font-size:14px;line-height:20px;color:#646b7a}

/* ④ 文末卡：深色底，跟正文明显区分 */
.lzcta-box{margin:40px 0;padding:32px 24px;border-radius:16px;background:linear-gradient(135deg,#2f3a52,#1c2230);color:#fff;text-align:center}
.lzcta-box p{margin:0}
.lzcta-box .lzcta-box-k{font-size:14px;line-height:20px;color:#a8b8f0;font-weight:600;margin-bottom:8px}
.lzcta-box .lzcta-box-t{font-size:22px;line-height:32px;font-weight:700;color:#fff;margin-bottom:24px}
.lzcta-box-a{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:center}
body .lzcta-box a.lzcta-more{color:rgba(255,255,255,.85)!important;font-size:16px;text-decoration:underline!important;border:0!important}
.lzcta-box .lzcta-note{color:rgba(255,255,255,.6);margin-top:16px}
.lzcta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
.lzcta-m{min-width:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.lzcta-m .lzcta-av{flex-basis:36px;width:36px;height:36px;font-size:16px;border-radius:8px}
.lzcta-box .lzcta-m b{flex:1;min-width:0;font-size:16px;line-height:24px;color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:760px){
  .lzcta-grid{grid-template-columns:minmax(0,1fr)}
  .lzcta-bar{flex-wrap:wrap}
  .lzcta-bar a.lzcta-btn{width:100%}
  .lzcta-box{padding:24px 16px}
  .lzcta-box .lzcta-box-t{font-size:18px;line-height:28px}
  .lzcta-row a.lzcta-btn{min-width:0;width:100%}
}