/* Login-only treatment; the signed-in product retains its existing theme. */
body.auth-view{background:#f6f5f2;color:#17191c}body.auth-view>.product-demo-notice{display:none}
.ht-login{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;color:#17191c;background:#f5f5f3;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}
.ht-backdrop{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 40% 45%,#fff 0%,#eeede9 65%,#e7e7e6 100%)}
.ht-backdrop video{width:100%;height:100%;object-fit:cover;opacity:.8}.ht-login::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffff30,transparent 48%,#fafafaee)}
.ht-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 4.5vw;position:relative;z-index:2}
.ht-brand{display:flex;align-items:center;gap:10px}.ht-mark{display:grid;place-items:center;background:#18191d;color:white;width:40px;height:40px;border-radius:12px;font-size:23px;font-weight:700}
.ht-brand strong{display:block;font-size:20px;letter-spacing:-.5px}.ht-brand small{display:block;font:9px/1.5 Georgia,serif;letter-spacing:1.8px;margin-top:4px;color:#53565c}.ht-header-note{font-size:12px;color:#5a5c61;letter-spacing:1px}
.ht-motion{background:#ffffff8c;border:1px solid #30303825;border-radius:30px;padding:11px 16px;font-size:11px;color:#34373c;cursor:pointer}.ht-motion:hover{background:white}
.ht-intro{text-align:center;padding:20px 24px 26px;position:relative;z-index:1}.ht-intro>p{font:10px/1.6 Georgia,serif;letter-spacing:3px;color:#666a70;margin:0 0 16px}.ht-intro h1{font-size:clamp(28px,3.25vw,48px);font-weight:550;line-height:1.3;letter-spacing:-1.8px;margin:0 0 14px}.ht-intro h1 span{color:#6d7077}.ht-intro>div{font-size:13px;color:#5c6067;letter-spacing:2px}
.ht-hands{position:absolute;z-index:-2;pointer-events:none;top:43%;left:0;width:100%;aspect-ratio:3;user-select:none}.ht-hands img,.ht-hands canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ht-hands canvas{opacity:0}.ht-hands[data-ready=true] canvas{opacity:1}.ht-hands[data-ready=true] img{opacity:0}.ht-hands video{position:absolute;width:1px;height:1px;opacity:0}
.ht-access{display:flex;justify-content:center;padding:0 24px 30px;position:relative;z-index:1;flex:1;align-items:flex-start}.ht-login .ht-glass{width:410px;max-width:100%;padding:30px 32px 23px;border-radius:24px;border:1px solid #ffffffbd;background:rgba(255,255,255,.30);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);box-shadow:0 18px 65px #262b3410,inset 0 1px 0 #ffffffc9;margin:0}
.ht-login .login-heading{margin:0 0 23px}.ht-login .login-index{font:8px/1.5 Georgia,serif;letter-spacing:1.6px;color:#646970}.ht-login .login-heading h2{font-size:27px;line-height:1.4;letter-spacing:-.5px;margin:10px 0 8px;color:#191b20}.ht-login .login-heading p{font-size:12px;color:#5b6067;line-height:1.7;margin:0}
.ht-login .login-form{display:grid;gap:17px}.ht-login .login-field{margin:0}.ht-login .login-field label{font-size:12px;color:#30343b;font-weight:550}.ht-login .login-label-row{margin:0 0 8px}.ht-login .login-label-row span{font-size:10px;color:#676c75}.ht-login .login-control{height:48px;min-height:48px;background:#ffffff70;border:1px solid #3a404026;box-shadow:inset 0 1px 2px #30304003;border-radius:10px;margin-top:8px;display:flex;align-items:center;padding:0 12px;gap:10px;color:#767b83}.ht-login .login-label-row+.login-control{margin-top:0}
.ht-login .login-control:focus-within{border-color:#454a55;box-shadow:0 0 0 3px #53596b12;background:#ffffffb3}.ht-login .login-control>svg{width:17px;height:17px}.ht-login .login-control input{background:transparent!important;border:0!important;box-shadow:none!important;outline:none;width:100%;min-width:0;color:#191d24;font-size:13px;padding:0;height:44px}.ht-login input::placeholder{color:#777d86}.ht-login .password-toggle{color:#575e69;padding:7px;background:transparent}.ht-login .login-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 0;font-size:11px}.ht-login .check-option{font-size:11px;color:#4c535c;gap:6px}.ht-login input[type=checkbox]{accent-color:#30343d}.ht-login .text-button{font-size:11px;color:#3d4551}.ht-login .login-submit{display:flex;align-items:center;justify-content:space-between;background:#202228!important;color:#fff!important;border:1px solid #202228;border-radius:10px;min-height:48px;box-shadow:0 6px 15px #20222815;padding:0 17px;font-size:13px;letter-spacing:1px;margin-top:1px}.ht-login .login-submit:hover{background:#393d46!important;transform:translateY(-1px)}.ht-login .login-submit:disabled{opacity:.65;cursor:wait}.ht-login .login-submit svg{width:18px;height:18px}.ht-login .login-notice{font-size:10px;line-height:1.8;text-align:center;color:#636a74;margin:17px 0 0}.ht-login .login-error{color:#a52132;background:#fff2f2cc;border-radius:7px;padding:10px;font-size:12px;margin:0}.ht-login .login-error[hidden]{display:none}
.ht-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 4.5vw 30px}.ht-footer p{font-size:11px;color:#676c73;line-height:1.8;margin:0}.ht-footer strong{font-size:17px;font-weight:500;color:#282d34}.ht-footer>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.ht-footer>div span{border:1px solid #30354020;background:#ffffff70;border-radius:24px;padding:8px 12px;font-size:10px;color:#444b56}.ht-footer small{font-size:10px;color:#6a7078;white-space:nowrap}
.ht-login button:focus-visible,.ht-login a:focus-visible{outline:3px solid #465777;outline-offset:3px}
@media(min-width:1024px) and (min-height:930px){.ht-intro{padding-top:45px;padding-bottom:38px}.ht-access{align-items:center}.ht-hands{top:39%}}
@media(max-width:767px){.ht-header{padding:20px 22px;gap:10px}.ht-header-note{display:none}.ht-brand strong{font-size:16px}.ht-brand small{font-size:8px;letter-spacing:1px}.ht-mark{width:34px;height:34px;font-size:21px}.ht-motion{padding:9px 10px;font-size:10px}.ht-intro{padding:22px 18px 27px}.ht-intro>p{font-size:7px;letter-spacing:1.4px;margin-bottom:12px}.ht-intro h1{font-size:29px;letter-spacing:-1px;line-height:1.5}.ht-intro h1 span{display:block}.ht-intro>div{font-size:10px;letter-spacing:.6px}.ht-access{padding:0 20px 20px}.ht-login .ht-glass{padding:26px 24px 20px;background:rgba(255,255,255,.30);border-radius:22px}.ht-hands{top:206px;left:-40%;width:180%;opacity:.85}.ht-footer{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:12px 22px 24px}.ht-footer>p{display:none}.ht-footer>div span{padding:6px 10px;font-size:9px}.ht-footer>div{gap:6px}.ht-login .login-heading h2{font-size:25px}}
@media(max-width:360px){.ht-header{padding:18px 16px}.ht-access{padding-left:14px;padding-right:14px}.ht-login .ht-glass{padding:23px 19px}.ht-intro h1{font-size:26px}.ht-login .login-options{gap:4px}.ht-login .text-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ht-login *{animation:none!important;transition:none!important}}
@supports not (backdrop-filter:blur(1px)){.ht-login .ht-glass{background:rgba(255,255,255,.30)}}
