/* ===== 登录页 (参考 ssouser 风格: 双栏+打字文案+墨水/快门) ===== */
.login-body{min-height:100vh;display:flex;flex-direction:column;background-color:#F9F9F7;
  background-image:radial-gradient(rgba(0,0,0,.02) 1px,transparent 1px);background-size:3px 3px;color:#2b2b2b;overflow-x:hidden}
.login-wrap{flex:1;display:flex;align-items:center;justify-content:center;gap:70px;padding:70px 24px 40px;max-width:1100px;margin:0 auto;width:100%;position:relative}
.login-brand-top{position:absolute;top:30px;left:48px}
.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.login-brand-icon{font-size:36px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}
.login-brand-text{display:flex;flex-direction:column}
.login-brand-name{font-size:23px;font-weight:800;color:#1f1f1f;letter-spacing:1px;font-family:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC",SimSun,serif}
.login-brand-slogan{font-size:12px;color:#8a8a8a;margin-top:3px;font-family:"Songti SC","STSong",SimSun,serif;letter-spacing:.5px}
.login-left{flex:1;max-width:520px;display:flex;align-items:center;justify-content:center}
.login-type{font-size:17px;line-height:2.05;color:#3a3a3a;min-height:200px;white-space:pre-line;font-family:"LXGW WenKai Pan","LXGW WenKai","Kaiti SC",KaiTi,"STKaiti",serif}
.login-type::after{content:'▌';color:#6366f1;margin-left:3px;animation:lbk 1s step-end infinite}
@keyframes lbk{0%,100%{opacity:1}50%{opacity:0}}
.ink-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0}
.ink-overlay.ink{background:radial-gradient(circle at 50% 50%,rgba(43,43,43,.07) 0%,transparent 55%);animation:inksp .55s ease-out forwards}
@keyframes inksp{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(1.9)}}
.ink-overlay.shutter{background:#1f1f1f;animation:shut .22s ease-out forwards}
@keyframes shut{0%{opacity:0}25%{opacity:.45}100%{opacity:0}}
.login-right{flex-shrink:0}
.login-card{background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:40px 36px;width:368px;box-shadow:0 20px 55px rgba(20,25,60,.12);text-align:center;backdrop-filter:blur(4px)}
.login-title{font-size:22px;margin-bottom:3px;color:#1f2937;font-weight:700}
.login-sub{color:#9aa3b2;font-size:13px;margin-bottom:20px}
.login-form{display:flex;flex-direction:column;gap:12px}
.login-form .fld{position:relative}
.login-form input{width:100%;background:#f4f6fa;border:1px solid #e7ebf2;border-radius:10px;padding:12px 13px;color:#1f2937;font-size:14px;outline:none;transition:.15s}
.login-form input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.login-form input::placeholder{color:#b6bdc9}
.login-form button{background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#fff;font-weight:700;padding:13px;border:none;border-radius:10px;cursor:pointer;font-size:15px;letter-spacing:3px;margin-top:4px;transition:filter .15s,transform .1s}
.login-form button:hover{filter:brightness(1.06)}
.login-form button:active{transform:scale(.985)}
.login-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px}
.login-actions a,.login-switch a{color:#4f46e5;text-decoration:none}
.login-actions a:hover,.login-switch a:hover{text-decoration:underline}
.login-switch{margin-top:16px;font-size:13px;color:#8a8a8a;border-top:1px solid #eef0f4;padding-top:16px}
.login-hr{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:#c2c9d4;font-size:12px}
.login-hr::before,.login-hr::after{content:'';flex:1;height:1px;background:#eef0f4}
.panel-title{font-size:18px;margin-bottom:14px;color:#1f2937;font-weight:700}
.panel-tip{font-size:13.5px;line-height:1.9;color:#4b5563;text-align:left;background:#f6f8fb;border:1px solid #e7ebf2;border-radius:10px;padding:14px 16px;margin-bottom:16px}
.panel-back{display:block;margin-top:16px;color:#4f46e5;font-size:13px;text-decoration:none}
.panel-back:hover{text-decoration:underline}
.login-foot{text-align:center;padding:16px;color:#b0b0b0;font-size:12px;border-top:1px solid rgba(0,0,0,.05);letter-spacing:.5px}
.sw-btn{display:flex;border:1px solid #e7ebf2;border-radius:10px;overflow:hidden;margin-bottom:18px;background:#f8fafc}
.sw-btn a{flex:1;padding:8px 0;font-size:13px;color:#9aa3b2;text-decoration:none;cursor:pointer}
.sw-btn a.on{background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#fff;font-weight:600}
@media(max-width:820px){.login-wrap{flex-direction:column;gap:26px;padding:92px 18px 30px}.login-brand-top{left:24px;top:22px}.login-left{max-width:100%}.login-type{font-size:15px;min-height:auto}.login-card{width:100%;max-width:400px}}