.wechat-instruction { font-size: 13px; line-height: 1.85; color: var(--text-secondary); }
.wechat-qr-frame { display: grid; place-items: center; width: 200px; min-height: 200px; padding: 8px; margin: 20px auto 16px; background: #fff; border: 1px solid var(--border-subtle); border-radius: 6px; }
.wechat-qr-frame img { display: block; width: 184px; height: 184px; object-fit: contain; }
.wechat-qr-placeholder { padding: 20px 8px; text-align: center; font-size: 12px; line-height: 1.8; color: var(--text-muted); }
.wechat-code-block { text-align: center; padding: 14px 12px; background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 6px; }
.wechat-code-label { display: block; font-size: 11px; color: var(--text-secondary); }
.wechat-login-code { display: block; padding-left: .22em; color: var(--accent-primary); font: 500 40px/1.5 var(--font-mono); letter-spacing: .22em; user-select: all; }
.wechat-countdown { min-height: 18px; font-size: 11px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.wechat-countdown.expiring { color: var(--error); font-weight: 600; }
.wechat-login-status { min-height: 42px; margin: 14px 0 10px; font-size: 12px; line-height: 1.75; color: var(--text-secondary); }
.wechat-login-status[data-error="true"] { color: var(--error); }
.wechat-login-actions { display: grid; gap: 10px; }
.wechat-account-note { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border-subtle); font-size: 11px; line-height: 1.8; color: var(--text-muted); }
@media (max-width: 420px) { .wechat-login-code { font-size: 36px; } }