body:has(.login-screen) .bar{display:none}body:has(.login-screen){background:#fff}.login-screen{height:100dvh;min-height:680px;display:grid;grid-template-columns:75% 25%;overflow:hidden;background:#fff}.login-showcase{display:grid;place-items:center;min-height:0;padding:clamp(24px,4vh,48px);background:#2f5f99;color:#fff}.showcase-inner{width:90%;max-width:none}.showcase-title{display:inline-block;margin:0 0 26px;color:#fff;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:120px;font-weight:800;letter-spacing:-.04em}.showcase-title:hover{color:#dbeafe}.showcase-photo{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 440px);margin:0 auto;object-fit:contain;box-shadow:0 12px 28px #132f581f}.showcase-slogan{margin:27px 0 0;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:70px;font-weight:800;line-height:1.18;letter-spacing:.01em}.login-panel{display:grid;place-items:center;padding:48px 36px;border-left:3px solid #f07d49}.login-form{width:90%;max-width:430px}.login-logo{display:block;width:90%;height:auto;max-width:100%;max-height:160px;margin:0 0 28px;object-fit:contain;object-position:center}.login-form h1{margin:0 0 10px;color:#1b2d43;font-size:31px;letter-spacing:-.03em}.login-description{margin:0 0 27px;color:#66758a;font-size:15px;line-height:1.65}.login-form label{display:grid;grid-gap:8px;gap:8px;margin:17px 0;color:#30425b;font-size:14px;font-weight:800}.login-form input{width:100%;height:46px;border:1px solid #d7e0eb;border-radius:10px;background:#f8fafc;padding:10px 13px;color:#1f2937;font:inherit;transition:.15s ease}.login-form input:focus{outline:0;border-color:#2f5f99;box-shadow:0 0 0 3px #2f5f991c;background:#fff}.login-switch{display:grid;grid-template-columns:1fr 1fr;margin:0 0 22px;overflow:hidden;border:1px solid #d7e0eb;border-radius:10px}.login-switch button{border:0;border-right:1px solid #d7e0eb;border-radius:0;background:#f8fafc;padding:11px;color:#506178;font:inherit;font-weight:800;cursor:pointer}.login-switch button:last-child{border-right:0}.login-switch button.active{background:#2f5f99;color:#fff}.login-submit{width:100%;margin-top:12px;border:0;border-radius:10px;background:#1e2f46;padding:14px;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:.15s ease}.login-submit:hover:not(:disabled){background:#2f5f99}.login-submit:disabled{cursor:wait;opacity:.65}.login-form .error{margin:0 0 15px;padding:10px 12px;border-radius:8px;font-size:14px}.login-copyright{margin:36px 0 0;color:#a2adba;font-size:11px}@media (max-width:980px){.login-screen{height:auto;min-height:100dvh;grid-template-columns:1fr;overflow:visible}.login-showcase{min-height:auto;padding:34px 28px}.showcase-inner{width:min(90%,760px)}.showcase-title{margin-bottom:16px;font-size:64px}.showcase-photo{max-height:420px}.showcase-slogan{margin-top:16px;font-size:30px}.login-panel{min-height:620px;border-top:3px solid #f07d49;border-left:0}}@media (min-width:981px) and (max-height:740px){.login-screen{height:auto;min-height:100dvh;overflow:visible}.showcase-inner{width:90%}.showcase-photo{max-height:none}}@media (max-width:520px){.login-showcase{padding:26px 20px}.login-panel{min-height:0;padding:42px 24px}.showcase-title{font-size:42px}.showcase-slogan{font-size:22px}.login-logo{width:90%;max-height:92px;margin-bottom:22px}.login-form h1{font-size:28px}}