/* 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!important;font-weight:600;margin-bottom:8px}
.lzcta-box .lzcta-box-t{font-size:22px;line-height:32px;font-weight:700;color:#fff!important;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%}
}


/* 2026-10-09 手机端：商家条和大按钮不许撑宽文章（原来按钮 nowrap、商家条不换行，是撑宽 VPS 文章的原因之一） */
@media (max-width:760px){
  .lzcta-bar { flex-wrap: wrap; }
  .lzcta-bar a.lzcta-btn { white-space: normal; max-width: 100%; }
  .lzcta-row a.lzcta-btn { box-sizing: border-box; }
}

/* ⑤ 10-11 多商家推荐文的商家卡（[lz_vps]）：浅蓝底卡片 + 大价格 + 要点标签 + 整宽按钮 */
.lzcta-card{margin:32px 0;padding:24px;border-radius:16px;background:linear-gradient(135deg,#eef1fc 0%,#fff 70%);border:1px solid rgba(48,86,211,.22);box-shadow:0 8px 24px rgba(28,34,48,.06)}
.lzcta-card-h{display:flex;align-items:center;gap:16px}
.lzcta-card-t{flex:1;min-width:0;display:flex;flex-direction:column}
.lzcta-card .lzcta-card-t b{font-size:20px;line-height:28px;color:#1c2230!important}
.lzcta-card-t span{font-size:15px;line-height:22px;color:#4a5263}
.lzcta-card-p{flex:0 0 auto;text-align:right;display:flex;flex-direction:column}
.lzcta-card-p small{font-size:12px;line-height:16px;color:#9aa0ac}
.lzcta-card .lzcta-card-p strong{font-size:26px;line-height:34px;font-weight:800;color:#e8590c!important;white-space:nowrap}
.lzcta-card ul.lzcta-card-tags{list-style:none!important;margin:16px 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.lzcta-card ul.lzcta-card-tags li{margin:0!important;padding:4px 12px!important;border-radius:999px;background:#fff;border:1px solid rgba(48,86,211,.2);font-size:14px;line-height:22px;color:#2f3a52}
.lzcta-card ul.lzcta-card-tags li::before{display:none!important;content:none!important}
.lzcta-card-a{margin-top:20px;text-align:center}
body a.lzcta-card-btn{width:100%;box-sizing:border-box;min-height:52px;font-size:17px;white-space:normal;padding:12px 24px;
  background:linear-gradient(135deg,#f76707,#e8590c)!important;box-shadow:0 6px 16px rgba(232,89,12,.3)}
body a.lzcta-card-btn:hover{box-shadow:0 10px 24px rgba(232,89,12,.38)}
@media (max-width:760px){
  .lzcta-card{padding:20px 16px}
  .lzcta-card-h{flex-wrap:wrap}
  .lzcta-card-p{flex-basis:100%;text-align:left;flex-direction:row;align-items:baseline;gap:8px;padding-left:0}
  .lzcta-card .lzcta-card-p strong{font-size:22px;line-height:30px}
  .lzcta-card-p small{white-space:nowrap}
  .lzcta-card ul.lzcta-card-tags li{border-radius:12px}
}

/* 10-25：新版文章页（body.lz-v2）的正文 p 颜色规则优先级更高，把文末卡两行字盖成深色、压在深色底上看不见；上面两条加 !important */