*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#123f50;background:#f5f7f7 url('./background.jpg') center/cover no-repeat;display:flex;flex-direction:column}header{padding:32px 4.7vw 0;display:flex;align-items:center;justify-content:space-between;gap:24px}header img{width:160px;height:auto}nav{display:flex;gap:28px;font-size:13px;letter-spacing:.12em;color:#617884}nav span+span{border-left:1px solid #a0aeb5;padding-left:28px}main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(370px,448px);align-items:center;gap:6vw;flex:1;width:100%;max-width:1720px;margin:auto;padding:40px 4.7vw 36px 6.5vw}.welcome{align-self:start;padding-top:48px;min-width:0}h1{font-size:clamp(32px,3.65vw,64px);line-height:1.3;letter-spacing:-.035em;margin:0}.subtitle{font-size:clamp(22px,2.05vw,36px);line-height:1.5;margin:16px 0 28px}.intro{font-size:18px;line-height:1.85;letter-spacing:.04em;color:#8297a9}.motto{font-size:11px;line-height:1.8;letter-spacing:.24em;color:#8297a9;margin-top:46px}.motto:before{content:'';display:block;width:34px;height:2px;background:#00b77a;margin-bottom:22px}.login-card{width:100%;background:#fffffff2;border:1px solid #ffffffd9;border-radius:12px;padding:24px 24px 20px;box-shadow:0 20px 70px -24px #123f5047;text-align:center}.panel-wrap{position:relative;width:320px;height:380px;margin:0 auto}#login-panel{width:320px;height:380px}#login-panel iframe{border:0;display:block}#login-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#8297a9;font-size:14px}#login-loading[hidden]{display:none}.spinner{width:18px;height:18px;border:2px solid #def4e9;border-top-color:#00b77a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#login-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;font-size:15px;line-height:1.7;color:#617884;margin:0;}#login-status[hidden]{display:none}#login-status[data-error=true]{color:#b44040}button{font:inherit;cursor:pointer;border:1px solid #cfdfd8;border-radius:8px;background:#f4faf7;color:#137259;padding:8px 22px;font-size:13px;margin-top:16px}button:disabled{cursor:default;opacity:.5}.help{border-top:1px solid #e7edf2;margin-top:24px;padding-top:18px;font-size:12px;color:#8297a9}footer{padding:0 4.7vw 24px;text-align:right;color:#8297a9;font-size:10px;letter-spacing:.28em}button:focus-visible,a:focus-visible{outline:2px solid #00b77a;outline-offset:4px}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) 370px;gap:24px;padding:32px}.welcome{padding-top:32px}header{padding:24px 32px 0}nav{gap:14px}nav span+span{padding-left:14px}.intro{font-size:15px}}@media(max-width:740px){header{padding:20px 24px 0}header img{width:132px}nav{display:none}main{grid-template-columns:minmax(0,1fr);padding:24px 16px;gap:24px}.welcome{padding:0 8px}.intro,.motto{display:none}h1{font-size:28px}.subtitle{font-size:18px;margin:10px 0 0}.login-card{max-width:448px;justify-self:center;padding:20px 12px}footer{text-align:center;padding:0 16px 20px;font-size:8px}}@media(max-width:360px){.panel-wrap{margin-left:50%;transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}