:root{color-scheme:dark;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ivan-navy-950: #031327;--ivan-navy-900: #071b33;--ivan-navy-850: #0a2342;--ivan-navy-800: #0e2c50;--ivan-gold-500: #e6b13f;--ivan-gold-300: #f1ce6a;--ivan-text: #f7f8fa;--ivan-text-soft: #d6dce5;--ivan-muted: #aab4c3;--ivan-muted-deep: #7f8da1;--ivan-line: rgba(169, 187, 207, .24);--ivan-line-strong: rgba(230, 177, 63, .5);--ivan-panel: rgba(6, 22, 43, .88);--ivan-panel-soft: rgba(10, 35, 66, .78);--ivan-danger: #f0646f;--ivan-warning: #f1ce6a;--ivan-info: #69a7ed;--ivan-success: #70d3a5;--ivan-radius-sm: 10px;--ivan-radius-md: 16px;--ivan-radius-lg: 24px;--ivan-shadow: 0 24px 70px rgba(0, 0, 0, .36)}button,input,select,textarea{font:inherit}:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(241,206,106,.82);outline-offset:3px}:root{font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f7f8fa;background:#031327;font-synthesis:none;text-rendering:optimizeLegibility;--navy: var(--ivan-navy-950);--navy-soft: var(--ivan-navy-900);--gold: var(--ivan-gold-500);--gold-soft: var(--ivan-gold-300);--muted: var(--ivan-muted);--line: var(--ivan-line)}*{box-sizing:border-box}html{min-width:320px;background:var(--navy)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{border:0;font:inherit}button:focus-visible{outline:3px solid rgba(241,206,106,.78);outline-offset:4px}.login-shell{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--navy)}.facility-background{position:absolute;z-index:-4;inset:0 auto 0 0;width:67%;height:100%;object-fit:cover;object-position:42% center;filter:saturate(.34) contrast(1.08) brightness(.29);opacity:.68}.facility-shade{position:absolute;z-index:-3;top:0;right:31%;bottom:0;left:0;background:#021224c2}.mecha-visual{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:53.5%;overflow:hidden;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);background:#091a2c url(/assets/login-gundam-hero.jpg) 51% 44% / cover no-repeat}.mecha-visual:before{content:"";position:absolute;z-index:2;top:-4%;bottom:-4%;left:11.4%;width:1px;background:#e6b13fcc;transform:rotate(8.7deg);transform-origin:center}.mecha-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--mecha-position-desktop, 51% 44%);image-rendering:auto;filter:var(--mecha-filter, saturate(.91) contrast(1.02) brightness(.89))}.login-content{position:relative;z-index:2;width:64%;min-height:100svh;padding:clamp(54px,5.6vh,82px) clamp(46px,4.7vw,92px) clamp(48px,5vh,72px);display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:22px;margin-left:-28px}.brand-lockup>img{width:clamp(80px,6vw,116px);height:clamp(80px,6vw,116px);object-fit:contain;filter:invert(1)}.brand-copy{display:grid;gap:5px}.brand-copy strong{color:#f8fafc;font-size:clamp(25px,2.05vw,40px);line-height:1.1;letter-spacing:.05em}.brand-copy span{color:#dfe4ea;font-size:clamp(14px,1.2vw,23px);font-weight:700;letter-spacing:.025em}.identity-intro{width:min(100%,940px);margin-top:clamp(82px,10vh,148px)}.eyebrow{margin:0;color:var(--gold);font-size:clamp(14px,1.08vw,21px);font-weight:800;letter-spacing:.14em}.identity-intro h1{margin:clamp(24px,2.4vh,36px) 0 0;color:#f7f8fa;max-width:980px;font-size:clamp(48px,3.85vw,74px);line-height:1.16;font-weight:900;letter-spacing:.01em;text-wrap:balance;text-shadow:0 7px 28px rgba(0,0,0,.24)}.title-rule{display:block;width:clamp(62px,4.7vw,90px);height:4px;margin-top:clamp(24px,2.1vh,32px);background:var(--gold)}.service-line{margin:clamp(24px,2vh,32px) 0 0;color:#aeb8c8;font-size:clamp(20px,1.45vw,28px);line-height:1.5;letter-spacing:.05em}.security-line{margin-top:clamp(38px,3.9vh,58px);display:flex;align-items:center;gap:12px;color:#c3cbd6;font-size:clamp(18px,1.45vw,28px)}.security-line svg{width:clamp(31px,2.2vw,43px);height:clamp(31px,2.2vw,43px);margin-right:4px;color:var(--gold)}.intro-copy{margin:clamp(18px,1.6vh,24px) 0 0;max-width:900px;color:#9da9ba;font-size:clamp(16px,1.08vw,21px);line-height:1.78;letter-spacing:.025em}.dingtalk-login{width:min(100%,760px);min-height:clamp(92px,8.8vh,126px);margin-top:clamp(34px,3.4vh,49px);padding:0 clamp(27px,3vw,58px);display:grid;grid-template-columns:clamp(58px,3.8vw,72px) 1fr 34px;align-items:center;gap:clamp(16px,2vw,38px);border:1px solid #f9df91;border-radius:10px;color:#08182d;background:#f1ce6a;box-shadow:0 18px 42px #be87202e;font-size:clamp(25px,2.05vw,40px);font-weight:900;letter-spacing:.08em;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.dingtalk-login:hover:not(:disabled){transform:translateY(-2px);background:#f5d77e;box-shadow:0 22px 50px #be872040}.dingtalk-login:disabled{cursor:wait}.dingtalk-login>svg:first-child,.ae-account-symbol{width:clamp(58px,3.8vw,72px);height:clamp(58px,3.8vw,72px)}.dingtalk-login>svg:first-child{color:#1597f4}.ae-account-symbol{display:grid;place-items:center}.ae-account-symbol img{width:100%;height:100%;display:block;object-fit:contain}.dingtalk-login.is-success{background:#81d7a6;border-color:#94e5b6}.dingtalk-login.is-success>svg:first-child{color:#0f7050}.dingtalk-login .button-arrow{width:clamp(25px,2vw,38px);height:clamp(25px,2vw,38px);justify-self:end;color:currentColor}.support-links{margin-top:clamp(30px,3.4vh,49px);display:flex;align-items:center;gap:clamp(18px,2vw,36px)}.support-links button{display:inline-flex;align-items:center;gap:12px;color:#9ca7b7;background:transparent;font-size:clamp(15px,1.25vw,24px);cursor:pointer}.support-links button:hover{color:#f3f6fa}.support-links button svg{width:clamp(23px,2vw,38px);height:clamp(23px,2vw,38px)}.support-links i{width:1px;height:35px;background:var(--line)}.brand-footer{margin-top:auto;color:#8390a2;font-size:clamp(12px,1vw,19px);line-height:1.6;letter-spacing:.025em}.brand-footer p{margin:0}.ivan-signature{margin-bottom:clamp(20px,2.3vh,34px);color:#9da9b8}.ivan-signature p:first-child{color:#bec7d2;font-size:1.05em}.ivan-signature strong{color:var(--gold-soft);letter-spacing:.1em}.ivan-signature blockquote{margin:7px 0 0;color:#c8ced7;font-size:1.06em;font-weight:700}.toast{position:fixed;z-index:20;left:32%;bottom:28px;transform:translate(-50%);max-width:min(560px,calc(100vw - 40px));padding:14px 20px;display:flex;align-items:center;gap:10px;border:1px solid rgba(92,211,143,.42);border-radius:8px;color:#dcfce7;background:#0b372b;box-shadow:0 18px 50px #00000052;font-size:14px}.toast svg{color:#5cd38f;flex:0 0 auto}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#010812cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-modal{position:relative;width:min(540px,100%);padding:42px;border:1px solid rgba(163,190,219,.28);border-radius:10px;background:#091f39;box-shadow:0 30px 90px #00000073}.info-modal h2{margin:18px 0 16px;font-size:30px}.info-modal>p:not(.eyebrow){color:#b1bdcb;font-size:15px;line-height:1.85}.info-modal>button:not(.modal-close){margin-top:12px;padding:12px 22px;border-radius:6px;color:#081a2e;background:var(--gold);font-weight:800;cursor:pointer}.modal-close{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#aab6c4;background:#ffffff0f;cursor:pointer}.spin{animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1180px){.login-content{width:70%}.mecha-visual{left:57%}.identity-intro h1{white-space:normal}}@media(max-width:820px){.login-shell{overflow:visible}.facility-background,.facility-shade{width:100%;inset-right:0}.mecha-visual{inset:0 0 auto;height:390px;clip-path:none;opacity:.4}.mecha-visual:before{display:none}.mecha-visual img{object-position:var(--mecha-position-mobile, 50% 26%)}.login-content{width:100%;padding:24px 22px 38px}.brand-lockup{gap:13px;margin-left:0}.brand-lockup>img{width:62px;height:62px}.brand-copy strong{font-size:23px}.brand-copy span{font-size:12px}.identity-intro{margin-top:215px}.identity-intro h1{font-size:clamp(38px,10.5vw,56px)}.service-line{font-size:19px}.security-line{margin-top:40px}.intro-copy{font-size:16px}.dingtalk-login{min-height:82px;grid-template-columns:48px 1fr 24px;gap:12px;padding:0 17px;font-size:18px}.dingtalk-login>svg:first-child{width:48px;height:48px}.ae-account-symbol{width:48px;height:48px}.support-links{flex-wrap:wrap;gap:16px}.support-links i{height:28px}.brand-footer{margin-top:80px;font-size:12px}.toast{left:50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
