html.sdc-auth-email-page,
body.sdc-auth-email-page { min-width: 320px; min-height: 100%; margin: 0; background: #f5f3ec; }
body.sdc-auth-email-page > #root { display: none !important; }
#sdc-auth-email-host,
#sdc-auth-email-host * { box-sizing: border-box; }
#sdc-auth-email-host { min-height: 100vh; color: #1e2725; font-family: "Aptos", "Microsoft YaHei", sans-serif; }
.sdc-auth-page { position: relative; min-height: 100vh; display: grid; place-items: center; overflow: hidden; padding: 42px 18px; background: radial-gradient(circle at 14% 10%, #fff9df 0 14%, transparent 38%), linear-gradient(135deg, #f7f4ea 0%, #edf3ee 52%, #f5efe4 100%); }
.sdc-auth-page::before { content: ""; position: absolute; inset: 0; opacity: .18; pointer-events: none; background-image: linear-gradient(rgba(37,73,63,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(37,73,63,.16) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 75%); }
.sdc-auth-orb { position: absolute; border-radius: 999px; filter: blur(2px); pointer-events: none; }
.orb-one { width: 330px; height: 330px; top: -130px; right: -80px; background: rgba(225,146,69,.16); }
.orb-two { width: 270px; height: 270px; bottom: -100px; left: -70px; background: rgba(27,107,84,.13); }
.sdc-auth-shell { position: relative; z-index: 1; width: min(440px, 100%); }
.sdc-auth-brand { width: max-content; max-width: 100%; display: flex; align-items: center; gap: 12px; margin: 0 auto 22px; color: #173f35; text-decoration: none; }
.sdc-auth-brand img { width: 50px; height: 50px; object-fit: contain; filter: drop-shadow(0 8px 16px rgba(25,65,54,.12)); }
.sdc-auth-brand strong { display: block; font: 800 20px/1.15 Georgia, "Songti SC", serif; letter-spacing: .02em; }
.sdc-auth-brand small { display: block; margin-top: 4px; color: #6d7772; font-size: 11px; letter-spacing: .08em; }
.sdc-auth-card { border: 1px solid rgba(38,78,66,.16); border-radius: 24px; padding: 30px; background: rgba(255,255,252,.92); box-shadow: 0 28px 80px rgba(34,65,56,.13), 0 2px 8px rgba(34,65,56,.05); backdrop-filter: blur(16px); }
.sdc-auth-heading { margin-bottom: 22px; }
.sdc-auth-kicker { display: block; margin-bottom: 8px; color: #b7682d; font: 750 10px/1.2 "Aptos", sans-serif; letter-spacing: .17em; }
.sdc-auth-heading h1 { margin: 0; color: #173f35; font: 800 27px/1.25 Georgia, "Songti SC", serif; }
.sdc-auth-heading p { margin: 8px 0 0; color: #6d7772; font-size: 13px; line-height: 1.65; }
.sdc-auth-form { display: grid; gap: 15px; }
.sdc-auth-field { display: grid; gap: 7px; }
.sdc-auth-field > span { color: #34443f; font-size: 12px; font-weight: 700; }
.sdc-auth-field input { width: 100%; min-width: 0; height: 45px; border: 1px solid #d6ddd8; border-radius: 12px; padding: 0 13px; outline: none; background: #fff; color: #1e2725; font: inherit; transition: border-color .16s, box-shadow .16s, background .16s; }
.sdc-auth-field input::placeholder { color: #9aa39f; }
.sdc-auth-field input:focus { border-color: #25735e; box-shadow: 0 0 0 4px rgba(37,115,94,.11); background: #fffffd; }
.sdc-auth-code-row { display: grid; grid-template-columns: minmax(0,1fr) 122px; gap: 9px; }
.sdc-auth-captcha,
.sdc-auth-send { height: 45px; border: 1px solid #d6ddd8; border-radius: 12px; background: #f7f8f4; color: #256b58; font: 700 12px/1 "Aptos", sans-serif; cursor: pointer; }
.sdc-auth-captcha { padding: 0; overflow: hidden; }
.sdc-auth-captcha img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sdc-auth-send:hover:not(:disabled),
.sdc-auth-captcha:hover { border-color: #25735e; background: #eff6f2; }
.sdc-auth-send:disabled { cursor: not-allowed; opacity: .58; }
.sdc-auth-primary { width: 100%; min-height: 47px; margin-top: 3px; border: 0; border-radius: 12px; background: linear-gradient(135deg, #1f6c57, #174b40); color: #fff; box-shadow: 0 10px 24px rgba(31,108,87,.22); font: 750 14px/1 "Aptos", sans-serif; cursor: pointer; transition: transform .15s, box-shadow .15s, opacity .15s; }
.sdc-auth-primary:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(31,108,87,.25); }
.sdc-auth-primary:disabled { cursor: not-allowed; opacity: .58; }
.sdc-auth-between { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -2px 0 1px; color: #6d7772; font-size: 12px; }
.sdc-auth-between a,
.sdc-auth-footer a { color: #1f6c57; font-weight: 750; text-decoration: none; }
.sdc-auth-check { display: flex; align-items: center; gap: 6px; }
.sdc-auth-check input { accent-color: #1f6c57; }
.sdc-auth-footer { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e4e7e1; color: #747d79; text-align: center; font-size: 12px; }
.sdc-auth-trust { margin: 14px 0 0; color: #7f8984; text-align: center; font-size: 10px; letter-spacing: .03em; }
.sdc-auth-notice { margin-bottom: 16px; border: 1px solid #d6ddd8; border-radius: 11px; padding: 10px 12px; color: #51615b; background: #f3f7f4; font-size: 12px; line-height: 1.65; }
.sdc-auth-notice.is-warning { border-color: #ead8b3; background: #fff9e9; color: #76582c; }
.sdc-auth-toast { position: fixed; z-index: 99999; left: 50%; top: 24px; max-width: min(430px, calc(100vw - 28px)); transform: translateX(-50%); border: 1px solid rgba(31,108,87,.24); border-radius: 12px; padding: 11px 16px; background: #fff; color: #235f50; box-shadow: 0 16px 42px rgba(24,58,49,.18); font: 650 13px/1.5 "Aptos", "Microsoft YaHei", sans-serif; }
.sdc-auth-toast.is-error { border-color: rgba(178,61,52,.25); color: #a53b34; background: #fff8f7; }
@media (max-width: 520px) { .sdc-auth-page { align-items: start; padding: 24px 12px; } .sdc-auth-card { border-radius: 19px; padding: 24px 18px; } .sdc-auth-code-row { grid-template-columns: minmax(0,1fr) 108px; } .sdc-auth-heading h1 { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .sdc-auth-primary, .sdc-auth-field input { transition: none; } }