/* ===== 底部 Footer（移植自 jdzxiqing 模板） ===== */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.img-center { text-align: center; font-size: 0; }
.img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; }

.footer {
  background: var(--dark);
  padding-top: 40px;
  color: rgba(255,255,255,.7);
}
.footer a { color: rgba(255,255,255,.7); }
.footer a:hover { color: var(--gold); }
.footer-left { margin-right: 520px; }
.footer-right { float: right; width: 500px; }
.footer-logo { text-align: left; margin-bottom: 16px; }
.footer-logo img {
  height: 40px;
  width: auto;
  max-width: 200px;
  filter: brightness(0) invert(1); /* 深色logo反白，适配深色底部；若后台配置了白色logo可删除此行 */
}
.footer-nav { font-size: 16px; }
.footer-nav span { padding: 0 10px; opacity: 0.3; }
.footer-ewm { float: right; width: 100px; }
.footer-text { margin-right: 125px; text-align: right; font-size: 0; }
.footer-text p { margin: 6px 0; }
.footer-text p span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  background: no-repeat 0 center;
  padding-left: 30px;
}
.footer-text p span.i1 { background-image: url(../images/icon6.png); }
.footer-text p span.i2 { background-image: url(../images/icon5.png); }
.footer-text p span.i3 { background-image: url(../images/icon7.png); }
.footer-copy {
  margin-top: 28px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 14px 0;
  text-align: center;
  font-size: 13px;
  color: rgba(255,255,255,.4);
}
.footer-copy .footer-beian { margin-left: 8px; }
.footer-copy a { color: inherit; }
.footer-copy a:hover { color: var(--gold); }

/* 移动端底部固定导航 */
.footer-fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(8px);
  box-shadow: 0 -2px 12px rgba(0,0,0,.06);
  z-index: 99;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: none;
}
.footer-fix ul { list-style: none; margin: 0; padding: 0; }
.footer-fix li { float: left; width: 25%; }
.footer-fix li a {
  display: block;
  text-align: center;
  padding: 7px 0;
  font-size: 11px;
  line-height: 1;
  color: var(--text);
}
.footer-fix li i {
  display: block;
  height: 20px;
  background: no-repeat center;
  background-size: contain;
  margin-bottom: 4px;
}
.footer-fix li i.i1 { background-image: url(../images/f_01.png); }
.footer-fix li i.i2 { background-image: url(../images/f_02.png); }
.footer-fix li i.i3 { background-image: url(../images/f_03.png); }
.footer-fix li i.i4 { background-image: url(../images/f_04.png); }

@media screen and (max-width: 767px) {
  .footer {
    padding-top: 24px;
    padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));
  }
  .footer-left { display: none; }
  .footer-right { float: none; width: auto; }
  .footer-ewm { width: 80px; }
  .footer-text { margin-right: 90px; text-align: left; }
  .footer-text p { margin: 0 0 5px; }
  .footer-text p span { font-size: 14px; background-size: 15px auto; padding-left: 25px; }
  .footer-copy { margin-top: 16px; font-size: 12px; padding: 10px 0; }
  .footer-fix { display: block; }
}

/* 微信二维码悬浮气泡（鼠标悬停显示） */
.float-contact .wx-item .wx-pop {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--white);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-hover);
  padding: 12px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease;
  pointer-events: none;
}
.float-contact .wx-item:hover .wx-pop {
  opacity: 1;
  visibility: visible;
  right: 56px;
}
.wx-pop img {
  display: block;
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.wx-pop p {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--text);
  white-space: nowrap;
}
/* 微信悬浮按钮图标（图片版，替代 iconfont）；用 > 只选按钮图标，避免误伤气泡里的二维码大图 */
.float-contact .wx-item > img {
  display: block;
  width: 24px;
  height: auto;
  transition: filter var(--transition);
}
.float-contact .wx-item:hover > img { filter: brightness(0) invert(1); } /* 悬停时圆底变蓝，图标反白 */