/* ===== 产品页侧边询盘（三站共用）：桌面右侧固定卡 / 移动端浮钮 + 底部半屏弹层 ===== */
/* 桌面（≥1280px）：产品详情页右侧固定询盘卡，超视口内部滚动 */
.si-card{display:none;position:fixed;right:20px;top:110px;width:300px;max-height:calc(100vh - 150px);overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 14px 40px rgba(13,27,62,.18);padding:20px 18px;z-index:900}
@media (min-width:1280px){
  .si-card{display:block}
  .si-fab,.si-sheet{display:none!important}
}
.si-card .si-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.si-card input,.si-card textarea,.si-sheet input,.si-sheet textarea{width:100%;padding:10px 12px;border:1px solid #d8dce6;border-radius:8px;font-size:14px;color:#0d1b3e;background:#fff;outline:none;box-sizing:border-box;font-family:inherit;resize:vertical}
.si-card input:focus,.si-card textarea:focus,.si-sheet input:focus,.si-sheet textarea:focus{border-color:#f5b301;box-shadow:0 0 0 3px rgba(245,179,1,.18)}
.si-btn{height:44px;border:0;border-radius:8px;background:linear-gradient(135deg,#f5b301,#ff8a00);color:#fff;font-size:15px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:opacity .2s}
.si-btn:hover{opacity:.9}

/* 卡片头 */
.si-head{margin:0;font-size:17px;font-weight:700;color:#0d1b3e;line-height:1.3}
.si-sub{margin:4px 0 0;font-size:12px;color:#7a8194;line-height:1.5}

/* 移动端（<1280px）：询盘浮钮（位于 WhatsApp 浮钮正上方）+ 底部半屏弹层 */
.si-fab{display:flex;position:fixed;right:18px;bottom:84px;width:50px;height:50px;border-radius:50%;border:0;background:#0d1b3e;color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(13,27,62,.4);align-items:center;justify-content:center;z-index:97900;padding:0}
.si-fab svg{width:24px;height:24px;fill:#fff}
.si-sheet{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.28);padding:18px 16px calc(16px + env(safe-area-inset-bottom));z-index:98100;max-height:72vh;overflow-y:auto}
.si-sheet.open{display:block}
.si-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.si-sheet-head .si-head{font-size:16px}
.si-sheet .si-form{display:flex;flex-direction:column;gap:10px}
.si-sheet .si-btn{width:100%}
.si-x{width:30px;height:30px;border:0;border-radius:50%;background:#eef0f5;cursor:pointer;font-size:17px;line-height:1;color:#5a6377;padding:0}
.si-x:hover{background:#e0e4ec}
.si-sheet-mask{display:none;position:fixed;inset:0;background:rgba(13,27,62,.5);z-index:98050}
.si-sheet-mask.open{display:block}
@media (min-width:1280px){
  .si-sheet-mask{display:none!important}
}