:root{--paper:#f4efe7;--paper-deep:#eee5d8;--card:#fff;--ink:#34281c;--muted:#9e8c76;--line:#d9c6ae;--amber:#d99023;--amber-light:#f4b754;--amber-dark:#ac6810;--danger:#b84237}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input{font:inherit}.login-screen{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 50% 18%,rgba(244,177,64,.1),transparent 32%),linear-gradient(180deg,var(--paper),var(--paper-deep))}.login-card{width:min(460px,92vw);padding:48px 44px 36px;border:1px solid #eee5da;border-radius:26px;background:var(--card);box-shadow:0 25px 70px rgba(78,52,22,.15)}.login-lock{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:50%;color:#fff;background:linear-gradient(180deg,#f6ba58,#d78d20);box-shadow:0 10px 28px rgba(202,131,31,.28)}.login-lock svg{width:36px}.login-title,.redirect-card h1{margin:0 0 4px;text-align:center;font-size:30px;font-weight:900;letter-spacing:.02em}.login-sub{margin-bottom:32px;text-align:center;color:#a78b66;font-size:11px;font-weight:800;letter-spacing:.28em}.login-label{display:block;margin:0 0 8px;color:#745c40;font-size:12px;font-weight:800}.login-label:not(:first-child){margin-top:14px}.field{height:54px;display:grid;border:1.5px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s}.password-field{grid-template-columns:1fr 52px}.field:focus-within{border-color:#d79227;box-shadow:0 0 0 4px rgba(215,146,39,.12)}.field input{min-width:0;border:0;outline:0;padding:0 16px;font-size:16px;color:#2e251c;background:transparent}.field input::placeholder{color:#aa9a88}.eye-btn{border:0;background:transparent;color:#886d4e;font-size:19px;cursor:pointer}.login-btn{width:100%;height:54px;margin-top:18px;border:0;border-radius:13px;color:#3c2912;background:linear-gradient(180deg,var(--amber-light),var(--amber));box-shadow:0 7px 0 var(--amber-dark);font-size:17px;font-weight:1000;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s}.login-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.login-btn:active{transform:translateY(3px);box-shadow:0 4px 0 var(--amber-dark)}.login-btn:disabled{cursor:wait;filter:saturate(.7);opacity:.8}.login-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px;color:#b8a58d}.login-links button{border:0;padding:4px 6px;color:#8a6130;background:transparent;font-weight:900;cursor:pointer}.login-links button:hover{text-decoration:underline}.login-error{min-height:24px;margin-top:10px;text-align:center;color:var(--danger);font-size:13px;font-weight:800}.login-security{margin-top:6px;padding-top:18px;border-top:1px solid #eee5da;text-align:center;color:var(--muted);font-size:11px;line-height:1.55}.redirect-card{text-align:center}.redirect-mark{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 22px;border-radius:50%;background:linear-gradient(180deg,#f6ba58,#d78d20);box-shadow:0 10px 28px rgba(202,131,31,.28)}.redirect-mark span{width:27px;height:15px;border:solid white;border-width:0 0 4px 4px;transform:rotate(-45deg) translate(2px,-2px)}.redirect-card p{margin:10px 0 26px;color:#8d765b;font-size:13px}.progress{height:6px;overflow:hidden;border-radius:999px;background:#f2e4d1}.progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber),#f7ca7d);animation:travel 1s ease-in-out infinite}.field input:focus-visible,.eye-btn:focus-visible,.login-btn:focus-visible,.login-links button:focus-visible{outline:3px solid rgba(215,146,39,.3);outline-offset:2px}@keyframes travel{from{transform:translateX(-110%)}to{transform:translateX(340%)}}@media(max-width:520px){.login-screen{padding:18px}.login-card{padding:38px 24px 28px;border-radius:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}