:root{color-scheme:light;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-synthesis:none;--ink:#151a23;--muted:#737b88;--line:#dfe3e9;--surface:#ffffff;--canvas:#f5f7fa;--primary:#2858d7;--primary-dark:#1e46b2;--primary-soft:#edf2ff;--danger:#c53d45;--success:#13835f;}*{box-sizing:border-box;}html{min-width:280px;min-height:100%;background:var(--canvas);}body{min-height:100svh;margin:0;color:var(--ink);background:linear-gradient(rgba(255,255,255,0.72),rgba(245,247,250,0.92)),repeating-linear-gradient(90deg,transparent 0 23px,rgba(21,26,35,0.025) 23px 24px);-webkit-font-smoothing:antialiased;}button,input{font:inherit;}button{-webkit-tap-highlight-color:transparent;}.page-shell{min-height:100svh;display:grid;place-items:center;padding:24px;}.login-panel{width:min(100%,408px);padding:40px 36px 32px;background:rgba(255,255,255,0.96);border:1px solid rgba(215,220,227,0.86);border-radius:8px;box-shadow:0 22px 70px rgba(28,37,55,0.1);}.invalid-link-panel{width:min(100%,408px);padding:42px 32px;color:var(--muted);text-align:center;background:rgba(255,255,255,0.96);border:1px solid rgba(215,220,227,0.86);border-radius:8px;box-shadow:0 22px 70px rgba(28,37,55,0.1);}.invalid-link-panel[hidden]{display:none;}.invalid-link-panel p{margin:0;font-size:15px;line-height:1.5;}.success-panel{width:min(100%,408px);padding:56px 32px 52px;text-align:center;background:rgba(255,255,255,0.96);border:1px solid rgba(215,220,227,0.86);border-radius:8px;box-shadow:0 22px 70px rgba(28,37,55,0.1);}.success-panel[hidden]{display:none;}.success-mark{position:relative;width:54px;height:54px;margin:0 auto 22px;border-radius:50%;background:var(--success);}.success-mark::after{position:absolute;top:14px;left:19px;width:13px;height:22px;border:solid #ffffff;border-width:0 3px 3px 0;content:"";transform:rotate(45deg);}.success-panel h2{margin:0;font-size:24px;line-height:1.3;letter-spacing:0;}.success-panel p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5;}.intro{margin:18px 0 36px;}h1{margin:0;font-size:30px;line-height:1.25;letter-spacing:0;}.field-group{margin-bottom:22px;}label{display:block;margin-bottom:9px;font-size:14px;font-weight:650;}.input-shell{display:flex;align-items:center;width:100%;min-height:52px;background:var(--surface);border:1px solid var(--line);border-radius:7px;transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease;}.input-shell:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(40,88,215,0.11);}.input-shell.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(197,61,69,0.09);}input{min-width:0;flex:1;height:50px;padding:0 15px;color:var(--ink);background:transparent;border:0;border-radius:inherit;outline:0;font-size:16px;}input::placeholder{color:#a2a8b2;}.input-divider{width:1px;height:22px;flex:0 0 1px;background:var(--line);}.code-button{min-width:112px;height:50px;padding:0 13px;color:var(--primary);background:transparent;border:0;border-radius:0 7px 7px 0;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;}.code-button:focus-visible{outline:2px solid var(--primary);outline-offset:-4px;}.code-button:disabled{color:#969ca7;cursor:default;}.field-message{min-height:18px;margin:6px 2px -18px;color:var(--danger);font-size:12px;line-height:1.5;}.login-button{position:relative;width:100%;height:52px;margin-top:8px;color:#ffffff;background:var(--primary);border:0;border-radius:7px;box-shadow:0 8px 20px rgba(40,88,215,0.22);font-size:15px;font-weight:700;cursor:pointer;transition:transform 140ms ease,background 140ms ease,box-shadow 140ms ease;}.login-button:hover{background:var(--primary-dark);box-shadow:0 10px 24px rgba(40,88,215,0.27);}.login-button:active{transform:translateY(1px);}.login-button:focus-visible{outline:3px solid rgba(40,88,215,0.24);outline-offset:3px;}.login-button:disabled{cursor:wait;opacity:0.82;}.button-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,0.42);border-top-color:#ffffff;border-radius:50%;animation:spin 700ms linear infinite;}.login-button.is-loading .button-label{display:none;}.login-button.is-loading .button-spinner{display:inline-block;}.form-status{min-height:20px;margin:12px 0 -4px;color:var(--danger);font-size:13px;line-height:1.5;text-align:center;}.form-status.is-success{color:var(--success);}.form-status:empty{display:none;}.login-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;color:#8b929e;font-size:12px;}.security-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(19,131,95,0.1);}.toast{position:fixed;z-index:10;left:50%;top:calc(24px + env(safe-area-inset-top));max-width:calc(100vw - 32px);padding:11px 16px;color:#ffffff;background:rgba(21,26,35,0.94);border-radius:7px;box-shadow:0 8px 30px rgba(21,26,35,0.2);font-size:13px;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity 180ms ease,transform 180ms ease;}.toast.is-visible{opacity:1;transform:translate(-50%,0);}@keyframes spin{to{transform:rotate(360deg);}}@media (max-width:520px){body{background:var(--surface);}.page-shell{display:block;padding:0;}.login-panel{min-height:100svh;width:100%;padding:calc(28px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;}.invalid-link-panel{min-height:100svh;width:100%;display:grid;place-items:center;padding:28px 22px;border:0;border-radius:0;box-shadow:none;}.success-panel{min-height:100svh;width:100%;display:grid;align-content:center;justify-items:center;padding:28px 22px;border:0;border-radius:0;box-shadow:none;}.success-panel[hidden]{display:none;}.intro{margin-top:clamp(70px,14svh,104px);}.login-footer{margin-top:32px;}}@media (max-width:340px){.login-panel{padding-right:16px;padding-left:16px;}.code-button{min-width:98px;padding-inline:9px;font-size:12px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}