.lwfwx-login-panel { width: 100%; margin: 28px 0 0; padding: 24px 0 0; border: 0; border-top: 1px solid #dce5e3; background: transparent; box-shadow: none; text-align: center; }
.lwfwx-divider { display: flex; align-items: center; gap: 16px; color: #66706d; font-weight: 700; font-size: 16px; }
.lwfwx-divider::before, .lwfwx-divider::after { content: ""; flex: 1; height: 1px; background: #dfe5e3; }
.lwfwx-action { margin: 22px 0 16px; }
.lwfwx-button { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px; padding: 10px 20px !important; border: 0 !important; border-radius: 9px !important; background: #1d7480 !important; color: #fff !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none; transition: background .18s ease, transform .18s ease; }
.lwfwx-button:hover { background: #155f69 !important; transform: translateY(-1px); }
.lwfwx-icon { width: 27px; height: 27px; flex: 0 0 27px; }
.lwfwx-consent, .lwfwx-copyright { margin: 8px 0 0; color: #77817e; font-size: 13px; line-height: 1.7; }
.lwfwx-consent a, .lwfwx-copyright a { color: #52605c; font-weight: 700; text-decoration: none; }
.lwfwx-consent a:hover, .lwfwx-copyright a:hover { color: #087b69; text-decoration: underline; }
.lwfwx-account { margin: 8px 0 24px; padding: 24px; border: 1px solid #dfe8e5; border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(20,67,57,.06); }
.lwfwx-account h2 { margin: 0 0 10px; }
.lwfwx-account form { margin: 0; }
.lwfwx-notice { margin-bottom: 18px !important; }
.lwfwx-mobile-hint { display: inline-block; padding: 13px 18px; border-radius: 10px; background: #f1f7f5; color: #52625d; line-height: 1.6; }
body.lwfwx-qr-page { min-height: 100vh; margin: 0; display: grid; place-items: center; background: radial-gradient(circle at top,#3d3d3d 0,#222 55%,#151515 100%); color: #fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.lwfwx-qr-shell { width: min(92vw,620px); padding: 42px 28px 32px; text-align: center; }
.lwfwx-qr-brand { display: inline-flex; align-items: center; gap: 10px; color: #20d979; font-size: 18px; font-weight: 700; }
.lwfwx-qr-brand .lwfwx-icon { width: 30px; height: 30px; }
.lwfwx-qr-shell h1 { margin: 18px 0 20px; color: #fff; font-size: clamp(27px,4vw,38px); letter-spacing: .04em; }
#lwfwx-qr { width: min(100%,520px); min-height: 500px; margin: 0 auto; overflow: hidden; border: 1px solid #575757; border-radius: 18px; background: #2f2f2f; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
#lwfwx-qr iframe { width: 100% !important; min-height: 500px !important; border: 0; }
.lwfwx-qr-tip { width: min(86%,440px); margin: 20px auto 0; padding: 14px 20px; border: 1px solid #444; border-radius: 999px; background: rgba(0,0,0,.23); color: #fff; font-size: 16px; line-height: 1.55; }
.lwfwx-qr-back { display: inline-block; margin-top: 20px; color: #b8c0bd; text-decoration: none; }
.lwfwx-qr-back:hover { color: #fff; }
.lwfwx-register-page { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 20px; box-sizing: border-box; background: #f2f5f4; color: #1d2926; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.lwfwx-register-shell { width: min(92vw,500px); padding: 38px 34px; box-sizing: border-box; border: 1px solid #e0e7e4; border-radius: 20px; background: #fff; box-shadow: 0 22px 60px rgba(18,62,52,.12); text-align: center; }
.lwfwx-register-shell > .lwfwx-icon { width: 56px; height: 56px; color: #07c160; }
.lwfwx-register-shell h1 { margin: 14px 0 8px; font-size: 28px; }
.lwfwx-register-shell > p { color: #687571; }
.lwfwx-register-primary, .lwfwx-register-secondary { display: block; width: 100%; margin-top: 20px; padding: 14px 18px; box-sizing: border-box; border-radius: 11px; font-size: 16px; font-weight: 700; text-decoration: none; cursor: pointer; }
.lwfwx-register-primary { border: 0; background: #07c160; color: #fff; }
.lwfwx-register-primary:hover { background: #06ad56; }
.lwfwx-register-secondary { border: 1px solid #d9e2df; background: #fff; color: #285e52; }
.lwfwx-register-secondary:hover { background: #f3f8f6; }
@media (max-width: 767px) { .lwfwx-login-panel { margin-top: 24px; padding-top: 20px; } .lwfwx-action .lwfwx-button, .lwfwx-account .lwfwx-button { width: 100%; min-width: 0; } .lwfwx-account { padding: 18px; } .lwfwx-qr-shell { padding: 28px 12px 22px; } #lwfwx-qr, #lwfwx-qr iframe { min-height: 470px !important; } }