/* ============ 全品川助商城 · 自研组件层 qpz-widgets.css ============ */
/* 品牌核验徽章 */
.qpz-verify-badge{position:fixed;right:14px;bottom:16px;z-index:960;display:flex;align-items:center;gap:7px;
  background:linear-gradient(135deg,#1F3A5F,#2C5382);color:#fff;font-size:12px;line-height:1;
  padding:8px 12px;border-radius:20px;box-shadow:0 4px 16px rgba(31,58,95,.35);text-decoration:none}
.qpz-verify-badge:hover{background:linear-gradient(135deg,#2C5382,#1F3A5F)}
.qpz-verify-badge .dot{width:7px;height:7px;border-radius:50%;background:#7CE38B;box-shadow:0 0 0 3px rgba(124,227,139,.25);animation:qpzPulse 2s infinite}
@keyframes qpzPulse{0%,100%{opacity:1}50%{opacity:.4}}
/* 品类宫格 */
.qpz-grid{max-width:1200px;margin:34px auto 6px;padding:0 18px}
.qpz-grid h2{font-size:22px;margin:0 0 4px;color:#1F3A5F}
.qpz-grid .sub{font-size:13px;color:#8a94a3;margin:0 0 16px}
.qpz-grid ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0}
.qpz-grid a{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-decoration:none;
  background:#fff;border:1px solid #edf0f4;border-radius:10px;padding:18px 8px;color:#33415c;font-size:14px;
  transition:all .2s}
.qpz-grid a:hover{transform:translateY(-3px);border-color:#E8833A;box-shadow:0 8px 22px rgba(232,131,58,.16);color:#E8833A}
.qpz-grid .qpz-ico{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#EAF0F8,#F7FAFD);
  display:flex;align-items:center;justify-content:center}
.qpz-grid .qpz-ico svg{width:24px;height:24px;stroke:#1F3A5F;fill:none;stroke-width:1.6}
/* 快报条 */
.qpz-ticker{background:#FFF6EE;border:1px solid #F5DCC4;border-radius:8px;display:flex;align-items:center;
  overflow:hidden;max-width:1200px;margin:14px auto 0;padding:9px 14px}
.qpz-ticker .tag{flex:0 0 auto;background:#E8833A;color:#fff;font-size:12px;padding:3px 10px;border-radius:4px;margin-right:12px}
.qpz-ticker .roll{flex:1;white-space:nowrap;overflow:hidden;font-size:13px;color:#5a6472}
.qpz-ticker .roll span{display:inline-block;padding-left:100%;animation:qpzRoll 26s linear infinite}
@keyframes qpzRoll{to{transform:translateX(-100%)}}
/* 询价车按钮（注入到商品卡） */
.qpz-add{display:inline-block;margin-top:8px;border:1px solid #E8833A;color:#E8833A;background:#fff;
  padding:6px 14px;border-radius:5px;font-size:13px;cursor:pointer;transition:all .18s;text-align:center}
.qpz-add:hover{background:#E8833A;color:#fff}
.qpz-add.done{background:#7CE38B;border-color:#7CE38B;color:#fff}
/* 询价车抽屉 */
.qpz-drawer{position:fixed;top:0;right:-380px;width:340px;height:100%;background:#fff;z-index:990;
  box-shadow:-8px 0 30px rgba(15,30,55,.18);transition:right .28s;display:flex;flex-direction:column}
.qpz-drawer.open{right:0}
.qpz-drawer .hd{background:#1F3A5F;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.qpz-drawer .hd b{font-size:15px}
.qpz-drawer .close{cursor:pointer;background:none;border:none;color:#fff;font-size:20px;line-height:1}
.qpz-drawer .bd{flex:1;overflow-y:auto;padding:12px 16px}
.qpz-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e8ecf1;padding:9px 0;font-size:13px;color:#33415c}
.qpz-item .rm{cursor:pointer;color:#c05b4d;font-size:12px}
.qpz-drawer .ft{padding:14px 16px;border-top:1px solid #edf0f4}
.qpz-drawer .ft .qpz-btn{display:block;width:100%;background:#E8833A;color:#fff;text-align:center;padding:11px 0;
  border-radius:6px;font-size:14px;cursor:pointer;border:none;text-decoration:none}
.qpz-drawer .ft small{display:block;text-align:center;color:#98a1b0;margin-top:8px;font-size:11px}
/* 确认弹窗 */
.qpz-mask{position:fixed;inset:0;background:rgba(12,24,40,.5);z-index:998;display:none}
.qpz-mask.show{display:block}
.qpz-modal{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;
  z-index:999;width:min(400px,88vw);padding:22px 24px;display:none;box-shadow:0 18px 50px rgba(10,20,40,.3)}
.qpz-modal.show{display:block}
.qpz-modal h4{margin:0 0 10px;color:#1F3A5F;font-size:16px}
.qpz-modal p{font-size:13px;color:#5a6472;line-height:1.7;margin:0 0 16px;word-break:break-all}
.qpz-modal .qpz-btn{display:block;background:#1F3A5F;color:#fff;text-align:center;padding:10px 0;border-radius:6px;
  text-decoration:none;font-size:14px}
/* verify 页专属 */
.qpz-vhero{max-width:920px;margin:36px auto;padding:30px 34px;background:linear-gradient(135deg,#F2F6FB,#FFF);
  border:1px solid #e6ecf3;border-radius:14px}
.qpz-vhero .code{font-size:30px;font-weight:800;letter-spacing:2px;color:#1F3A5F;font-family:Consolas,monospace}
.qpz-vtable{max-width:920px;margin:0 auto 40px;padding:0 34px}
.qpz-vtable table{width:100%;border-collapse:collapse;font-size:14px;color:#33415c}
.qpz-vtable td{padding:11px 10px;border-bottom:1px solid #eef1f5}
.qpz-vtable td:first-child{width:180px;color:#8a94a3}
@media (max-width:640px){
  .qpz-grid ul{grid-template-columns:repeat(3,1fr)}
  .qpz-drawer{width:min(340px,92vw)}
}
/* 顶栏购物车角标 */
.topbar-cart{position:relative}
.qpz-count{position:absolute;top:-4px;right:-4px;background:#E8833A;color:#fff;font-size:10px;font-weight:700;
  min-width:17px;height:17px;line-height:17px;border-radius:9px;padding:0 4px;text-align:center;
  box-shadow:0 0 0 2px #fff;animation:qpzPop .3s}
@keyframes qpzPop{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}