:root{color-scheme:light;--ink:#20201f;--muted:#858581;--line:#e9e9e5;--surface:#fff;--contrast:#20201f;--danger:#bb3c43}
*{box-sizing:border-box}html,body{min-height:100%;background:#fff}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.login-page{min-height:100svh;max-width:1600px;margin:auto;padding:0 5.6%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.login-header{height:112px;flex:none;display:flex;align-items:center;border-bottom:1px solid var(--line)}.login-brand{display:inline-flex;align-items:center}.login-brand>svg{width:75px;height:auto;stroke:none}
.composition{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 388px;column-gap:5.3%;align-items:center;min-height:0;padding:40px 0 70px}.showcase{position:relative;min-width:0;background:#fff;padding-bottom:12px}.access-column{position:relative;min-width:0;align-self:center;width:100%;padding:22px 0 24px 60px;border-left:1px solid var(--line)}.poster-heading{margin:0 0 37px}.poster-english{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.2;letter-spacing:1px;font-weight:400;margin:0 0 14px}.poster-english>span{display:inline}.poster-baseline h1{font-size:25px;font-weight:500;line-height:1.6;letter-spacing:1.2px;margin:0 0 8px;white-space:nowrap}.poster-baseline p{color:var(--muted);font-size:9px;line-height:1.6;letter-spacing:2.5px;margin:0}
.poster-deck{height:528px;width:100%;position:relative;isolation:isolate;background:#fff}.poster-deck.mu-deck{overflow:hidden;outline-color:var(--ink)}.poster-deck img{object-fit:contain;background:transparent}.deck-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.deck-fallback>svg{width:72px;height:auto;stroke:none}.deck-tools{position:relative;display:flex;align-items:center;justify-content:center;height:45px;margin-top:11px}.deck-navigation{display:flex;align-items:center;gap:15px}.deck-navigation button{display:grid;place-items:center;width:36px;height:36px;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:50%;transition:border-color .18s,transform .18s}.deck-navigation button:hover{border-color:var(--ink);transform:translateY(-1px)}.deck-navigation svg{width:17px;height:17px}#skipIntro{position:absolute;right:8px;top:0;bottom:0;padding:0 3px;background:transparent;border:0;color:var(--muted);font-size:10px;transition:opacity .25s}#skipIntro[hidden]{display:block;visibility:hidden;pointer-events:none;opacity:0}
.panel-wrap{width:100%;min-width:0;opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.login-panel{width:100%;background:#fff}.login-panel label{display:block;font-size:12px;letter-spacing:.7px;margin:0 0 10px}.login-panel label[for="password"]{margin-top:24px}.login-panel input{display:block;width:100%;height:49px;padding:13px 15px;background:#fff;color:var(--ink);border:1px solid #deded9;border-radius:5px;font-size:14px;transition:border-color .18s}.login-panel input::placeholder{color:#a4a49e;font-size:12px}.login-panel input:focus{outline:none;border-color:var(--ink)}.login-error{color:var(--danger);font-size:12px;line-height:1.7;min-height:22px;margin:12px 0 0}.login-error:empty{min-height:22px;margin:8px 0 0}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;padding:13px 17px;background:var(--contrast);color:#fff;border:1px solid var(--contrast);border-radius:5px;font-size:13px;letter-spacing:2px;margin-top:5px;transition:background .18s}.login-submit:hover{background:#3c3c39}.login-submit svg{width:19px;height:19px}
.motion-pending:not(.js-ready) .panel-wrap,.js-intro .panel-wrap{visibility:hidden;opacity:0;transform:translateY(12px);pointer-events:none}.js-ready .panel-wrap{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.js-intro:not(.is-playing) .deck-fallback{visibility:hidden}
.deck-frame{position:relative;min-width:0}.deck-loading{position:absolute;inset:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.deck-loading[hidden]{display:none}.loading-logo{width:64px;height:auto;stroke:none;margin-bottom:6px}.loading-spinner{width:18px;height:18px;display:block;border:1px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:loading-turn .8s linear infinite}.loading-spinner[hidden]{display:none}.loading-progress{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.loading-actions{display:flex;align-items:center;gap:19px}.loading-actions button{background:#fff;color:var(--muted);border:0;padding:7px 3px;font-size:10px}.loading-actions button:hover{color:var(--ink)}.loading-actions button[hidden]{display:none}@keyframes loading-turn{to{transform:rotate(360deg)}}
@media(min-width:1600px){.composition{grid-template-columns:minmax(0,1fr) 414px;column-gap:6%}.access-column{padding-left:68px}.poster-deck{height:570px}.poster-english{font-size:25px}.poster-baseline h1{font-size:27px}}
@media(max-height:850px) and (min-width:1101px){.login-header{height:90px}.composition{padding:26px 0 42px}.poster-deck{height:470px}.access-column{padding-top:15px;padding-bottom:17px}.poster-heading{margin-bottom:32px}}
@media(max-width:1100px){.login-page{padding:0 4.5%}.login-header{height:90px}.composition{grid-template-columns:minmax(0,1fr) 332px;column-gap:3.5%;padding:32px 0 44px}.access-column{padding-left:34px}.poster-english{font-size:21px;letter-spacing:.6px}.poster-baseline h1{font-size:23px;letter-spacing:.6px}.poster-deck{height:460px}.login-brand>svg{width:65px}}
@media(max-width:840px){.login-page{padding:0 34px}.login-header{height:78px}.login-brand>svg{width:58px}.composition{display:flex;flex-direction:column;justify-content:flex-start;gap:18px;padding:19px 0 40px;min-height:0}.showcase{width:100%;max-width:650px;padding-bottom:0;align-self:center}.poster-deck{height:315px}.deck-tools{height:34px;margin-top:1px}.deck-navigation{gap:12px}.deck-navigation button{width:30px;height:30px}.access-column{max-width:375px;padding:24px 14px 0;border-left:0;border-top:1px solid var(--line)}.poster-heading{margin-bottom:27px}.poster-english{font-size:23px;margin-bottom:10px}.poster-baseline h1{font-size:24px}.poster-baseline p{font-size:8px;letter-spacing:2px}.login-panel label[for="password"]{margin-top:20px}}
@media(max-width:500px){.login-page{padding:0 22px}.login-header{height:66px}.login-brand>svg{width:50px}.composition{gap:13px;padding-top:12px;padding-bottom:28px}.poster-deck{height:230px}.deck-tools{height:31px;margin-top:0}.deck-navigation button{width:28px;height:28px}.deck-navigation svg{width:14px;height:14px}#skipIntro{font-size:9px;right:0}.access-column{max-width:340px;padding:20px 8px 0}.poster-heading{margin-bottom:24px}.poster-english{font-size:22px;letter-spacing:.7px;margin-bottom:10px}.poster-baseline h1{font-size:23px;letter-spacing:.9px;margin-bottom:5px}.poster-baseline p{font-size:8px;letter-spacing:2px}.login-panel input{height:45px;padding:12px 13px}.login-panel label{margin-bottom:9px}.login-panel label[for="password"]{margin-top:18px}.login-submit{height:45px}.login-error{font-size:11px;min-height:16px}.login-error:empty{min-height:16px;margin-top:7px}.loading-logo{width:54px}.deck-loading{gap:11px}}
@media(max-width:360px){.login-page{padding:0 17px}.poster-deck{height:205px}.access-column{padding-top:18px}.poster-english{font-size:20px}.poster-baseline h1{font-size:21px}.poster-heading{margin-bottom:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
