:root{color-scheme:light;--ink:#29241f;--muted:#746d65;--paper:#faf6ef;--pink:#ef619a;--line:#dfd7d0;--ease-out:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:#c5a581;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid #a34c72;outline-offset:3px}.shop-login{position:relative;min-height:100svh;isolation:isolate;overflow:clip}.scene-viewport{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}#scene-world{position:absolute;width:1536px;height:1024px;transform-origin:0 0}.scene-base,.sun-shadows{position:absolute;inset:0;width:1536px;height:1024px;pointer-events:none}.sun-shadows{opacity:.12}.artwork{position:absolute;pointer-events:none}.wall-art{left:758px;top:276px;width:80px;height:106px}.counter-art{left:688px;top:625px;width:42px;height:52px}.eye{position:relative;display:block;overflow:hidden;border-radius:50%;pointer-events:none}.scene-eye{position:absolute;background:transparent;transform:rotate(20deg)}.eye-left{left:566px;top:582px;width:40px;height:51px}.eye-right{left:614px;top:590px;width:42px;height:52px}.pupil{position:absolute;width:59%;height:69%;left:20.5%;top:15.5%;object-fit:fill;will-change:transform}.fixed-lamp-light{position:absolute;left:1232px;top:42px;width:80px;height:26px;pointer-events:none}.lamp-inner{position:absolute;left:0;top:4px;width:100%;height:18px;border-radius:50%;background:radial-gradient(ellipse,#ffedc0,#dcb176 72%,transparent 78%);opacity:0}.lamp-bulb{position:absolute;left:40%;top:5px;width:24%;height:10px;border-radius:50%;background:#fff7dc;opacity:0}.wall-light{position:absolute;left:1065px;top:58px;width:414px;height:385px;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#ffe2a866,transparent 69%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:0;mix-blend-mode:soft-light}
.login-zone{position:relative;margin-left:68.5%;width:28.5%;padding-top:clamp(125px,19vh,225px);padding-bottom:35px}.login-card{position:relative;isolation:isolate;width:100%;padding:28px 26px 19px;border-radius:25px;background:#f8f3eeeF;border:1px solid #fff8ed;box-shadow:3px 7px 12px #37251912;overflow:hidden}.panel-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#fff2d4cc,#fff5e644 42%,transparent 74%);opacity:0}.card-heading{text-align:center;margin:4px 0 28px}.card-brand{display:flex;justify-content:center;align-items:center;gap:12px}.wordmark strong{font-size:38px;letter-spacing:-.065em;font-weight:950;color:#171612;line-height:1.05;display:block}.wordmark>span{display:block;font:850 11px/1.7 Arial,sans-serif;letter-spacing:.3em;padding-left:3px}.card-heading>p{font-size:12px;letter-spacing:.2em;color:#655d53;margin:16px 0 0}.brand-friend{position:relative;width:57px;height:51px;border-radius:55% 48% 56% 38%;background:#f37cae;transform:rotate(-13deg);flex:none}.eye-pair{position:absolute;left:27%;top:28%;display:flex;gap:3px;transform:rotate(13deg)}.eye-pair .eye{width:18px;height:22px;background:#fffbf6}.eye-pair .pupil{width:57%;height:69%;left:21.5%;top:15.5%}
#login-form>label{display:block;font-size:12px;font-weight:500;color:#665e56;margin:0 0 6px 2px}#login-form>.password-label{margin-top:15px}.input-wrap{position:relative;display:flex;align-items:center;background:#f1eeeb;border:1px solid var(--line);border-radius:13px;height:49px;transition:background-color .18s,border-color .18s}.input-wrap:focus-within{background:#fffaf5;border-color:#c08d9c}.input-wrap svg{position:absolute;left:14px;width:20px;height:20px;fill:none;stroke:#676568;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.input-wrap input{width:100%;height:100%;padding:0 14px 0 43px;border:0;outline:0!important;background:transparent;color:var(--ink);font-size:14px;min-width:0;border-radius:inherit}.input-wrap input::placeholder{color:#77716e;opacity:1}.password-field input{padding-right:58px}#toggle-password{position:absolute;right:3px;top:2px;min-width:46px;height:44px;background:transparent;border:0;color:#66606a;font-size:12px;border-radius:10px}.form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 13px}.remember{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;cursor:pointer}.remember input{appearance:none;margin:0;width:19px;height:19px;border:1px solid #a79e9c;border-radius:5px;background:#fffaf6;position:relative}.remember input:checked{background:var(--pink);border-color:var(--pink)}.remember input:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#forgot-password{background:none;border:0;color:#70635f;min-height:44px;font-size:11px;padding:0}
.login-submit{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;height:50px;border:0;border-radius:14px;background:linear-gradient(110deg,#f58bb4,#ed6096);color:#45212c;font-size:18px;font-weight:600;transition:filter .18s}.button-arrow{font-size:25px;font-weight:400;line-height:1}.login-submit:disabled{opacity:.7;cursor:wait}#message{font-size:11px;min-height:28px;line-height:1.5;color:#96364c;margin:9px 0 3px}.card-status{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;color:#6e655d;font-size:10px}#connection-status{display:flex;align-items:center;gap:6px}#connection-status i{height:7px;width:7px;flex:none;border-radius:50%;background:#9a8e80}#connection-status[data-state=ok] i{background:#469263}#connection-status[data-state=error] i{background:#b25537}#build-version{font-variant-numeric:tabular-nums}.card-bottom{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:20px;color:#8b7564;font-size:10px;letter-spacing:.04em}#pause-motion{min-height:35px;border:0;background:transparent;padding:5px 14px;color:#655c54;font-size:11px;text-decoration:underline;text-underline-offset:4px}.responsive-lamp,.mobile-wordmark{display:none}
#password-help{max-width:390px;width:calc(100vw - 34px);padding:26px;border:1px solid #eee0d1;border-radius:20px;background:#fffaf2;color:var(--ink)}#password-help::backdrop{background:#21160955}#password-help h2{font-size:20px;margin:0 0 16px}#password-help p{font-size:14px;line-height:1.8;margin-bottom:22px}#password-help button{display:block;margin-left:auto;min-height:44px;padding:0 20px;border-radius:12px;border:1px solid #ddc2b4;background:#f5dfdc;color:#613b42}
@media(hover:hover){.login-submit:hover:not(:disabled){filter:brightness(1.04)}#forgot-password:hover,#pause-motion:hover{color:#9a3d60}}
@media(min-width:1700px){.login-zone{width:27.5%;margin-left:68.9%;padding-top:20vh}.login-card{padding:40px 38px 25px}.card-heading{margin-bottom:35px}.wordmark strong{font-size:45px}.input-wrap{height:55px}#toggle-password{top:5px}.login-submit{height:56px}.card-status{font-size:11px}.card-bottom{margin-top:26px}}
@media(max-height:780px) and (min-width:1000px){.login-zone{padding-top:95px}.login-card{padding-top:22px;padding-bottom:12px}.card-heading{margin-bottom:20px}.card-bottom{margin-top:12px}}
@media(max-width:1050px) and (orientation:landscape){.login-zone{margin-left:64%;width:34%;padding-top:85px}.login-card{padding:20px 18px 12px}.wordmark strong{font-size:30px}.brand-friend{width:48px;height:46px}.card-heading{margin-bottom:18px}.card-bottom>span{display:none}}
@media(orientation:portrait),(max-width:650px){body{background:#c3a17e}.shop-login{min-height:100svh;overflow:clip}.scene-viewport{height:var(--portrait-scene-height,650px);bottom:auto;mask-image:linear-gradient(#000 85%,transparent 100%)}.login-zone{margin:0 auto;width:min(500px,calc(100% - 30px));padding-top:var(--portrait-card-top,500px);padding-bottom:24px}.login-card{padding:25px 26px 16px;border-radius:28px;background:#fcf8f2f7}.card-heading{margin-bottom:25px}.wordmark strong{font-size:39px}.input-wrap{height:52px}.input-wrap input{font-size:16px}#toggle-password{top:4px}.login-submit{height:54px}.card-bottom{margin-top:14px}.card-status{font-size:11px}.mobile-wordmark{display:block;position:absolute;left:22px;top:25px;font-size:29px;font-weight:900;line-height:1;color:#fffaf2;text-shadow:0 1px 4px #24180c40}.mobile-wordmark>span{display:block;font:800 10px/2 Arial;letter-spacing:.28em}.responsive-lamp{display:block;position:absolute;right:4%;top:calc(var(--portrait-card-top,500px) - 100px);width:65px;height:96px;pointer-events:none;z-index:4}.responsive-lamp>img{width:65px;height:96px;object-fit:contain}.responsive-lamp .lamp-inner{top:83px;left:2%;width:96%;height:12px}.responsive-lamp .lamp-bulb{top:81px;left:41%;width:20%;height:8px}.mobile-light{position:absolute;left:-100px;top:91px;width:265px;height:180px;background:radial-gradient(ellipse at 50% 0,#ffdf9e50,transparent 70%);opacity:0}.wall-light,.fixed-lamp-light{display:none}}
@media(max-width:400px){.login-card{padding-inline:23px}.card-status{font-size:10px}.card-heading .wordmark strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}