/* WXSSC V68.24-A3C 微信登录 / 注册入口增强 */
.wx-auth-oauth-v6824a3c{
  margin:14px 0 16px;
  display:grid;
  gap:10px;
}

.wx-auth-oauth-v6824a3c .wx-oauth-main{
  border:1px solid rgba(22,163,74,.24);
  background:
    radial-gradient(circle at 10% 0%, rgba(22,163,74,.12), transparent 34%),
    linear-gradient(135deg,#f0fdf4 0%,#ffffff 58%,#f8fafc 100%);
  border-radius:20px;
  padding:14px;
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:12px;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}

.wx-auth-oauth-v6824a3c .wx-oauth-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  background:#16a34a;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:950;
  box-shadow:0 10px 24px rgba(22,163,74,.28);
}

.wx-auth-oauth-v6824a3c .wx-oauth-copy b{
  display:block;
  color:#0f172a;
  font-size:15px;
  line-height:1.25;
  font-weight:950;
}

.wx-auth-oauth-v6824a3c .wx-oauth-copy span{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}

.wx-auth-oauth-v6824a3c .wx-oauth-copy em{
  display:inline-flex;
  margin-top:8px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(22,163,74,.10);
  color:#15803d;
  font-style:normal;
  font-size:11px;
  font-weight:950;
}

.wx-auth-oauth-v6824a3c .wx-oauth-copy em[data-status="error"]{
  background:rgba(239,68,68,.10);
  color:#b91c1c;
}

.wx-auth-oauth-v6824a3c .wx-oauth-copy em[data-status="warn"]{
  background:rgba(245,158,11,.12);
  color:#b45309;
}

.wx-auth-oauth-v6824a3c .wx-oauth-copy em[data-status="loading"]{
  background:rgba(37,99,235,.10);
  color:#1d4ed8;
}

.wx-auth-oauth-v6824a3c .wx-oauth-btn{
  border:0;
  border-radius:999px;
  padding:11px 16px;
  background:#16a34a;
  color:#fff;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(22,163,74,.22);
  white-space:nowrap;
}

.wx-auth-oauth-v6824a3c .wx-oauth-btn:hover{
  transform:translateY(-1px);
}

.wx-auth-oauth-v6824a3c .wx-oauth-btn.is-disabled,
.wx-auth-oauth-v6824a3c .wx-oauth-btn:disabled{
  cursor:not-allowed;
  opacity:.56;
  box-shadow:none;
  transform:none;
}

.wx-auth-oauth-v6824a3c .wx-oauth-sub{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:10px;
  border:1px dashed rgba(148,163,184,.46);
  background:rgba(248,250,252,.8);
  border-radius:16px;
  padding:10px 12px;
  color:#64748b;
  font-size:12px;
  font-weight:850;
}

.wx-auth-oauth-v6824a3c .wx-oauth-sub b{
  color:#334155;
}

.wx-auth-oauth-v6824a3c .wx-oauth-sub span{
  color:#94a3b8;
}

.wx-auth-oauth-v6824a3c .wx-oauth-legal{
  color:#64748b;
  font-size:12px;
  line-height:1.55;
}

.wx-auth-oauth-v6824a3c .wx-oauth-legal a{
  color:#2563eb;
  font-weight:950;
}

.wx-auth-oauth-v6824a3c .wx-oauth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.wx-auth-oauth-v6824a3c .wx-oauth-divider:before,
.wx-auth-oauth-v6824a3c .wx-oauth-divider:after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(148,163,184,.25);
}

.wx-auth-submit{
  box-shadow:0 14px 30px rgba(37,99,235,.16);
}

@media(max-width:760px){
  .wx-auth-oauth-v6824a3c .wx-oauth-main{
    grid-template-columns:42px 1fr;
  }
  .wx-auth-oauth-v6824a3c .wx-oauth-btn{
    grid-column:1 / -1;
    width:100%;
  }
  .wx-auth-oauth-v6824a3c .wx-oauth-sub{
    grid-template-columns:1fr;
  }
}