.login-page{--teal:oklch(50% 0.12 181);--teal-light:oklch(96% 0.02 181);--teal-dark:oklch(42% 0.12 181);--bg:#fdfdfc;--bg-subtle:#f6f7f7;--text:#1a1f1e;--text-muted:#6b7574;--border:#e5e8e7;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;background:linear-gradient(180deg,var(--teal-light) 0,var(--bg) 60%);color:var(--text)}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:48px 40px;box-shadow:0 20px 60px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.03)}.login-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:32px;text-decoration:none;color:var(--text)}.login-logo img{width:36px;height:36px;border-radius:50%;flex-shrink:0}.login-logo span{font-size:18px;font-weight:700;letter-spacing:-.01em}.login-badge-row{display:flex;justify-content:center;margin-bottom:20px}.login-badge{display:inline-flex;align-items:center;gap:5px;background:var(--teal-light);color:var(--teal-dark);padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.login-badge:before{content:"";width:6px;height:6px;background:var(--teal);border-radius:50%}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:16px}.login-form-group{margin-bottom:20px}.login-form-group label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:8px}.login-form-group input[type=email],.login-form-group input[type=password],.login-form-group input[type=text]{width:100%;padding:12px 14px;font-family:inherit;font-size:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.login-form-group input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px oklch(50% .12 181/.15)}.login-form-group input.input-error{border-color:#f87171}.login-field-error{color:#b91c1c;font-size:12px;margin-top:6px}.login-pwd-wrap{position:relative}.login-pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:6px}.login-pwd-toggle:hover{color:var(--teal)}.login-captcha-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.login-captcha-image{flex:0 0 auto;width:132px;height:48px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.login-captcha-svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.login-captcha-svg svg{display:block;width:100%;height:100%}.login-captcha-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.login-captcha-refresh{flex:0 0 auto;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--teal-dark);background:var(--teal-light);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.login-captcha-refresh:hover:not(:disabled){background:oklch(92% .03 181)}.login-captcha-refresh:disabled{opacity:.6;cursor:not-allowed}.login-form-meta{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 24px;font-size:13px}.login-remember{display:flex;align-items:center;gap:6px;color:var(--text-muted);cursor:pointer}.login-remember input{accent-color:var(--teal)}.login-submit{width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:600;background:var(--teal);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .15s,transform .1s}.login-submit:hover:not(:disabled){background:var(--teal-dark)}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:28px;font-size:13px;color:var(--text-muted)}.login-footer a{color:var(--teal);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}