/* ===== 产品详情页：底部延伸区 + 扫码咨询弹窗 ===== */

/* 底部延伸区（移到页面最底） */
.detail-footer{ background: #f7f9fb; padding: 30px 0 10px; margin-top: 30px; border-top: 1px solid #eef1f4;}
.detail-footer .down-up{ padding: 14px 0 20px; border-bottom: 1px dashed #e0e5ea; margin-bottom: 24px;}
.detail-footer .down-up .up{ float: left; font-size: 14px; color: #666;}
.detail-footer .down-up .down{ float: right; font-size: 14px; color: #666;}
.detail-footer .down-up a{ color: #669934;}
.detail-footer .Related-products .top,
.detail-footer .Related-news .top-one,
.detail-footer .Related-news .top-two{ font-size: 16px; font-weight: bold; color: #333;}
.detail-footer .Related-products{ margin-bottom: 30px;}
.detail-footer .Related-news{ display: flex; gap: 40px;}
.detail-footer .Related-news > div{ flex: 1;}
.detail-footer hr{ border: none; border-top: 2px solid #669934; width: 48px; margin: 8px 0 16px;}

/* 扫码咨询弹窗 */
.consult-mask{
  display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,.55); z-index: 99999;
}
.consult-box{
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 320px; background: #fff; border-radius: 12px; padding: 28px 24px 24px;
  text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,.3);
  animation: consultIn .3s ease-out;
}
.consult-close{
  position: absolute; right: 12px; top: 8px; font-size: 26px; color: #bbb;
  cursor: pointer; line-height: 1; transition: color .2s;
}
.consult-close:hover{ color: #e64340;}
.consult-box h4{ font-size: 20px; color: #333; margin-bottom: 16px;}
.consult-qr{ width: 190px; height: 190px; margin: 0 auto; padding: 8px; border: 1px solid #e6ebf0; border-radius: 8px;}
.consult-qr img{ width: 100%; height: 100%; display: block;}
.consult-tip{ color: #888; font-size: 13px; margin: 12px 0 6px;}
.consult-line{ color: #333; font-size: 14px; margin-bottom: 16px;}
.consult-line b{ color: #e64340; font-size: 18px;}
.consult-btn{
  display: block; height: 44px; line-height: 44px; background: #669934; color: #fff;
  border-radius: 22px; font-size: 15px; transition: background .25s;
}
.consult-btn:hover{ background: #557f28;}
@keyframes consultIn{
  from{ opacity: 0; transform: translate(-50%, -60%);}
  to{ opacity: 1; transform: translate(-50%, -50%);}
}

/* 详情页咨询按钮组（低圆角扁平卡片风） */
.dt-btns{ display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0 10px;}
.dt-btn{
  display: inline-flex; align-items: center; justify-content: center;
  height: 46px; padding: 0 26px 0 44px; position: relative;
  font-size: 15px; font-weight: bold; letter-spacing: 1px; text-decoration: none;
  border: 1px solid transparent; border-radius: 4px;
  background-repeat: no-repeat; background-position: 18px center; background-size: 17px 17px;
  transition: transform .2s, box-shadow .2s, opacity .2s;
}
.dt-btn:hover{ transform: translateY(-2px); color: #fff;}
.dt-btn:active{ transform: translateY(0);}
.dt-btns-tip{ margin: 14px 0 0 12px; font-size: 13px; color: #999; line-height: 20px;}

/* 在线预约 */
.dt-btn-order{
  background-color: #669934; color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 11h18M9 15l2 2 4-4'/%3E%3C/svg%3E");
  box-shadow: 0 4px 12px rgba(102,153,52,.26);
}
.dt-btn-order:hover{ background-color: #557f28; box-shadow: 0 8px 18px rgba(102,153,52,.36);}
/* 电话咨询 */
.dt-btn-tel{
  background-color: #e0652a; color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 3h3l1.5 4-2 1.5a11 11 0 0 0 5.4 5.4l1.5-2 4 1.5v3a2 2 0 0 1-2.2 2A16 16 0 0 1 4.6 5.2 2 2 0 0 1 6.6 3z'/%3E%3C/svg%3E");
  box-shadow: 0 4px 12px rgba(224,101,42,.26);
}
.dt-btn-tel:hover{ background-color: #c9551d; box-shadow: 0 8px 18px rgba(224,101,42,.36);}
/* 微信咨询（弹扫码框） */
.dt-btn-wx{
  background-color: #fff; color: #669934; border-color: #b9d49a;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23669934'%3E%3Cpath d='M9 3C4.9 3 1.6 5.9 1.6 9.4c0 2 1.1 3.8 2.8 4.9L3.7 17l2.9-1.5c.8.2 1.6.3 2.4.3h.5a5.4 5.4 0 0 1-.2-1.4C9.3 11.2 12.4 8.5 16.4 8.5c.4 0 .8 0 1.2.1C16.8 5.2 13.2 3 9 3z'/%3E%3Cpath d='M22.4 14.6c0-2.8-2.7-5-6-5s-6 2.2-6 5 2.7 5 6 5c.8 0 1.6-.1 2.3-.4l2.4 1.2-.6-2c1.2-.9 1.9-2.2 1.9-3.8z' opacity='.75'/%3E%3C/svg%3E");
}
.dt-btn-wx:hover{ background-color: #f4f9ee; color: #4f7825; border-color: #669934; box-shadow: 0 6px 16px rgba(102,153,52,.18);}
/* 在线咨询（企业微信） */
.dt-btn-online{
  background-color: #2c6bb5; color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M21 12a8 8 0 1 1-3.3-6.5'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 4.5A7.5 7.5 0 0 0 12 19.5' opacity='.0'/%3E%3C/svg%3E");
  box-shadow: 0 4px 12px rgba(44,107,181,.26);
}
.dt-btn-online:hover{ background-color: #235a9b; box-shadow: 0 8px 18px rgba(44,107,181,.36);}

/* 保留旧类名兼容（避免其他模板引用时裸奔） */
.more-case-button{ display: none;}