#accountPanel{position:fixed;inset:0;z-index:150;display:grid;place-items:center;overflow:auto;padding:32px 20px;box-sizing:border-box;background:radial-gradient(ellipse at 15% 12%,#e0e7d5 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#eadcc1 0,transparent 48%),#f4f1e8;color:#293e34;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
#accountPanel[hidden],#confirmRow[hidden],#accountBar[hidden]{display:none}
.login-shell{width:min(880px,100%);display:grid;grid-template-columns:1fr 1.08fr;border:1px solid #ffffffc9;border-radius:26px;overflow:hidden;background:#fffcf5;box-shadow:0 28px 80px #364e3c15,0 3px 12px #364e3c08}
.login-landscape{position:relative;min-height:590px;background:#e8ebdb;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.landscape-caption{position:relative;z-index:1;padding:48px 34px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#617760}.landscape-caption h2{font-family:"STSong","SimSun",serif;font-weight:500;font-size:34px;line-height:1.6;letter-spacing:2px;margin:21px 0 12px}.landscape-caption p{color:#71806d;font-size:13px;letter-spacing:1px}.landscape-art{position:absolute;bottom:0;width:100%;height:auto}.landscape-note{position:absolute;bottom:25px;left:34px;color:#e4edda;font-size:11px;letter-spacing:3px}
#accountForm{box-sizing:border-box;min-width:0;width:100%;padding:47px 46px 30px;align-self:center}.login-brand{display:flex;gap:10px;align-items:center;color:#7b8573;font-size:11px;letter-spacing:1px;margin-bottom:25px}.brand-seal{display:grid;place-items:center;width:28px;height:28px;background:#496b54;color:#fff7e4;font-family:serif;font-size:18px;border-radius:8px 8px 8px 2px}
#accountForm h1{margin:0 0 10px;font-size:29px;letter-spacing:1px;font-weight:750}#accountTitle{color:#7b8274;font-size:13px;line-height:1.8;margin:0 0 29px}#accountForm label{display:block;font-size:13px;font-weight:600;margin:18px 0 9px}#accountForm input{box-sizing:border-box;width:100%;height:49px;padding:0 15px;border-radius:10px;border:1px solid #dce1d3;background:#f7f7f0;color:#2d4337;font:14px "Microsoft YaHei","PingFang SC",system-ui,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}#accountForm input::placeholder{color:#969c8f;font-size:12px}#accountForm input:focus{border-color:#72937b;background:#fffdf7;box-shadow:0 0 0 3px #72937b20}#accountForm input:-webkit-autofill{-webkit-text-fill-color:#2d4337;box-shadow:0 0 0 1000px #f7f7f0 inset}
#accountForm button{width:100%;min-height:48px;border:0;border-radius:10px;font:14px "Microsoft YaHei","PingFang SC",system-ui,sans-serif;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}#accountSubmit{background:#416b55;color:#fff9e9;font-weight:600!important;letter-spacing:3px;box-shadow:0 5px 12px #416b551c}#accountSubmit:hover{background:#345b46;box-shadow:0 7px 16px #416b552b}#accountSubmit:active{transform:translateY(1px)}#accountToggle{margin-top:9px;background:transparent;color:#61775d;font-size:12px!important}#accountToggle:hover{background:#edf0e4}#accountForm button:focus-visible{outline:3px solid #c3a96f;outline-offset:3px}#accountError{min-height:18px;line-height:1.5;color:#ad4e3d;font-size:12px;margin:10px 0 13px}#accountForm button:disabled{opacity:.55;cursor:wait}.login-footnote{text-align:center;color:#a1a491;font-size:10px;letter-spacing:2px;margin:22px 0 0}
#accountBar{position:fixed;right:8px;top:8px;z-index:140;background:#15211de6;color:white;padding:6px 9px;border-radius:7px;font:12px system-ui}#accountBar button{cursor:pointer}
@media(max-width:680px){#accountPanel{padding:24px 18px}.login-shell{max-width:420px;grid-template-columns:1fr;border-radius:22px}.login-landscape{min-height:128px}.landscape-caption{padding:23px 26px}.landscape-caption h2{font-size:23px;margin:9px 0 0;line-height:1.3}.landscape-caption h2 br{display:none}.landscape-caption p,.landscape-note{display:none}.eyebrow{font-size:9px;letter-spacing:2px}.landscape-art{width:190px;right:-37px;bottom:-74px;opacity:.45}#accountForm{padding:28px 28px 23px}.login-brand{margin-bottom:18px}#accountForm h1{font-size:26px}#accountTitle{margin-bottom:22px}.login-footnote{margin-top:15px}}
@media(max-height:650px) and (min-width:681px){#accountPanel{padding:18px}.login-landscape{min-height:530px}#accountForm{padding-top:28px;padding-bottom:23px}.landscape-caption{padding-top:30px}}
@media(prefers-reduced-motion:reduce){#accountForm input,#accountForm button{transition:none}}