/* =========================================================
   联系商务抽屉 + 轻提示（全站通用组件）
   ========================================================= */
.mask{position:fixed;inset:0;z-index:80;background:rgba(31,26,22,.32);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:81;width:440px;background:var(--paper);box-shadow:-20px 0 60px rgba(40,25,10,.18);transform:translateX(100%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s;display:flex;flex-direction:column}
body.dw-open .mask{opacity:1;pointer-events:auto}
body.dw-open .drawer{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s}
.dw-hd{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line-2)}
.dw-hd h3{font-size:18px}
.dw-x{all:unset;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-3)}
.dw-x:hover{background:var(--gray);color:var(--ink)}
.dw-bd{flex:1;overflow:auto;padding:24px 28px}
.dw-sum{display:flex;gap:14px;padding:14px;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh)}
.dw-sum .cover{width:56px;border-radius:5px}
.dw-sum h4{font-size:16px}
.dw-sum .l{font-size:12px;color:var(--ink-3);line-height:1.8;margin-top:2px}
.dw-sum .sel{margin-top:4px;font-size:13px;color:var(--ink)}
.dw-sum .sel b{font-family:var(--num);color:var(--brand-d);margin-left:6px}
.dw-copy{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--brand-soft);font-size:12px;line-height:1.6;color:var(--ink-2)}
.dw-copy .btn{flex:none}
.dw-t{font-size:13px;color:var(--ink-3);margin:26px 0 12px}
.dw-qr{display:flex;gap:18px;align-items:center;padding:18px;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh)}
.dw-qr .qr{width:112px;height:112px;flex:none;border-radius:8px;padding:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.dw-qr .qr img{width:100%;height:100%;display:block;object-fit:contain}
.dw-qr .t{font-size:12px;color:var(--ink-3)}
.dw-qr .v{font-family:var(--num);font-size:18px;font-weight:600;margin-top:2px}
.dw-qr p{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
.dw-ways{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.dw-ways .cw{box-shadow:var(--sh)}
.dw-ways .cw .btn{margin-left:auto}
.dw-flow{margin-top:26px;padding-top:20px;border-top:1px solid var(--line-2);font-size:12px;line-height:1.9;color:var(--ink-3)}
.dw-flow b{color:var(--ink-2);font-weight:600}

.toast{position:fixed;left:50%;bottom:40px;z-index:90;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:rgba(31,26,22,.9);color:#fff;font-size:13px;padding:10px 18px;border-radius:999px;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.toast.on{opacity:1;transform:translate(-50%,0)}