/* ============================================================
   右侧常驻转化钩子（side-hook）
   用于：工艺标准 / 报价参考 / 渠道合作 三个高意向页面
   宽屏默认展开，窄屏自动折叠为竖排窄条，手机端整条隐藏
   （手机端已有底部留资条 lead-bar，避免遮挡）
   ============================================================ */
.side-hook{
  position:fixed; right:18px; top:50%; z-index:110; width:188px;
  transform:translateY(-50%) translateX(24px);
  opacity:0; pointer-events:none;
  transition:opacity .3s ease, transform .3s ease, width .25s ease;
}
.side-hook.sh-show{ opacity:1; transform:translateY(-50%) translateX(0); pointer-events:auto; }

/* 卡片本体 */
.sh-card{
  background:#fff; border:1px solid var(--line, #e3eaef); border-radius:16px;
  box-shadow:0 12px 34px rgba(22,32,44,.14); overflow:hidden;
}
.sh-head{
  background:linear-gradient(150deg,#0e5c8a 0%,#0a4467 100%);
  color:#fff; padding:13px 15px 14px;
}
.sh-kick{ display:block; font-size:11px; letter-spacing:.04em; color:rgba(255,255,255,.8); margin-bottom:4px; }
.sh-title{ display:block; font-size:16px; font-weight:700; line-height:1.35; color:#fff; }
.sh-t-min{ display:none; }
.sh-sub{ display:block; font-size:11.5px; color:rgba(255,255,255,.82); margin-top:5px; line-height:1.5; }

.sh-body{ padding:13px 14px 14px; }
.sh-form .field{ width:100%; margin-bottom:8px; font-size:13px; padding:9px 11px; }
.sh-agree{
  display:block; font-size:11px; line-height:1.55; color:var(--muted,#8496a8);
  margin:2px 0 9px; cursor:pointer;
}
.sh-agree input{ vertical-align:-1px; margin-right:4px; }
.sh-submit{ width:100%; padding:10px 12px; font-size:14px; border-radius:10px; }
.sh-form .form-tip{ font-size:11.5px; margin:6px 0 0; }
.sh-form .form-ok{ margin-top:8px; }

.sh-quick{ margin-top:10px; padding-top:10px; border-top:1px dashed var(--line,#e3eaef); }
.sh-tel{
  display:flex; align-items:center; justify-content:center; gap:6px;
  font-size:13.5px; font-weight:700; color:var(--brand,#0e5c8a);
  text-decoration:none; padding:7px 0;
}
.sh-tel:hover{ color:var(--brand-dark,#0a4467); }
.sh-note{ display:block; text-align:center; font-size:10.5px; color:var(--muted,#8496a8); margin-top:2px; }

/* 折叠按钮：窄屏时作为整条的入口 */
.sh-toggle{
  position:absolute; top:0; right:0; width:100%; height:100%;
  background:none; border:none; padding:0; cursor:pointer; display:none;
}
.side-hook.sh-min{ width:44px; }
.side-hook.sh-min .sh-card{ border-radius:24px; box-shadow:0 10px 26px rgba(22,32,44,.16); }
.side-hook.sh-min .sh-body,
.side-hook.sh-min .sh-quick,
.side-hook.sh-min .sh-kick,
.side-hook.sh-min .sh-sub{ display:none; }
.side-hook.sh-min .sh-head{
  padding:16px 0 15px; text-align:center;
  background:linear-gradient(150deg,#0e5c8a 0%,#0a4467 100%);
}
.side-hook.sh-min .sh-t-full{ display:none; }
.side-hook.sh-min .sh-t-min{ display:block; font-size:15px; line-height:1.45; letter-spacing:.06em; }
.side-hook.sh-min .sh-head::after{
  content:""; display:block; width:0; height:0; margin:9px auto 0;
  border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid rgba(255,255,255,.72);
}
.side-hook.sh-min .sh-toggle{ display:block; }

.side-hook.sh-hide{ display:none !important; }

/* 手机 / 窄屏：整条隐藏，交给底部留资条 */
@media (max-width:1279px){
  .side-hook{ display:none !important; }
}