#loginPage{background:#faf9f6;min-height:100dvh;flex-direction:row;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#34312c}
#loginPage .login-left{flex:1.15;background:#eae6df;color:#34312c;padding:36px clamp(28px,5vw,80px);min-width:0;gap:42px}
#loginPage .login-left::before,#loginPage .login-left::after{display:none}
#loginPage .login-brand{gap:12px}#loginPage .login-brand-name{font-size:26px;letter-spacing:-.8px;line-height:1.2}#loginPage .login-brand-name span{font-size:11px;font-weight:400;letter-spacing:2px;opacity:1;color:#787065;margin-top:7px}
#loginPage .login-eyebrow{font-size:11px;letter-spacing:3px;color:#867b6d;margin-bottom:19px}
#loginPage .login-hero h2{font-size:clamp(30px,3.5vw,51px);line-height:1.35;letter-spacing:-1.3px;font-weight:600;margin:0 0 18px;color:#34312c}
#loginPage .login-hero p{font-size:14px;line-height:1.9;opacity:1;color:#7d756b}
#loginPage .store-scene{position:relative;margin:30px 0 0;max-width:550px;padding-bottom:18px}
#loginPage .scene-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8b8071;margin:0 4px 12px}
#loginPage .scene-store{background:#faf8f3;border:1px solid #d5cfc4;border-radius:11px;box-shadow:0 16px 35px #5443310d;overflow:hidden;transform:rotate(-2deg)}
#loginPage .scene-store-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e7e1d7;color:#625b50;font-size:9px}#loginPage .scene-store-top b{font-family:Georgia,serif;font-size:15px;font-weight:400}
#loginPage .scene-showcase{display:flex;align-items:center;min-height:200px;background:#ede5d8;padding:10px 22px}#loginPage .scene-showcase svg{width:51%;height:210px;flex-shrink:0}
#loginPage .scene-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px}#loginPage .scene-copy small{font-size:8px;letter-spacing:1.5px;color:#8a7b65}#loginPage .scene-copy strong{font:clamp(18px,2vw,28px)/1.15 Georgia,serif;color:#554735;font-weight:400}#loginPage .scene-cta{font-size:8px;border-bottom:1px solid #9b896f;padding-bottom:5px;align-self:start}
#loginPage .scene-swatches{display:flex;gap:16px;align-items:center;padding:17px 20px;font-size:8px;color:#7b7162}#loginPage .scene-swatches span{display:flex;align-items:center;gap:5px}#loginPage .scene-swatches i{width:9px;height:9px;border-radius:50%}#loginPage .scene-line{height:1px;background:#e0d9cd;flex:1}
#loginPage .scene-note{position:absolute;right:-14px;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #ded8ce;border-radius:10px;background:#fffdf9;box-shadow:0 8px 25px #42352612;font-size:10px;line-height:1.8;color:#938779}#loginPage .scene-note b{font-weight:500;color:#5b5042}#loginPage .scene-note-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eee7dc;font-size:18px;color:#7d6b54}
#loginPage .login-features{margin-top:28px;gap:15px;align-items:center;font-size:11px;letter-spacing:.5px;color:#766e62}#loginPage .login-features i{width:3px;height:3px;border-radius:50%;background:#b7ad9f}
#loginPage .login-foot{font-size:10px;color:#8b8275;opacity:1;display:flex;justify-content:space-between;gap:20px}
#loginPage .login-right{flex:.85;width:auto;min-width:390px;background:#faf9f6;padding:50px clamp(30px,5vw,80px)}
#loginPage .login-card{max-width:360px}#loginPage .login-form-kicker{font-size:10px;color:#9b8d7a;letter-spacing:3px;margin-bottom:17px}#loginPage .login-card h1{color:#34312c;font-size:28px;font-weight:600;letter-spacing:-.5px}#loginPage .login-card p.sub{color:#8a8176;font-size:13px;margin-top:12px;margin-bottom:30px}
#loginPage .login-card label{font-size:13px;color:#574f44;margin-bottom:9px}#loginPage .login-card input{height:48px;border:1px solid #dcd6cd;border-radius:8px;background:#fffdf9;margin-bottom:22px;color:#34312c;padding:12px 14px;box-shadow:none}#loginPage .login-card input:focus{border-color:#8d7e69;box-shadow:0 0 0 3px #8d7e6914;background:#fff}#loginPage .login-card input::placeholder{color:#b0a89d}#loginPage .login-card button{height:48px;padding:0 18px;background:#35312e;box-shadow:0 3px 7px #35312e14;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:22px;cursor:pointer}#loginPage .login-card button:hover{background:#49423b;box-shadow:0 5px 10px #35312e1a}#loginPage .login-account-note{text-align:center;margin-top:22px;color:#9b9285;font-size:11px;line-height:1.7}
@media(min-width:1500px){#loginPage .login-left{padding-left:8vw;padding-right:7vw}#loginPage .login-right{padding-right:8vw}}
@media(max-width:900px){#loginPage{flex-direction:column}#loginPage .login-left{padding:28px;gap:28px;flex:none}#loginPage .login-brand-name{font-size:24px}#loginPage .login-hero h2{font-size:30px}#loginPage .store-scene,#loginPage .login-features,#loginPage .login-foot,#loginPage .login-eyebrow{display:none}#loginPage .login-hero p{font-size:13px}#loginPage .login-hero p br{display:none}#loginPage .login-right{min-width:0;width:100%;flex:1;padding:36px 28px 48px}#loginPage .login-card{max-width:420px}#loginPage .login-form-kicker{display:none}#loginPage .login-card h1{font-size:23px}#loginPage .login-card p.sub{margin-bottom:15px}}
@media(min-width:901px) and (max-height:850px){#loginPage .login-left{padding-top:28px;padding-bottom:24px;gap:26px}#loginPage .login-hero h2{font-size:38px}#loginPage .store-scene{max-width:470px;margin-top:22px}#loginPage .scene-showcase{min-height:160px}#loginPage .scene-showcase svg{height:160px}#loginPage .login-features{margin-top:20px}#loginPage .login-eyebrow{margin-bottom:13px}}