/* 登录页改版：微信扫码优先，账号密码次之；修掉 iframe 顶部色差。 */
body.embedded{background:transparent!important;}

#auth-dialog{padding-top:14px!important;}
.auth-brand{margin-bottom:16px!important;}
#auth-dialog h1{margin-bottom:18px!important;}

.qr-panel{display:flex;flex-direction:column;align-items:center;gap:14px;margin:2px 0 0;}
.qr-box{position:relative;width:72px;height:72px;border-radius:18px;background:rgba(255,248,244,.05);padding:12px;}
.qr-pattern{position:absolute;inset:16px;border-radius:4px;opacity:.92;
  background-image:
    linear-gradient(45deg,#1c1c1e 25%,transparent 25%,transparent 75%,#1c1c1e 75%),
    linear-gradient(45deg,#1c1c1e 25%,transparent 25%,transparent 75%,#1c1c1e 75%);
  background-size:11px 11px;background-position:0 0,5.5px 5.5px;}
.qr-corner{position:absolute;width:34px;height:34px;border-radius:7px;background:#fff;border:6px solid #1c1c1e;box-sizing:border-box;}
.qr-tl{top:7px;left:7px;}
.qr-tr{top:7px;right:7px;}
.qr-bl{bottom:7px;left:7px;}
.qr-wechat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:600;box-shadow:0 0 0 4px #fff;}
.qr-tip{margin:0;color:var(--ui-muted);font-size:13.5px;letter-spacing:.02em;}
.qr-pattern,.qr-corner{display:none;}
.qr-wechat{box-shadow:none;opacity:.65;}
#auth-dialog input::placeholder{color:var(--ui-muted)!important;}
/* The embedded card already has a dialog frame; prevent duplicate margins from
   pushing the submit button below the iframe's visible area. */
body.embedded #auth-dialog{margin:0!important;padding:16px 24px 24px!important;}
body.embedded .auth-brand{margin-bottom:10px!important;}
body.embedded #auth-dialog h1{margin-bottom:12px!important;}
body.embedded .qr-panel{gap:8px;}
body.embedded .auth-divider{margin-top:18px;}
body.embedded #auth-dialog label{margin:12px 0 6px!important;}

.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0 4px;color:var(--ui-subtle);font-size:12px;letter-spacing:.1em;}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,240,235,.22),transparent);}

#auth-dialog .auth-tabs{margin:10px 0 2px!important;}
