/* 登录页与编辑器页头共用蓝白视觉；不改变已有表单字段和认证接口。 */
:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;background:#f6f8fb;color:#1d314c;font-size:14px}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 47%,#fff 0,#f9fbfd 55%,#f2f5f9 100%)}
.login-top{height:74px;display:flex;align-items:center;padding:0 30px;background:linear-gradient(110deg,#192d4c,#203d65);box-shadow:0 2px 8px #18335120}
.login-brand{display:flex;align-items:center;gap:12px;color:white}
.login-brand-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #b7c8df;border-radius:12px;background:#f7f9fe}
.login-brand-icon img{width:34px;height:34px;clip-path:inset(17%)}
.login-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.login-brand-copy strong{font-size:20px;font-weight:750;letter-spacing:.15px}
.login-brand-copy small{font-size:10px;font-weight:650;letter-spacing:1.35px;color:#dce9fa}
.login-main{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:46px 18px}
.login-card{width:min(100%,490px);padding:36px 34px 31px;border:1px solid #edf0f5;border-radius:17px;background:#fff;box-shadow:0 18px 52px #243d5b13}
.login-card-logo{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 17px;border-radius:50%;background:#f5f8fc;box-shadow:0 6px 20px #2a4c7120}
.login-card-logo img{width:42px;height:42px;clip-path:inset(17%)}
h1{font-size:27px;color:#173557;text-align:center;margin:0;font-weight:750;letter-spacing:.3px}
.login-description{color:#8191a6;text-align:center;line-height:1.6;font-size:13px;margin:9px 0 27px}
.login-card label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px;color:#203957}
.login-field{height:47px;display:flex;align-items:center;gap:10px;border:1px solid #d6e0eb;border-radius:9px;padding:0 13px;background:#fff;transition:border-color .15s,box-shadow .15s}
.login-field:focus-within{border-color:#6a9cd7;box-shadow:0 0 0 3px #6a9cd71a}
.login-field>svg{width:19px;height:19px;flex:none;color:#244469}
.login-field input{width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:#203957;font:inherit;font-size:14px}
.login-field input::placeholder{color:#a2aec0}
.login-field>button{width:30px;height:32px;margin:0;padding:5px;border:0;border-radius:6px;background:transparent;color:#8b99aa;cursor:pointer}
.login-field>button:hover{color:#325b88;background:#f1f5fa}
.login-field>button svg{width:20px;height:20px}
.login-submit{width:100%;height:47px;margin-top:25px;border:0;border-radius:9px;background:linear-gradient(105deg,#18385f,#285185);color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 14px #254a7822}
.login-submit:hover{background:linear-gradient(105deg,#152f50,#20436f)}
.login-submit:focus-visible,.login-field>button:focus-visible{outline:2px solid #6494d0;outline-offset:3px}
.login-note{display:flex;align-items:center;gap:15px;margin:25px 0 0;font-size:12px;color:#9ba7b8;white-space:nowrap}
.login-note:before,.login-note:after{content:"";height:1px;flex:1;background:#e7edf4}
.login-error{padding:10px 12px;border:1px solid #f2c9cd;border-radius:8px;background:#fff5f5;color:#a72b3c;line-height:1.5;margin:0 0 18px}
@media(max-width:740px){.login-top{height:58px;padding:0 14px}.login-brand-icon{height:36px;width:36px;border-radius:9px}.login-brand-icon img{width:28px;height:28px}.login-brand-copy strong{font-size:16px}.login-brand-copy small{font-size:9px}.login-main{min-height:calc(100dvh - 58px);padding:18px 14px}.login-card{padding:28px 22px 24px}.login-description{font-size:12px}}