/* ===== 销售页公共组件样式（v130 L1）=====
   来源：store/index.php 与 store/category.php 里**逐字节相同**的一段重复 CSS
   （悬浮按钮条 / 微信客服弹层），外加 v129 新增的分页器与卡密复制按钮样式。
   两页各写一份时每次打开都要重新下载；现在共用本文件，浏览器可缓存（配合 ?v= 版本号）。
   页面各自的布局样式（header / container / 商品卡）保持原样不动。 */

  .query-fab{position:fixed;right:20px;top:20px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;width:160px;box-sizing:border-box;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;padding:10px 16px;border-radius:24px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:14px;font-weight:600;text-decoration:none;font-family:sans-serif}
  .cmp-fab{position:fixed;right:20px;top:72px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;width:160px;box-sizing:border-box;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:10px 16px;border-radius:24px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:14px;font-weight:600;text-decoration:none;font-family:sans-serif}
  .wx-svc{position:fixed;right:20px;top:124px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;width:160px;box-sizing:border-box;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;padding:10px 16px;border-radius:24px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:14px;font-weight:600;font-family:sans-serif}
  .wx-svc .wx-qr{display:none;position:absolute;right:0;top:54px;width:170px;height:170px;object-fit:contain;background:#fff;padding:8px;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
  .wx-svc:hover .wx-qr{display:block}
  .side-fab{display:none;position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:9998;flex-direction:column;gap:12px}
  .fab-item{position:relative;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.22);cursor:pointer;text-decoration:none;transition:transform .15s}
  .fab-item:active{transform:scale(.92)}
  .fab-item.fab-cmp{background:linear-gradient(135deg,#ff9800,#f57c00)}
  .fab-ico{font-size:20px;line-height:1}
  .fab-tip{position:absolute;right:56px;top:50%;transform:translateY(-50%);white-space:nowrap;background:rgba(0,0,0,.72);color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}
  .fab-item:hover .fab-tip{opacity:1}
  .wx-mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center}
  .wx-mask.show{display:flex}
  .wx-mask-box{background:#fff;border-radius:12px;padding:14px;text-align:center}
  .wx-mask-box img{width:200px;height:200px;object-fit:contain;display:block}
  .wx-mask-tip{margin-top:8px;font-size:12px;color:#888}
  @media(max-width:640px){
    .query-fab,.cmp-fab,.wx-svc,.wx-svc .wx-qr{display:none}
    .side-fab{display:flex;right:8px;gap:10px}
    .fab-item{width:42px;height:42px}
    .fab-ico{font-size:18px}
    .wx-mask-box img{width:170px;height:170px}
  }

/* 分页器（v129 H6 新增） */
.cp-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 0 4px}
.cp-pg{display:inline-block;min-width:34px;padding:6px 10px;background:#fff;border:1px solid #e1e5eb;border-radius:6px;font-size:13px;color:#666;text-decoration:none;text-align:center}
.cp-pg:hover{border-color:#667eea;color:#667eea}
.cp-pg-on{background:#667eea;border-color:#667eea;color:#fff}
.cp-pg-off{color:#c3c8d4;cursor:not-allowed}
.cp-pg-dot{border:none;background:none;color:#bbb}
.cp-pg-total{margin-left:8px;font-size:12px;color:#999}
/* 卡密一键复制按钮（v129 新增，购买成功页 / 查单页 / 弹窗共用） */
.cp-btn{padding:6px 14px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}
.cp-btn:active{opacity:.75}
.cp-btn-one{position:absolute;right:10px;top:12px}
.cp-allbar{margin:0 0 10px;text-align:right}
/* ===== v159：商品描述富文本（销售页详情） ===== */
.cp-rich{white-space:normal}
.cp-rich p{margin:0 0 8px}
.cp-rich img{max-width:100%;height:auto;border-radius:6px;margin:6px 0;display:block}
.cp-rich a{color:#667eea;text-decoration:underline}
.cp-rich ul,.cp-rich ol{padding-left:22px;margin:6px 0}
.cp-rich li{margin:3px 0}
.cp-rich table{border-collapse:collapse;width:100%;margin:8px 0}
.cp-rich th,.cp-rich td{border:1px solid rgba(127,127,127,.25);padding:6px 8px;font-size:13px}
.cp-rich blockquote{margin:6px 0;padding:6px 10px;border-left:3px solid rgba(127,127,127,.3);opacity:.85}
.cp-rich h1,.cp-rich h2,.cp-rich h3,.cp-rich h4,.cp-rich h5{font-size:15px;margin:8px 0 6px}
.cp-rich strong,.cp-rich b{font-weight:700}
.cp-rich em,.cp-rich i{font-style:italic}
.cp-rich code{background:rgba(127,127,127,.12);padding:1px 5px;border-radius:4px;font-size:12px}
.cp-rich pre{background:rgba(127,127,127,.1);padding:8px 10px;border-radius:6px;overflow-x:auto;font-size:12px}
.cp-rich hr{border:none;border-top:1px solid rgba(127,127,127,.25);margin:10px 0}