/* === 客服二维码卡片（右侧+点击放大） === */
#wf-card{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:99999;width:160px;background:#fff;border-radius:16px 0 0 16px;box-shadow:-4px 0 24px rgba(0,0,0,.12);padding:16px 14px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}
#wf-card:hover{box-shadow:-6px 0 32px rgba(0,0,0,.18)}
#wf-card.minimized{width:auto;padding:10px 8px}
.wf-title{font-size:13px;font-weight:700;color:#1a1a2e;margin-bottom:10px;line-height:1.4}
.wf-qr{width:120px;height:120px;border-radius:8px;display:block;margin:0 auto 8px;border:1px solid #e8f5e9}
.wf-desc{font-size:11px;color:#666;line-height:1.5;margin:0}
.wf-desc strong{color:#e53935}
.wf-min-btn{position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;border:none;background:#f0f0f0;color:#999;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:all .2s;z-index:2}
.wf-min-btn:hover{background:#e0e0e0;color:#666}
/* 最小化竖条 */
.wf-expand{display:none;cursor:pointer;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;border-radius:16px 0 0 16px;padding:14px 6px;font-size:13px;font-weight:700;writing-mode:vertical-rl;letter-spacing:3px;box-shadow:-4px 0 16px rgba(7,193,96,.3);transition:all .2s}
.wf-expand:hover{box-shadow:-4px 0 24px rgba(7,193,96,.5)}
.minimized .wf-expand{display:block}
.minimized .wf-title,.minimized .wf-qr,.minimized .wf-desc,.minimized .wf-min-btn{display:none}

/* === 放大弹窗 === */
#wf-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}
#wf-overlay.show{display:flex}
.wf-big{background:#fff;border-radius:24px;padding:40px 36px 32px;max-width:380px;width:90%;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.2);animation:wf-zoomin .25s cubic-bezier(.34,1.56,.64,1);position:relative;cursor:default}
.wf-big-close{position:absolute;top:14px;right:18px;width:28px;height:28px;border-radius:50%;border:none;background:#f5f5f5;color:#999;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.wf-big-close:hover{background:#eee;color:#666}
.wf-big h3{font-size:20px;font-weight:800;color:#1a1a2e;margin:0 0 6px}
.wf-big .big-sub{color:#999;font-size:13px;margin:0 0 24px}
.wf-big img{width:220px;height:220px;border-radius:12px;display:block;margin:0 auto 16px;border:2px solid #e8f5e9}
.wf-big .big-tip{font-size:15px;color:#07c160;font-weight:700;margin:0}
.wf-big .big-tip2{font-size:12px;color:#aaa;margin:8px 0 0}

@keyframes wf-zoomin{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}

@media(max-width:768px){
  #wf-card{width:130px;padding:12px 10px;top:auto;bottom:0;right:0;transform:none;border-radius:16px 0 0 0}
  .wf-qr{width:100px;height:100px}
  .wf-title{font-size:12px}
  .wf-desc{font-size:10px}
  .wf-big{padding:28px 20px 24px}
  .wf-big img{width:180px;height:180px}
  .wf-big h3{font-size:18px}
}