:root{--c-primary:#10b981;--c-phover:#059669;--c-plight:#34d399;--c-pbg:#ecfdf5;--c-pborder:#a7f3d0;--c-danger:#ef4444;--c-danger-hover:#dc2626;--c-bg:#f8fafc;--c-card:#fff;--c-text:#1e293b;--c-text2:#64748b;--c-text3:#94a3b8;--c-border:#e2e8f0;--c-border2:#f1f5f9;--r-sm:6px;--r-md:8px;--r-lg:16px;--r-xl:24px;--s-sm:0 1px 2px #0000000a;--s-md:0 4px 6px -1px #00000014;--s-lg:0 10px 15px -3px #00000014;--f:"LXGW WenKai Screen","霞鹜文楷","LXGW WenKai","PingFang SC","Microsoft YaHei",sans-serif}[data-theme=dark]{--c-primary:#10b981;--c-phover:#34d399;--c-plight:#6ee7b7;--c-pbg:#10b9811f;--c-pborder:#10b98147;--c-danger:#f87171;--c-danger-hover:#ef4444;--c-bg:#0f172a;--c-card:#1e293b;--c-text:#f1f5f9;--c-text2:#94a3b8;--c-text3:#64748b;--c-border:#334155;--c-border2:#1e293b;--s-sm:0 1px 2px #0000002e;--s-md:0 4px 6px -1px #00000040;--s-lg:0 10px 15px -3px #00000059}html,body{font-family:var(--f);color:var(--c-text);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--c-bg);background-image:url(/themes/halo-theme-cosolar/assets/images/login_default.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;overflow-x:hidden}.cos-page{height:100dvh;display:flex;overflow:hidden}.cos-brand{flex:0 0 var(--brand-ratio,33.333%);max-width:var(--brand-ratio,33.333%);color:var(--brand-text,#fff);flex-direction:column;display:flex;position:relative;overflow:hidden}.cos-brand-overlay{display:var(--ov-enabled,block);background:linear-gradient(160deg, color-mix(in srgb, var(--ov-color,#059669) calc(var(--ov-op,.6) * 100%), transparent) 0%, color-mix(in srgb, var(--ov-color,#059669) calc(var(--ov-op,.6) * 70%), transparent) 40%, color-mix(in srgb, var(--ov-color,#059669) calc(var(--ov-op,.6) * 40%), transparent) 72%, transparent 100%), linear-gradient(180deg, #0f172a6b 0%, #1e293b42 42%, transparent 82%);position:absolute;inset:0}[data-theme=dark] .cos-brand-overlay{background:linear-gradient(160deg, color-mix(in srgb, var(--ov-color-dark,#059669) calc(var(--ov-op-dark,.5) * 100%), transparent) 0%, color-mix(in srgb, var(--ov-color-dark,#059669) calc(var(--ov-op-dark,.5) * 70%), transparent) 40%, color-mix(in srgb, var(--ov-color-dark,#059669) calc(var(--ov-op-dark,.5) * 40%), transparent) 72%, transparent 100%), linear-gradient(180deg, #0f172a94 0%, #1e293b6b 42%, transparent 82%)}.cos-brand-inner{z-index:1;flex-direction:column;height:100%;padding:44px 48px;display:flex;position:relative}.cos-b-logo{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.cos-b-image{object-fit:contain;border-radius:13px;flex-shrink:0;box-shadow:0 4px 14px #00000026}.cos-b-icon{color:#059669;background:#ffffffeb;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-family:Cascadia Code,JetBrains Mono,monospace;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #00000026}.cos-b-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.cos-b-name{letter-spacing:-.01em;font-size:19px;font-weight:700;line-height:1.2}.cos-b-sub{opacity:.75;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:11px}.cos-brand-spacer{flex:1}.cos-b-quote{max-width:340px}.cos-b-quote-icon{opacity:.85;margin-bottom:14px;font-size:36px;line-height:1}.cos-b-quote-title{opacity:.95;margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.5}.cos-b-quote-desc{opacity:.72;font-size:13px;line-height:1.6}.cos-b-dots{gap:8px;margin-top:22px;display:flex}.cos-b-dot{cursor:pointer;background:#ffffff52;border-radius:50%;width:8px;height:8px;transition:background .25s}.cos-b-dot.active{background:#fff;transform:scale(1.25)}.cos-form-area{flex:0 0 calc(100% - var(--brand-ratio,33.333%));max-width:calc(100% - var(--brand-ratio,33.333%));scrollbar-width:none;-ms-overflow-style:none;background:0 0;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow-y:auto}.cos-form-area::-webkit-scrollbar{display:none}.cos-card{background:var(--c-card);border-radius:var(--r-xl);width:100%;max-width:440px;box-shadow:0 8px 32px #00000012, var(--s-lg);padding:56px 52px 48px;animation:.5s both cosIn}@keyframes cosIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cos-title{letter-spacing:-.03em;margin:0 0 10px;font-size:26px;font-weight:800}.cos-subtitle{color:var(--c-text2);margin:0 0 40px;font-size:14px}.cos-fg{margin-bottom:26px}.cos-label{color:var(--c-text2);margin-bottom:9px;font-size:13px;font-weight:600;display:block}.cos-iwrap{position:relative}.cos-iicon{width:18px;height:18px;color:var(--c-text3);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cos-iwrap:focus-within .cos-iicon{color:var(--c-primary)}.cos-input{width:100%;color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);box-sizing:border-box;outline:none;padding:13px 14px 13px 44px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.cos-input::placeholder{color:var(--c-text3)}.cos-input:focus{border-color:var(--c-primary);background:var(--c-card);box-shadow:0 0 0 3px var(--c-pbg)}.cos-pwd-toggle{color:var(--c-text3);cursor:pointer;border-radius:var(--r-sm);align-items:center;padding:4px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cos-pwd-toggle:hover{color:var(--c-text);background:var(--c-border2)}.cos-remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin-bottom:30px;display:flex}.cos-remember input[type=checkbox]{appearance:none;border:1.8px solid var(--c-border);cursor:pointer;border-radius:4px;flex-shrink:0;width:17px;height:17px;transition:all .2s;position:relative}.cos-remember input:checked{background:var(--c-primary);border-color:var(--c-primary)}.cos-remember input:checked:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.cos-card form button[type=submit],.cos-card .login-form button[type=submit],.cos-card button.cos-btn-submit{letter-spacing:.04em;cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;width:100%;font-family:inherit;font-size:15px;font-weight:600;color:#fff!important;background:var(--c-primary)!important;border-radius:var(--r-md)!important;border:none!important;padding:13px 24px!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 4px 14px #10b98152!important}.cos-card form button[type=submit]:hover,.cos-card .login-form button[type=submit]:hover,.cos-card button.cos-btn-submit:hover{background:var(--c-phover)!important;transform:translateY(-2px)!important;box-shadow:0 6px 22px #10b9816b!important}.cos-card form button[type=submit]:active{transform:translateY(0)!important}.halo-form{flex-direction:column;display:flex}.form-item-group{gap:16px;margin-bottom:18px;display:flex}.form-item-group .form-item{flex:1;min-width:0;margin-bottom:0}.form-item{flex-direction:column;margin-bottom:18px;display:flex}.form-item>label{color:var(--c-text2);margin-bottom:9px;font-size:13px;font-weight:600;display:block}.form-input{position:relative}.form-input input,.form-item>input{width:100%;color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);box-sizing:border-box;outline:none;padding:13px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.form-input input::placeholder,.form-item>input::placeholder{color:var(--c-text3)}.form-input input:focus,.form-item>input:focus{border-color:var(--c-primary);background:var(--c-card);box-shadow:0 0 0 3px var(--c-pbg)}.form-input:has(button) input{padding-right:44px}.form-input button{color:var(--c-text3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.form-input button:hover{color:var(--c-text);background:var(--c-border2)}.form-input-group{gap:10px;display:flex}.form-input-group .form-input{flex:1;min-width:0}.form-input-group>#emailCodeSendButton,.form-input-group>button{white-space:nowrap;border-radius:var(--r-md);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #10b98138;color:#fff!important;background:var(--c-primary)!important;border:1.5px solid var(--c-primary)!important}.form-input-group>button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #10b98152;background:var(--c-phover)!important;border-color:var(--c-phover)!important}.form-input-group>button:active{transform:translateY(0);box-shadow:0 2px 8px #10b98138}.form-input-group>button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.halo-form>.form-item:last-of-type{margin-top:8px}.alert{border-radius:var(--r-sm);margin:0 0 16px;padding:10px 14px;font-size:13px;line-height:1.5}.alert-error{color:#dc2626;background:#dc262614;border:1px solid #dc262640}.form-item .alert{margin:8px 0 0}@media (width<=480px){.form-item-group{flex-direction:column;gap:0}.form-item-group .form-item{margin-bottom:18px}}.cos-divider{color:var(--c-text3);align-items:center;gap:16px;margin:36px 0;font-size:13px;display:flex}.cos-divider:before,.cos-divider:after{content:"";background:var(--c-border);flex:1;height:1px}.form-item-compact{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;margin:10px 0 30px;display:flex}.form-item-compact input[type=checkbox]{appearance:none;background:var(--c-border2);cursor:pointer;border-radius:999px;flex-shrink:0;width:42px;height:24px;margin:0;transition:background .25s;position:relative}.form-item-compact input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.form-item-compact input[type=checkbox]:hover{background:var(--c-border)}.form-item-compact input[type=checkbox]:checked{background:var(--c-primary)}.form-item-compact input[type=checkbox]:checked:after{transform:translate(18px)}.form-item-compact input[type=checkbox]:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.form-item-compact label{color:var(--c-text2);cursor:pointer;font-size:14px}.alert-success{color:#059669;background:#10b9811a;border:1px solid #10b98147}.alert-info{color:var(--c-text2);background:var(--c-pbg);border:1px solid var(--c-border)}.divider-wrapper{color:var(--c-text3);align-items:center;gap:14px;margin:30px 0 18px;font-size:13px;display:flex}.divider-wrapper hr{background:var(--c-border);border:none;flex:1;height:1px;margin:0}.pill-items{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pill-items li{margin:0}.pill-items a{color:var(--c-text2);background:var(--c-card);border:1.5px solid var(--c-border);box-shadow:var(--s-sm);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pill-items a:hover{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-pbg);transform:translateY(-2px);box-shadow:0 4px 12px #10b9812e}.pill-items img{object-fit:contain;border-radius:6px;width:20px;height:20px}.social-auth-providers,.form-auth-providers{flex-wrap:wrap;justify-content:center;display:flex;gap:16px!important}.social-auth-providers a,.form-auth-providers a{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;border:1.5px solid var(--c-border)!important;background:var(--c-card)!important;width:48px!important;height:48px!important;color:var(--c-text2)!important;box-shadow:var(--s-sm)!important;border-radius:50%!important;margin:0!important;padding:0!important;transition:all .25s!important;display:inline-flex!important}.social-auth-providers a svg,.form-auth-providers a svg{width:22px!important;height:22px!important}.social-auth-providers a:hover,.form-auth-providers a:hover{border-color:var(--c-primary)!important;color:var(--c-primary)!important;background:var(--c-pbg)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #10b98133!important}.cos-footer-links{text-align:center;margin-top:36px}.cos-register{color:var(--c-text3);font-size:14px}.cos-back{color:var(--c-text3);align-items:center;gap:6px;margin-top:20px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.cos-back:hover{color:var(--c-primary)}.cos-user-card{background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-md);align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.cos-user-avatar{object-fit:cover;border:2px solid var(--c-pborder);width:52px;height:52px;box-shadow:var(--s-sm);border-radius:50%;flex-shrink:0}.cos-user-meta{flex:1;min-width:0}.cos-user-name{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.4;overflow:hidden}.cos-user-handle{color:var(--c-text3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cos-logout-actions{flex-direction:column;gap:12px;display:flex}.cos-btn-danger,.cos-btn-ghost{border-radius:var(--r-md);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.cos-btn-danger{color:#fff!important;background:var(--c-danger)!important;border:1.5px solid var(--c-danger)!important;box-shadow:0 4px 14px #ef44444d!important}.cos-btn-danger:hover{background:var(--c-danger-hover)!important;border-color:var(--c-danger-hover)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444466!important}.cos-btn-danger:active{transform:translateY(0)!important}.cos-btn-ghost{color:var(--c-text2)!important;background:var(--c-bg)!important;border:1.5px solid var(--c-border)!important}.cos-btn-ghost:hover{color:var(--c-text)!important;background:var(--c-border2)!important;transform:translateY(-1px)!important}.cos-card form button.cos-btn-danger[type=submit]{color:#fff!important;background:var(--c-danger)!important;border:1.5px solid var(--c-danger)!important;box-shadow:0 4px 14px #ef44444d!important}.cos-card form button.cos-btn-danger[type=submit]:hover{background:var(--c-danger-hover)!important;border-color:var(--c-danger-hover)!important;transform:translateY(-2px)!important}@media (width<=900px){.cos-brand{display:none}.cos-form-area{flex:0 0 100%;max-width:100%;height:100%;padding:24px 20px}.cos-card{border-radius:var(--r-lg);box-shadow:var(--s-lg);padding:40px 28px 36px}.cos-form-area:before{display:none}}@media (width<=400px){.cos-card{padding:24px 18px 20px}.cos-title{font-size:22px}}