/* 登录页独立视觉，不改变已验收的工作台布局。 */
#app .login-page{--login-wine:#702b34;--login-ink:#302a27;--login-muted:#70645e;--login-line:#ded5ce;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:64px 28px 36px;background:#f3eee7;font-family:var(--restaurant-font)}
#app .login-page .restaurant-bg{display:none}
#app .login-page .back-link{position:absolute;left:32px;top:20px;display:inline-flex;align-items:center;min-height:36px;color:#702b34;font-size:13px;font-weight:600;gap:8px}
#app .login-page .back-link::before{content:'←';font-size:18px}
#app .login-page .login-shell{width:min(1040px,100%);min-height:610px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);overflow:hidden;border:0;border-radius:16px;background:#fffdfa;box-shadow:0 20px 60px #5c2e351a;backdrop-filter:none;animation:none}
#app .login-page .login-aside{position:relative;min-height:610px;background:linear-gradient(180deg,#260e111a 15%,#260e11dd 100%),url('/images/food/restaurant-hero.webp') 62% center / cover no-repeat}
#app .login-page .aside-overlay{background:linear-gradient(180deg,#260e114d,transparent 45%,#260e1140)}
#app .login-page .aside-content{inset:0;padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff8ed}
#app .login-page .login-brand{position:absolute;top:32px;left:36px;display:flex;gap:12px;align-items:center}
#app .login-page .brand-mark{width:42px;height:42px;margin:0;border:1px solid #f5d69a99;border-radius:12px;background:#702b34;color:#f5d69a;display:grid;place-items:center}
#app .login-page .brand-mark svg{width:26px;height:26px}
#app .login-page .login-brand strong{font-size:20px;color:#fff8ed;font-weight:600;letter-spacing:.04em}
#app .login-page .aside-content h1{font-family:var(--restaurant-font);font-size:36px;line-height:1.3;letter-spacing:-.02em;margin:0;color:#fff8ed;max-width:100%;font-weight:650}
#app .login-page .aside-content p{font-size:14px;line-height:1.8;margin:16px 0 0;color:#f0dfd1;max-width:360px}
#app .login-page .aside-list{display:flex;gap:10px 16px;flex-wrap:wrap;max-width:350px;margin-top:26px;padding-top:20px;border-top:1px solid #ffffff40}
#app .login-page .aside-list span{padding:0;border:0;border-radius:0;background:none;color:#f0dfd1;font-size:12px;line-height:1.8}
#app .login-page .login-box{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:52px 46px;background:#fffdfa;min-width:0}
#app .login-page .form-title{margin:0 0 32px}
#app .login-page .form-title h2{font-size:28px;font-weight:650;line-height:1.4;color:var(--login-ink);margin:0}
#app .login-page .form-title p{font-size:14px;line-height:1.7;color:var(--login-muted);margin:10px 0 0}
#app .login-page .el-form-item{display:block;margin:0 0 20px}
#app .login-page .el-form-item__label{display:block;height:auto;line-height:1.5;margin:0 0 9px;padding:0;font-size:14px;font-weight:600;color:var(--login-ink);text-align:left;float:none}
#app .login-page .el-form-item__content{display:block;line-height:normal;margin-left:0}
#app .login-page .el-input{width:100%;--el-input-height:50px;--el-input-border-color:var(--login-line);--el-input-hover-border-color:#b1737b;--el-input-focus-border-color:#8f3742;--el-input-bg-color:#fffdfa}
#app .login-page .el-input__wrapper{height:50px;box-sizing:border-box;padding:0 15px;border-radius:8px;background:#fffdfa}
#app .login-page .el-input__inner{height:48px;line-height:48px;font-size:15px;color:#302a27}
#app .login-page .el-input__inner::placeholder{color:#796e67}
#app .login-page .el-input__suffix{color:#70645e}
#app .login-page .el-input__password{min-width:28px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#app .login-page .submit-btn{width:100%;height:50px;margin:8px 0 0;border:1px solid #702b34;border-radius:8px;background:#702b34!important;color:#fff8ed;font-size:15px;font-weight:600;letter-spacing:.08em;transition:background-color .15s ease,box-shadow .15s ease}
#app .login-page .submit-btn:hover{background:#8f3742!important;border-color:#8f3742}
#app .login-page .submit-btn.is-loading{opacity:.7;cursor:wait}
#app .login-page .auth-switch{padding-top:24px;margin:26px 0 0;border-top:1px solid #e7dfd7;color:#70645e;text-align:center;font-size:13px}
#app .login-page .auth-switch a{display:inline-flex;align-items:center;min-height:36px;padding-left:6px;color:#8f3742;font-weight:600}
#app .login-page .login-error{font-size:13px;line-height:1.6;color:#9b2737;background:#fff0ed;border-radius:8px;padding:10px 12px;margin:0 0 12px}
#app .login-page :is(a,button):focus-visible{outline:2px solid #8f3742;outline-offset:4px}
#app .login-page ::selection{background:#ead6d9;color:#40272b}
#app .login-page .login-footer{font-size:12px;line-height:1.6;color:#70645e;text-align:center;margin:24px 0 0}
@media(max-width:950px){#app .login-page .login-box{padding:40px 30px}#app .login-page .aside-content{padding:30px}#app .login-page .login-brand{left:30px}#app .login-page .aside-content h1{font-size:30px}}
@media(max-width:700px){#app .login-page{padding:60px 18px 24px;justify-content:flex-start}#app .login-page .back-link{left:20px;top:12px}#app .login-page .login-shell{width:100%;max-width:460px;grid-template-columns:1fr;min-height:0;border-radius:12px;box-shadow:0 12px 32px #5c2e3514}#app .login-page .login-aside{min-height:205px;background-position:center 56%}#app .login-page .aside-content{padding:24px;position:relative;min-height:205px;justify-content:flex-end}#app .login-page .login-brand{left:24px;top:20px;gap:10px}#app .login-page .brand-mark{width:34px;height:34px;border-radius:8px}#app .login-page .brand-mark svg{width:22px;height:22px}#app .login-page .login-brand strong{font-size:17px}#app .login-page .aside-content h1{font-size:25px;line-height:1.4}#app .login-page .aside-content p{font-size:12px;margin-top:8px}#app .login-page .aside-list{display:none}#app .login-page .login-box{padding:28px 24px}#app .login-page .form-title{margin-bottom:24px}#app .login-page .form-title h2{font-size:24px}#app .login-page .form-title p{font-size:13px}#app .login-page .el-form-item{margin-bottom:18px}#app .login-page .auth-switch{margin-top:22px;padding-top:16px}#app .login-page .login-footer{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#app .login-page .submit-btn{transition:none}}