.login-motion-trial{--login-ink:#173f42;--login-accent:#07816f;--login-paper:#e1faed;--login-line:rgba(23,63,66,.17)}
body[data-theme="ocean"] .login-motion-trial{--login-ink:#173e67;--login-accent:#2563b8;--login-paper:#edf4fb}
body[data-theme="forest"] .login-motion-trial{--login-ink:#214a36;--login-accent:#287a50;--login-paper:#edf5ed}
body[data-theme="white"] .login-motion-trial{--login-ink:#262626;--login-accent:#383838;--login-paper:#fff}
body[data-theme="sunset"] .login-motion-trial{--login-ink:#633528;--login-accent:#b34f32;--login-paper:#fcf1ed}
body[data-theme="rose"] .login-motion-trial{--login-ink:#663448;--login-accent:#b4396b;--login-paper:#faf0f5}
body[data-theme="slate"] .login-motion-trial{--login-ink:#303e46;--login-accent:#506976;--login-paper:#eef2f3}
body .login-overlay.login-motion-trial{background:linear-gradient(105deg,var(--login-paper) 8%,#f6f9f8 62%,#fcfdfc 100%);color:var(--login-ink);grid-template-columns:minmax(0,1fr) 400px;gap:64px;padding:44px 6%;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;isolation:isolate;overflow-x:hidden;align-content:center}
body[data-theme="white"] .login-overlay.login-motion-trial{background:#fff}
body[data-theme="white"] .login-motion-trial .login-card{background:#fff;border-color:#e1e1e1}
.login-overlay.login-motion-trial::before{width:96%;height:100%;top:auto;bottom:-90px;background:url("hut-login-campus-muted.webp") left bottom/contain no-repeat;opacity:.5;animation:none;transition:none;mask-image:linear-gradient(to bottom,transparent 0%,transparent 32%,rgba(0,0,0,.22) 48%,#000 70%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 32%,rgba(0,0,0,.22) 48%,#000 70%)}
.login-motion-trial .login-visual{height:min(700px,calc(100svh - 88px));min-height:540px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:visible;background:transparent;border-radius:0;mix-blend-mode:multiply}
.login-motion-trial .login-campus-image{display:none}
.login-motion-brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:1.6;background:transparent}
.login-motion-brand img{width:46px;height:46px;object-fit:contain}
.login-motion-brand small{display:block;font-size:9px;font-weight:500;opacity:.66}
.login-motion-brand .login-brand-wordmark{width:220px;height:auto;display:block;mix-blend-mode:multiply;filter:contrast(1.12)}
.login-motion-brand .login-brand-seal{width:64px;height:64px;display:block;object-fit:contain;flex-shrink:0}
.login-motion-copy{position:relative;width:100%;padding:0 0 100px;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .65s ease-out}
.login-motion-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;margin:0 0 22px;font-size:16px;font-weight:400;line-height:1.8;color:var(--login-accent)}
.login-eyebrow-dot{margin:0 12px}
.login-motion-title{display:block;margin:0;color:var(--login-ink);font-family:"STZhongsong","Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:50px;line-height:1.5;font-weight:400;letter-spacing:0;white-space:nowrap}
.login-title-line{display:flex;align-items:baseline}
.login-title-line:last-child{color:var(--login-accent)}
.login-title-line:first-child span:nth-child(1){--x:-55px!important;--y:28px!important;--r:-12deg!important}
.login-title-line:first-child span:nth-child(2){--x:18px!important;--y:-44px!important;--r:10deg!important}
.login-title-line:first-child span:nth-child(3){--x:-22px!important;--y:48px!important;--r:-16deg!important}
.login-title-line:first-child span:nth-child(4){--x:38px!important;--y:-32px!important;--r:12deg!important}
.login-title-line:first-child span:nth-child(5){--x:25px!important;--y:42px!important;--r:-8deg!important}
.login-title-line:last-child span:nth-child(1){--x:55px!important;--y:-22px!important;--r:16deg!important}
.login-title-line:last-child span:nth-child(2){--x:-38px!important;--y:35px!important;--r:-10deg!important}
.login-title-line:last-child span:nth-child(3){--x:24px!important;--y:-46px!important;--r:13deg!important}
.login-title-line:last-child span:nth-child(4){--x:-32px!important;--y:42px!important;--r:-14deg!important}
.login-title-line:last-child span:nth-child(5){--x:42px!important;--y:-28px!important;--r:9deg!important}
.login-title-line:last-child span:nth-child(6){--x:55px!important;--y:30px!important;--r:-12deg!important}
.login-motion-title span{display:inline-block;animation:login-gather 3.05s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*130ms);transform-origin:50% 75%;will-change:transform,opacity}
.login-motion-title span:nth-child(3n+2){animation-duration:2.85s}
.login-motion-title span:nth-child(3n){animation-duration:3.25s}
.login-motion-subtitle{font-size:20px;font-weight:500;line-height:1.6;margin:14px 0 0;animation:login-copy-in 2s 1.1s both}
.login-motion-rule{width:92px;height:3px;margin-top:30px;background:var(--login-accent);transform-origin:left;animation:login-line-in 2s 1.4s both}
.login-motion-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;width:100%;margin-bottom:26px;font-size:12px;color:var(--login-ink);opacity:.75;line-height:1.7}
body .login-motion-trial .login-card{justify-self:center;width:100%;max-width:400px;padding:36px 32px;border-radius:24px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.76);color:var(--login-ink);box-shadow:0 16px 60px rgba(30,65,64,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body .login-motion-trial .login-card .login-card-icon-img{width:58px!important;margin-bottom:14px}
body .login-motion-trial .login-card h2{color:var(--login-ink);font-family:"STXingkai","华文行楷","Xingkai SC","KaiTi",cursive;font-size:28px;font-weight:400;margin-bottom:24px;line-height:1.4}
body .login-motion-trial .login-card .login-tabs{border-bottom-color:var(--login-line);margin-bottom:22px}
body .login-motion-trial .login-card .login-tab{color:#778584;padding:12px 6px;font-size:14px}
body .login-motion-trial .login-card .login-tab.active,body .login-motion-trial .login-card .login-tab:hover{color:var(--login-accent)}
body .login-motion-trial .login-card .login-tab::after{background:var(--login-accent)}
body .login-motion-trial .login-card .login-card-desc,body .login-motion-trial .login-card .login-card-desc small{color:#687c7a}
body .login-motion-trial .login-card .login-card-input{background:rgba(255,255,255,.7);border-color:var(--login-line);color:var(--login-ink);border-radius:12px;text-align:center;font-size:14px;min-height:46px;padding:12px 14px}
body .login-motion-trial .login-card .login-card-input::placeholder{color:#8d9b99}
body .login-motion-trial .login-card .login-card-input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-accent) 12%,transparent)}
body .login-motion-trial .login-card .code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body .login-motion-trial .login-card .code-btn{border:1px solid var(--login-line);background:transparent;color:var(--login-accent);border-radius:6px;font-size:12px;padding:10px;min-height:46px}
body .login-motion-trial .login-card .btn.primary{background:var(--login-accent);color:#fff;border:0;border-radius:6px;min-height:46px;margin-top:5px;font-size:14px}
body .login-motion-trial .login-card .btn.primary:hover{filter:brightness(.94)}
body .login-motion-trial .login-card .error{color:#ba3d3d}
body .login-motion-trial .login-card .login-hint{color:#7c8f8a;margin-top:24px;font-size:11px;letter-spacing:1px}
body .login-motion-trial .login-card .login-tab{white-space:nowrap;font-size:13px}
.login-motion-trial .login-card .login-panel{min-height:220px}
body .login-motion-trial .login-card #loginPanelScan .login-card-desc{margin-bottom:12px}
.login-qr-placeholder{position:relative;width:144px;height:144px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--login-paper) 60%,#fff);border-radius:8px;color:var(--login-ink)}
.login-qr-platform-icon{width:38px;height:38px;object-fit:contain;border-radius:50%;margin-bottom:2px;opacity:.85}
.login-qr-placeholder strong{font-size:14px;font-weight:500}
.login-qr-placeholder>span:not(.login-qr-corner){font-size:10px;color:#708781}
.login-qr-corner{position:absolute;width:22px;height:22px;border:solid var(--login-accent);opacity:.65}
.login-qr-corner.top-left{left:0;top:0;border-width:2px 0 0 2px;border-radius:6px 0 0 0}
.login-qr-corner.top-right{right:0;top:0;border-width:2px 2px 0 0;border-radius:0 6px 0 0}
.login-qr-corner.bottom-left{left:0;bottom:0;border-width:0 0 2px 2px;border-radius:0 0 0 6px}
.login-qr-corner.bottom-right{right:0;bottom:0;border-width:0 2px 2px 0;border-radius:0 0 6px 0}
.login-qr-binding-note{margin:10px 0 0;color:#687c7a;font-size:11px;line-height:1.6}
.login-qq-entry{min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.login-qq-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:230px;max-width:100%;min-height:50px;padding:10px 20px;border:1px solid #bad4df;background:linear-gradient(180deg,#fff,#f3f9fc);border-radius:14px;color:#22556e;text-decoration:none;font-size:16px;font-weight:600;box-shadow:0 4px 12px #285a7410;transition:background .18s,border-color .18s,box-shadow .18s}
.login-qq-button img{display:block;flex:0 0 16px;width:16px;height:16px}
.login-qq-button:hover{border-color:#72abc5;background:#edf7fc;box-shadow:0 5px 16px #285a741c}
.login-qq-arrow{font-size:24px;line-height:1;color:#779dab;margin-left:6px;font-weight:400}
.login-qq-button:disabled{opacity:1;cursor:not-allowed}
.login-qq-button:focus-visible{outline:2px solid var(--login-accent);outline-offset:5px}
body .login-motion-trial .login-card .login-hint a{color:inherit;text-decoration:none}
body .login-motion-trial .login-card .login-hint a:hover{text-decoration:underline}
.login-qq-status{margin:0;color:#687c7a;font-size:12px;line-height:1.6}
.login-qq-status.login-qq-pending{display:flex;flex-direction:column;align-items:center;gap:5px}
.login-qq-pending strong{padding:4px 12px;border:1px solid #f0cd83;border-radius:6px;background:#fff5dc;color:#925b0d;font-size:14px;font-weight:700;line-height:1.6}
.login-qq-pending span{font-size:12px;color:#687c7a}
@keyframes login-gather{0%{opacity:0;filter:blur(4px);transform:translate3d(var(--x),var(--y),0) rotate(var(--r)) scale(.85)}35%{filter:blur(0)}72%{opacity:1;transform:translate3d(calc(var(--x)*-.035),calc(var(--y)*-.035),0) rotate(calc(var(--r)*-.05)) scale(1.012);animation-timing-function:ease-out}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotate(0deg) scale(1)}}
@keyframes login-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes login-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:901px) and (max-width:1180px){body .login-overlay.login-motion-trial{grid-template-columns:minmax(0,1fr) 350px;gap:30px;padding:32px 4%}.login-motion-title{font-size:44px}.login-motion-trial .login-visual{min-height:510px}}
@media(max-width:900px){body .login-overlay.login-motion-trial{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px 24px;align-content:start}.login-overlay.login-motion-trial::before{display:block;width:100%;height:55%;top:0;bottom:auto;opacity:.24}.login-motion-trial .login-visual{height:auto;min-height:0;gap:32px;max-width:480px;justify-self:center}.login-motion-copy{padding:0;transform:none}.login-motion-title{font-size:44px}.login-motion-eyebrow{margin-bottom:12px;font-size:12px}.login-motion-subtitle{font-size:17px;margin-top:8px}.login-motion-rule{margin-top:16px;width:60px;height:2px}.login-motion-footer{display:none}body .login-motion-trial .login-card{max-width:480px;padding:28px 26px}.login-motion-brand{font-size:14px}.login-motion-brand img{width:36px;height:36px}}
@media(max-width:420px){body .login-overlay.login-motion-trial{padding:20px 18px;gap:22px}.login-motion-title{font-size:38px}.login-motion-trial .login-visual{gap:24px}.login-motion-brand small{font-size:8px}.login-motion-subtitle{font-size:15px}body .login-motion-trial .login-card{padding:24px 20px}body .login-motion-trial .login-card .login-card-icon-img{width:46px!important;margin-bottom:8px}body .login-motion-trial .login-card h2{font-size:22px;margin-bottom:16px}}
@media(max-width:900px){.login-motion-brand .login-brand-wordmark{width:190px;height:auto}.login-motion-brand .login-brand-seal{width:52px;height:52px}}
@media(max-width:420px){.login-motion-brand{gap:10px}.login-motion-brand .login-brand-wordmark{width:180px;height:auto}}
@media(max-width:900px){.login-motion-eyebrow{font-size:14px}.login-eyebrow-dot{margin:0 9px}}
@media(prefers-reduced-motion:reduce){.login-motion-trial *, .login-motion-trial *::after{animation:none!important;transition:none!important;will-change:auto!important}.login-motion-copy{transform:none!important}}

.login-motion-brand .login-brand-seal{border-radius:50%;width:72px;height:72px;clip-path:circle(50%)}
.login-motion-trial .login-card .login-card-icon-img{border-radius:50%;clip-path:circle(50%);aspect-ratio:1;object-fit:cover}