.joc-wechat-modal[hidden]{display:none!important}
.joc-wechat-modal{
  position:fixed;inset:0;z-index:100000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.78);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px)
}
.joc-wechat-card{
  position:relative;box-sizing:border-box;
  width:min(100%,420px);
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  overflow-y:auto;
  padding:38px 30px 30px;
  border:1px solid rgba(190,155,83,.38);
  border-radius:12px;
  background:#111310;color:#f4f1ea;
  text-align:center;
  box-shadow:0 24px 90px rgba(0,0,0,.5)
}
.joc-wechat-card h2{
  margin:0 30px 12px;
  font-size:23px;font-weight:500;
  color:#f4f1ea;letter-spacing:.02em
}
.joc-wechat-card p{
  margin:0 0 24px;
  color:#aaa9a2;font-size:13px;line-height:1.7
}
.joc-wechat-qr{
  display:block;box-sizing:border-box;
  width:min(100%,300px);height:auto;
  margin:0 auto 24px;padding:12px;
  background:#fff;border-radius:6px
}
.joc-wechat-close{
  position:absolute;top:12px;right:14px;
  width:36px;height:36px;
  border:0;background:transparent;
  color:#aaa9a2;font-size:26px;
  cursor:pointer
}
.joc-wechat-close:hover{color:#fff}
.joc-wechat-save{
  display:inline-block;padding:11px 22px;
  border:1px solid rgba(190,155,83,.6);
  border-radius:5px;background:transparent;
  color:#d5b46e;font-size:12px;
  letter-spacing:.04em;text-decoration:none
}
.joc-wechat-save:hover{background:rgba(190,155,83,.12)}
.joc-wechat-card :focus-visible{
  outline:2px solid #d5b46e;outline-offset:4px
}
.joc-wechat-trigger{cursor:pointer}
@media(max-width:480px){
  .joc-wechat-card{padding:32px 20px 24px}
  .joc-wechat-card h2{font-size:21px}
  .joc-wechat-qr{width:min(100%,260px)}
}