body{
  background: transparent;
  margin:0;
  padding:0
}
.wechatOA{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  height:var(--vh)
}
.wechat{
  margin:auto
}
.wechat-card{
  background:#fff;
  max-width:428px;
  max-height:569px;
  border-radius:16px;
  padding:24px 36px 20px 36px;
  display:flex;
  flex-direction:column;
  margin-top:8px;
  align-items:center
}
.qrcode{
  width:256px;
  height:256px;
  display:flex
}
.tips{
  font-size:14px;
  color:#000;
  opacity:.5;
  margin-top:8px
}
.wechatOA-card{
  width:100%;
  display:flex;
  margin-top:16px;
  padding:18px;
  border-radius:16px;
  align-items:center;
  
  /* 彩色动态背景 */
  background: linear-gradient(45deg, 
    #ff9a9e, #fad0c4, #a18cd1, #fbc2eb,
    #ff9a9e, #fad0c4, #a18cd1, #fbc2eb);
  background-size: 400% 400%;
  animation: gradientBG 10s ease infinite;
  
  /* 文字颜色调整为白色确保可读性 */
  color: white;
}
.wechatOA-head{
  width:48px;
  height:48px;
  background-image:url(img/icon.webp);
  border-radius:68px;
  background-size:contain;
  margin-right:16px;

 } 
 .wechatOA-name{
  font-weight:700;
  color: white; /* 确保在彩色背景上可读 */
}
.wechatOA-description{
  font-size:12px;
  color: rgba(255, 255, 255, 0.85); /* 调整为白色带透明度 */
  opacity: 0.9; /* 调整透明度确保可读 */
}
a.footer-item{
  font-size:14px;
  color:#000;
  opacity:.5;
  text-decoration:none;
  margin:20px 8px
}
a.footer-item:visited{
  color:#000
}
.wechat-need-reply{
  background:#fff;
  max-width:328px;
  max-height:569px;
  border-radius:16px;
  padding:24px 36px 20px 36px;
  display:flex;
  flex-direction:column;
  margin:auto;
  align-items:center
}
img.wechat-need-reply-copybtn-img{
  width:20px;
  height:20px;
  opacity:.6;
  margin-left:5px
}
.wechat-need-reply-copybtn{
  display:flex;
  padding:12px 12px 12px 20px;
  background:#1ba059;
  color:#fff;
  border-radius:12px;
  margin:8px;
  cursor:pointer;
  transition:.3s
}
.wechat-need-reply-copybtn:hover{
  opacity:.8
}
span#wechat-need-reply-text{
  line-height:1;
  margin:auto
}
span.wechat-need-reply-front{
  font-size:14px;
  color:#000;
  font-weight:700
}
span.wechat-need-reply-back{
  font-size:14px;
  color:#000
}
.footer{
  display:flex
}

/* 添加彩色动态背景动画 */
@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}