.web-login{--cream: #fff3dc;--gold: #dcb16a;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:auto;color:var(--cream);background:radial-gradient(ellipse at 18% 40%,#783b27 0,#501c18 48%,#25110e);font-family:PingFang SC,Microsoft YaHei,sans-serif}.web-login *,.web-account-button{box-sizing:border-box}.login-shell{min-height:100%;max-width:1140px;margin:auto;padding:64px 56px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:88px}.login-intro{position:relative;padding-bottom:20px}.login-eyebrow{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.18em;margin:0 0 20px}.login-intro h1{font-size:28px;letter-spacing:.14em;margin:0}.login-intro h1 span{display:block;margin-top:24px;font-size:48px;line-height:1.4;letter-spacing:.02em}.login-description{font-size:14px;color:#e1bfa6;line-height:1.9}.login-caption{margin:26px 0 0;font-size:11px;letter-spacing:.14em;color:#e1bfa6}.login-board{position:relative;width:250px;height:250px;margin:34px 0 12px 56px;border:14px solid #a3653a;border-radius:24px;background:#ebc68c;box-shadow:0 9px #542a1c,0 26px 45px #1b0b0866,inset 0 0 0 3px #f4dba9;transform:rotate(-12deg)}.login-board-lines{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #8f3c27;border-radius:20px}.login-board-lines:after{content:"";position:absolute;top:39px;right:39px;bottom:39px;left:39px;border:2px solid #8f3c27;border-radius:50%}.login-pocket{position:absolute;width:24px;height:24px;border-radius:50%;background:#351811;box-shadow:inset 0 3px 4px #0008}.p1{left:6px;top:6px}.p2{right:6px;top:6px}.p3{left:6px;bottom:6px}.p4{right:6px;bottom:6px}.login-piece{position:absolute;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff25,0 3px #0005}.login-piece.black{background:#352720}.login-piece.white{background:#fff3dc}.b1{left:80px;top:79px}.b2{left:110px;top:113px}.w1{left:112px;top:80px}.w2{left:77px;top:114px}.login-piece.red{background:#b13b30;left:96px;top:96px;z-index:1}.login-piece.striker{background:#fdf5e5;width:34px;height:34px;bottom:20px;right:42px;border:3px solid #b9793d}.login-panel{padding:38px 34px 28px;border:1px solid #dcb16a55;border-radius:24px;background:#311713cc;box-shadow:0 20px 60px #1b0b0833}.login-panel h2{margin:0 0 12px;font-size:26px;letter-spacing:.02em}#login-subtitle{color:#d4b5a2;font-size:13px;margin:0 0 30px}.login-panel label{display:block;font-size:13px;font-weight:600;margin:20px 0 10px}.login-panel input{width:100%;height:48px;padding:0 14px;border:1px solid #c5956b66;border-radius:10px;background:#20110e99;color:var(--cream);font:inherit;font-size:16px}.login-panel input::placeholder{color:#b5917e;font-size:12px}.login-panel input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.login-panel button{font-family:inherit;cursor:pointer}.login-panel button:focus-visible,.web-account-button:focus-visible{outline:2px solid #fff3dc;outline-offset:4px}.login-panel input:disabled,.login-panel button:disabled{cursor:wait;opacity:.65}.login-hint{color:#bfa08d;font-size:11px;margin:8px 0 0}.login-error{min-height:20px;margin:18px 0 10px;font-size:12px;line-height:1.6;color:#ffb8a6}.login-primary{width:100%;min-height:50px;border:1px solid #79b46e;border-radius:12px;background:#3f8f52;box-shadow:0 4px #245832;color:#fff8e8;font-size:15px;font-weight:600}.login-primary:hover:enabled{background:#499e5b}.login-primary:active:enabled{transform:translateY(2px);box-shadow:0 2px #245832}.login-status{font-size:12px;color:#d4b5a2;min-height:18px;margin:12px 0 0;text-align:center}.login-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;color:#d4b5a2;margin:18px 0 0}.login-switch button{border:0;padding:0;font-size:12px;background:transparent;color:var(--gold);text-decoration:underline;text-underline-offset:4px}.login-note{margin:28px 0 0;padding-top:20px;border-top:1px solid #dcb16a26;color:#bfa08d;font-size:11px;line-height:1.8}.web-account-button{position:fixed;z-index:50;top:max(12px,env(safe-area-inset-top));right:12px;border:1px solid #dcb16a66;border-radius:8px;background:#311713e8;color:#fff3dc;padding:8px 12px;font:12px PingFang SC,Microsoft YaHei,sans-serif;cursor:pointer}@media(max-width:760px){.web-account-button{top:max(62px,calc(env(safe-area-inset-top) + 50px));padding:6px 10px}.login-shell{max-width:470px;padding:max(32px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:28px}.login-intro{padding:0}.login-intro h1{font-size:24px}.login-intro h1 span{margin-top:12px;font-size:30px}.login-intro h1 br{display:none}.login-intro .login-eyebrow{margin-bottom:12px}.login-description,.login-caption,.login-board{display:none}.login-panel{padding:28px 24px 24px;border-radius:20px}.login-panel h2{font-size:24px}}