:root{color-scheme:light;--blue:#075cff;--ink:#17283e;--muted:#8795a9;--line:#e5ebf3}*{box-sizing:border-box}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #8fb5ff;outline-offset:4px}input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #075cff0c}[hidden]{display:none!important}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,36.5%) 1fr}.brand-panel{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(155deg,#1464ff 0%,#0752f4 100%);color:white;padding:36px 10% 28px}.brand-wordmark{position:relative;z-index:2;color:white;display:flex;gap:13px;align-items:center;width:max-content;font-size:22px;font-weight:650;line-height:1.25;letter-spacing:.5px}.brand-wordmark:hover{text-decoration:none}.wordmark-sub{display:block;font-size:11px;letter-spacing:2px;opacity:.8;margin-top:5px}.brand-symbol{font-size:32px;font-weight:850;font-style:italic;letter-spacing:-4px;width:42px;height:42px;display:grid;place-items:center;position:relative}.brand-symbol>span{position:absolute;color:#28f4d0;right:0;top:-8px;font-size:43px}.brand-message{position:relative;z-index:2;margin:60px 0 0 6%;white-space:nowrap}.brand-message h1{font-size:clamp(24px,2.15vw,42px);font-weight:350;line-height:1.8;letter-spacing:1px;margin:0;color:#e1edff}.brand-message p{font-size:13px;opacity:.65;letter-spacing:1px;margin:17px 0 0}.brand-art{position:absolute;width:108%;height:67%;object-fit:contain;left:-4%;bottom:30px;pointer-events:none}.brand-caption{position:absolute;bottom:32px;left:16%;font-size:12px;letter-spacing:2px;color:#cfe1ff;display:flex;gap:10px;align-items:center}.live-dot{height:6px;width:6px;display:inline-block;background:#38f7ce;border-radius:50%}.auth-main{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 50px 110px}.language{position:absolute;right:42px;top:36px;display:flex;align-items:center;gap:7px;background:#f4f7fb;padding:8px 14px;border-radius:4px;font-size:13px;color:#44536b}.language svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.auth-card{width:400px;max-width:100%;margin-top:0}.auth-tabs{display:flex;align-items:center;justify-content:center;gap:36px;margin:0 0 40px}.auth-tabs a{position:relative;font-size:19px;color:#8190a4;padding:0 0 12px}.auth-tabs a.active{color:#12243d;font-weight:600}.auth-tabs a.active:after{content:"";position:absolute;background:var(--blue);height:3px;border-radius:3px;bottom:0;left:0;right:0}.auth-tabs a:hover{text-decoration:none;color:var(--blue)}.form-field{margin:0 0 20px}.form-field label{display:block;font-size:12px;margin-bottom:7px;color:#64738b}.form-field label span{color:#a0a9b7;font-size:11px;margin-left:5px}.form-field input{height:50px;width:100%;padding:12px 15px;border:1px solid #d4deec;border-radius:4px;color:#243b59;background:#f7f9fd;transition:.15s}.form-field input::placeholder{color:#a4afbf;font-size:13px}.form-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #edf3ff inset}.form-field small{display:block;font-size:11px;color:#8a98ac;margin-top:6px}.password-wrap{position:relative}.password-wrap input{padding-right:47px}.eye{position:absolute;right:6px;top:5px;height:40px;width:37px;display:grid;place-items:center;border:0;background:transparent;color:#98a8be}.eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.eye[aria-pressed=true]{color:var(--blue)}.forgot-row{text-align:right;margin-top:-10px;font-size:12px}.form-error{min-height:22px;color:#c84949;margin:12px 0 8px;font-size:12px;line-height:1.7}.submit-button{width:100%;height:50px;border:0;border-radius:4px;background:var(--blue);color:#fff;box-shadow:0 5px 12px #075cff20;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:2px;transition:background .15s}.submit-button:hover{background:#004ce1;text-decoration:none}.switch-link{text-align:center;font-size:12px;color:#9aa5b6;margin-top:17px}.switch-link a{margin-left:7px}.data-note{display:flex;align-items:center;gap:14px;margin:34px 16px 0}.data-note p{font-size:11px;color:#9ba8b9;white-space:nowrap;margin:0}.data-note span{height:1px;background:#e6edf5;flex:1}.privacy-link{text-align:center;font-size:11px;margin:12px 0 0}.privacy-link a{color:#9aabc3}.auth-footer{position:absolute;bottom:30px;left:24px;right:24px;text-align:center;color:#9aabc3;font-size:11px;line-height:1.9}.auth-footer p{margin:3px 0}.auth-page.mode-register .auth-main,.auth-page.mode-recover .auth-main{padding-top:105px;padding-bottom:110px}.mode-register .auth-tabs{margin-bottom:25px}.mode-register .form-field,.mode-recover .form-field{margin-bottom:13px}.mode-register .data-note,.mode-recover .data-note{margin-top:23px}.mode-register .brand-art{height:60%}.intro{font-size:13px;color:var(--muted);margin:0 0 26px}h2{font-size:22px;font-weight:600;margin:0 0 9px}.recovery-result{text-align:center}.success-mark{background:#eafaf4;color:#1caa79;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:27px;margin:0 auto 22px}.recovery-result>p{color:#8190a4;font-size:13px}.recovery-result code{display:block;overflow-wrap:anywhere;padding:18px;background:#f3f7ff;border:1px dashed #bcd2fb;border-radius:8px;margin:22px 0 15px;font-size:14px;user-select:all}.secondary-button{background:white;border:1px solid #d6e1f2;padding:9px 19px;color:var(--blue);border-radius:5px}.recovery-result .recovery-help{font-size:11px;margin:18px 0 25px}.save-confirm{display:flex;justify-content:center;align-items:center;gap:8px;margin:16px 0;font-size:12px}.disabled{opacity:.45;cursor:not-allowed}.document-page{background:#f5f7fb;min-height:100vh}.document-header{background:white;border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1000px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.document-header strong{font-size:17px}.document-content{max-width:850px;margin:36px auto;padding:32px;background:white;border:1px solid var(--line);border-radius:12px}.document-content h1{font-size:25px;margin-top:0}.document-content h2{font-size:17px;margin-top:28px}.document-content p,.document-content li{color:#607088}.account-grid{max-width:1000px;margin:32px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:26px}.account-panel h2{font-size:18px;margin-bottom:20px}.account-panel.wide{grid-column:1/-1}.account-summary{display:flex;gap:18px;align-items:center;margin-bottom:20px}.account-avatar{background:#edf4ff;color:var(--blue);height:55px;width:55px;border-radius:12px;display:grid;place-items:center;font-size:25px}.account-summary p{margin:4px 0;color:var(--muted);font-size:12px}.account-note{font-size:12px;color:#8391a6}.account-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-panel table{border-collapse:collapse;width:100%;font-size:12px}.account-panel td,.account-panel th{padding:12px 8px;border-bottom:1px solid #edf1f7;text-align:left}.account-panel th{color:#8995a8;font-weight:500}.table-wrap{overflow:auto}.account-panel td button{font-size:12px;padding:5px 10px}.account-panel input[type=checkbox]{accent-color:var(--blue)}.server-status{font-size:12px;color:#168966}.account-error{color:#bf4545;font-size:12px}.account-heading{margin-bottom:24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.recovery-inline{overflow-wrap:anywhere;user-select:all;display:block;background:#f5f8ff;padding:14px;margin:14px 0}.confirm-small{font-size:12px;color:#7b89a0}.empty-note{font-size:13px;color:#8795a9;padding:24px;text-align:center}
@media(min-height:900px){.auth-card{margin-top:-25px}.auth-footer{bottom:80px}.brand-message{margin-top:58px}}@media(max-width:1100px){.auth-page{grid-template-columns:36% 1fr}.brand-panel{padding-inline:9%}.brand-wordmark{font-size:20px}.brand-message{margin-left:0}.brand-message h1{font-size:25px}.brand-message p{font-size:11px;letter-spacing:0}.brand-art{width:130%;left:-15%}.auth-main{padding-inline:48px}.brand-caption{left:12%;font-size:10px}}@media(max-width:760px){.auth-page{display:block}.brand-panel{min-height:0;height:180px;padding:24px}.brand-wordmark{font-size:20px}.brand-message{margin:18px 0 0}.brand-message h1{font-size:17px;line-height:1.7}.brand-message h1 br{display:none}.brand-message p,.brand-caption{display:none}.brand-art{height:210px;width:240px;left:auto;right:-30px;bottom:-40px;opacity:.4}.auth-main{min-height:calc(100vh - 180px);padding:66px 28px 105px;display:block}.auth-card{margin:0 auto;width:100%;max-width:400px}.language{top:16px;right:20px;font-size:11px;padding:4px 8px}.language svg{width:13px;height:13px}.auth-tabs{margin-bottom:28px;gap:35px}.auth-tabs a{font-size:18px}.auth-footer{bottom:18px}.auth-page.mode-register .auth-main,.auth-page.mode-recover .auth-main{padding:66px 28px 105px}.mode-register .brand-panel,.mode-recover .brand-panel{height:135px}.mode-register .brand-message,.mode-recover .brand-message{display:none}.account-grid{grid-template-columns:1fr}.account-panel.wide{grid-column:auto}.document-header{padding:16px 20px;flex-wrap:wrap}.document-header strong{font-size:14px}.document-content{margin:18px;padding:24px}.account-heading{flex-wrap:wrap}.auth-main:has(#recovery-result:not([hidden])){padding-top:70px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
