:root{
  --login-ink:#10263A;--login-muted:#52677A;--login-primary:#5470C6;
  --login-primary-dark:#4259B5;--login-aqua:#2AA7B8;--login-line:rgba(84,112,198,.16);
  --login-gradient:linear-gradient(135deg,#5470C6 0%,#4259B5 100%)
}
*{box-sizing:border-box}
.login-page{min-height:100vh;min-height:100dvh;margin:0;display:flex;flex-direction:column;overflow-x:hidden;color:var(--login-ink);background:linear-gradient(128deg,#F4FBFC 0%,#F7F9FD 46%,#EDF4FF 100%);font-family:var(--font-sans);position:relative}
.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;padding:10px 14px;border-radius:8px;background:#fff;color:var(--login-primary-dark);box-shadow:var(--sh-lg);transition:top .18s}
.skip-link:focus{top:16px}
.login-orb{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.72}
.login-orb-left{width:520px;height:520px;left:-260px;top:-240px;background:radial-gradient(circle,rgba(99,220,200,.30),rgba(99,220,200,0) 70%)}
.login-orb-right{width:720px;height:720px;right:-240px;top:-170px;background:radial-gradient(circle,rgba(99,166,242,.30),rgba(99,166,242,0) 70%)}
.login-header{width:min(1440px,calc(100% - 80px));margin:0 auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.login-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.login-brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--login-gradient);box-shadow:0 10px 24px rgba(84,112,198,.24)}
.login-brand-mark svg{width:25px;height:25px}
.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:18px;letter-spacing:-.02em}.login-brand small{margin-top:1px;color:var(--login-muted);font-size:11px;letter-spacing:.04em}
.security-badge{height:42px;padding:0 16px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.86);border-radius:12px;background:rgba(255,255,255,.54);box-shadow:inset 0 0 0 1px rgba(84,112,198,.08);color:#405A70;font-size:12px;font-weight:600;backdrop-filter:blur(16px)}
.security-badge svg{width:17px;height:17px;color:var(--login-primary)}
.login-layout{width:min(1280px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.78fr);align-items:center;gap:88px;position:relative;z-index:1;padding:38px 0 60px}
.login-hero{max-width:680px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--login-primary-dark);font-size:11px;font-weight:700;letter-spacing:.14em}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#38B6A3;box-shadow:0 0 0 5px rgba(56,182,163,.12)}
.login-hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.12;letter-spacing:-.045em;margin:28px 0 22px;color:var(--login-ink);font-weight:700}.login-hero h1 em{font-style:normal;background:linear-gradient(90deg,#277F9A,#5470C6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:590px;color:var(--login-muted);font-size:16px;line-height:1.85;margin:0}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.value-grid article{min-height:126px;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.52);box-shadow:0 12px 34px rgba(36,75,110,.07);backdrop-filter:blur(14px)}
.value-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--login-primary);background:rgba(84,112,198,.1)}.value-icon svg{width:18px;height:18px}.value-grid strong,.value-grid small{display:block}.value-grid strong{margin-top:14px;font-size:13px}.value-grid small{margin-top:4px;color:#718294;font-size:11px;line-height:1.5}
.login-panel{height:580px;padding:1px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(146,190,239,.52));box-shadow:0 26px 64px rgba(42,80,116,.17),0 8px 22px rgba(84,112,198,.1);position:relative;overflow:hidden}.login-panel::before{content:"";position:absolute;inset:1px;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(226,241,251,.67));backdrop-filter:blur(24px)}
.panel-glow{position:absolute;width:300px;height:300px;right:-100px;top:-100px;border-radius:50%;background:rgba(80,201,214,.22);filter:blur(24px)}.panel-content{position:relative;z-index:1;padding:26px 40px}.welcome-label{color:#2B8797;font-size:11px;font-weight:800;letter-spacing:.16em}.panel-content h2{font-size:27px;margin:7px 0 5px;color:var(--login-ink);letter-spacing:-.03em}.panel-content>p{color:#718294;font-size:13px;margin:0 0 14px}
.auth-error{padding:10px 12px;margin:-14px 0 18px;border:1px solid #FECACA;border-radius:8px;background:#FEF2F2;color:#991B1B;font-size:12px;line-height:1.5}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(84,112,198,.14);border-radius:12px;background:rgba(84,112,198,.07)}.auth-tab{min-height:42px;border:0;border-radius:9px;background:transparent;color:#64778A;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.auth-tab:hover{color:var(--login-primary-dark)}.auth-tab.is-active{background:rgba(255,255,255,.92);color:var(--login-ink);box-shadow:0 3px 10px rgba(40,68,105,.1)}.auth-tab:focus-visible{outline:3px solid rgba(84,112,198,.24);outline-offset:2px}
.auth-panel{height:308px;padding-top:6px;text-align:center}.auth-panel[hidden]{display:none!important}.auth-panel[data-auth-panel="authorize"]{display:flex;flex-direction:column;justify-content:center;padding-top:0}.qr-container{width:260px;height:260px;margin:0 auto;border:1px solid rgba(84,112,198,.11);border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(35,62,97,.07);overflow:hidden;position:relative}.qr-container iframe{display:block!important;position:absolute!important;left:-80px!important;top:-80px!important;width:500px!important;height:500px!important;border:0!important;transform:scale(.84);transform-origin:top left}.qr-status{min-height:18px;margin:3px 0 0!important;color:#53687A!important;font-size:12px!important}.qr-status[data-state="error"]{color:#B42318!important}.qr-status[data-state="ready"]{color:#21796E!important}.qr-refresh{min-height:24px;margin-top:0;padding:0 12px;border:0;background:transparent;color:var(--login-primary-dark);font-size:11px;font-weight:600;cursor:pointer}.qr-refresh:hover{text-decoration:underline}.qr-refresh:focus-visible{outline:2px solid rgba(84,112,198,.28);outline-offset:2px;border-radius:5px}
.auth-summary{min-height:76px;padding:14px 16px;display:flex;align-items:center;gap:13px;border:1px solid rgba(84,112,198,.14);border-radius:14px;background:rgba(255,255,255,.62)}.auth-summary>span:nth-child(2){min-width:0;flex:1}.auth-summary strong,.auth-summary small{display:block}.auth-summary strong{font-size:14px}.auth-summary small{margin-top:4px;color:#718294;font-size:11px}.summary-arrow{width:18px;height:18px;color:#8DA0B2}
.feishu-mark{width:42px;height:42px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:11px;background:#fff;box-shadow:var(--sh-sm)}.feishu-mark i{display:block;border-radius:6px}.feishu-mark i:nth-child(1){background:#00B8F6}.feishu-mark i:nth-child(2){background:#16D6B0}.feishu-mark i:nth-child(3){background:#8A54F7}.feishu-mark i:nth-child(4){background:#F04A8A}
.login-button{min-height:50px;margin-top:18px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(54,75,164,.18);border-radius:12px;background:var(--login-gradient);box-shadow:0 10px 24px rgba(84,112,198,.28);color:#fff;text-decoration:none;text-shadow:0 1px 1px rgba(20,35,90,.16);font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-button svg{width:18px;height:18px}.login-button:hover{filter:brightness(1.08);box-shadow:0 13px 28px rgba(84,112,198,.34);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:focus-visible{outline:3px solid rgba(84,112,198,.28);outline-offset:3px}.login-button.is-disabled{pointer-events:none;background:#94A3B8;box-shadow:none}
.login-trust{margin-top:6px;padding-top:12px;border-top:1px solid rgba(84,112,198,.12);display:flex;align-items:flex-start;gap:9px;color:#7B8C9D;font-size:10px;line-height:1.65}.login-trust svg{width:15px;height:15px;flex:0 0 auto;color:#4D97A2;margin-top:1px}
.login-footer{width:min(1440px,calc(100% - 80px));margin:0 auto;padding:22px 0;display:flex;justify-content:space-between;color:#8292A1;font-size:10px;position:relative;z-index:1}
@media (max-width:980px){.login-layout{grid-template-columns:1fr;gap:42px;padding-top:20px}.login-hero{max-width:none}.value-grid{max-width:none}.login-page{overflow:auto}}
@media (max-width:620px){.login-header,.login-layout,.login-footer{width:calc(100% - 32px)}.login-header{padding:18px 0}.security-badge{display:none}.login-brand-mark{width:40px;height:40px;border-radius:12px}.login-layout{padding:28px 0 40px}.login-hero h1{font-size:38px;margin-top:22px}.hero-copy{font-size:15px}.value-grid{grid-template-columns:1fr;margin-top:30px}.value-grid article{min-height:0}.panel-content{padding:34px 24px}.login-panel{border-radius:22px}.login-panel::before{border-radius:21px}.login-footer{gap:10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}