:root{--bg-body:#f0f4f8;--bg-card:rgba(255,255,255,.92);--accent-blue:#2b7de9;--accent-cyan:#0ea5b3;--accent-glow:rgba(43,125,233,.12);--text-primary:#1a2236;--text-secondary:#5f6b7a;--text-muted:#98a2b3;--border-subtle:rgba(0,0,0,.06);--border-input:rgba(0,0,0,.12);--radius-lg:20px;--radius-md:12px;--transition-fast:.25s cubic-bezier(.4,0,.2,1)}html{height:100%}body.signin{height:100vh;margin:0;padding:0;background:var(--bg-body);background-image:url(../img/login-background.jpg),radial-gradient(ellipse 80% 60% at 20% 20%,rgba(43,125,233,.04) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 85% 75%,rgba(14,165,179,.03) 0,transparent 60%);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;overflow:hidden}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.geom-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.geom-line{position:absolute;opacity:.05;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent)}.line-1{top:12%;left:-10%;width:55%;height:1px;transform:rotate(-6deg);animation:geomDrift1 20s ease-in-out infinite}.line-2{top:38%;right:-10%;width:45%;height:1px;transform:rotate(8deg);animation:geomDrift2 24s ease-in-out infinite}.line-3{top:58%;left:-5%;width:50%;height:1px;transform:rotate(-5deg);animation:geomDrift1 18s ease-in-out infinite reverse}.line-4{top:75%;right:-8%;width:48%;height:1px;transform:rotate(12deg);animation:geomDrift2 22s ease-in-out infinite reverse}.line-5{top:90%;left:15%;width:40%;height:1px;transform:rotate(-10deg);animation:geomDrift1 26s ease-in-out infinite}@keyframes geomDrift1{0%,100%{transform:rotate(-6deg) translateX(0);opacity:.04}50%{transform:rotate(-4deg) translateX(50px);opacity:.08}}@keyframes geomDrift2{0%,100%{transform:rotate(8deg) translateX(0);opacity:.05}50%{transform:rotate(11deg) translateX(-40px);opacity:.09}}.glow-orb{position:fixed;border-radius:50%;z-index:1;pointer-events:none;filter:blur(140px)}.glow-orb-1{width:450px;height:450px;background:rgba(43,125,233,.04);top:-10%;left:-8%;animation:orbFloat1 16s ease-in-out infinite}.glow-orb-2{width:380px;height:380px;background:rgba(14,165,179,.03);bottom:-8%;right:-6%;animation:orbFloat2 20s ease-in-out infinite}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(35px,-25px) scale(1.12)}66%{transform:translate(-15px,18px) scale(.93)}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-25px,-18px) scale(1.18)}66%{transform:translate(20px,12px) scale(.88)}}.signinpanel{position:relative;z-index:2;width:920px;max-width:94vw;margin:0 auto;top:50%;transform:translateY(-50%);color:var(--text-primary)}.login-wrapper{display:flex;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px rgba(0,0,0,.06),0 12px 48px rgba(0,0,0,.04),0 0 0 1px rgba(255,255,255,.5) inset;overflow:hidden;animation:cardEntry .7s cubic-bezier(.22,.61,.36,1) both}@keyframes cardEntry{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-section{flex:0 0 42%;background:linear-gradient(160deg,#f8fafd 0,#eef3fa 50%,#f5f9fc 100%);border-right:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;padding:50px 36px;position:relative;overflow:hidden}.brand-section::before{content:'';position:absolute;top:-35%;right:-25%;width:280px;height:280px;background:radial-gradient(circle,rgba(43,125,233,.06) 0,transparent 70%);border-radius:50%}.brand-section::after{content:'';position:absolute;bottom:-20%;left:-10%;width:220px;height:220px;background:radial-gradient(circle,rgba(14,165,179,.05) 0,transparent 70%);border-radius:50%}.brand-content{position:relative;z-index:1;text-align:center;animation:brandFadeIn .7s .15s cubic-bezier(.22,.61,.36,1) both}@keyframes brandFadeIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.brand-logo{width:64px;height:64px;margin:0 auto 18px;color:var(--accent-blue);animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 6px rgba(43,125,233,.3))}50%{filter:drop-shadow(0 0 16px rgba(43,125,233,.55))}}.brand-logo svg{width:100%;height:100%}.brand-title{font-size:28px;font-weight:700;letter-spacing:2px;color:var(--text-primary);margin:0 0 6px;background:linear-gradient(135deg,#1a3a6b 0%,var(--accent-blue) 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:13px;color:var(--text-secondary);margin:0 0 28px;letter-spacing:3px;text-transform:uppercase}.brand-features{display:flex;flex-direction:column;gap:14px;align-items:center}.feature-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);transition:color var(--transition-fast)}.feature-item:hover{color:var(--accent-blue)}.feature-icon{width:30px;height:30px;border-radius:8px;background:rgba(43,125,233,.08);border:1px solid rgba(43,125,233,.12);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent-blue);transition:all var(--transition-fast)}.feature-item:hover .feature-icon{background:rgba(43,125,233,.15);border-color:rgba(43,125,233,.25);box-shadow:0 0 12px rgba(43,125,233,.15)}.form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:50px 40px;background:#fff}.form-card{width:100%;max-width:340px;animation:formFadeIn .7s .3s cubic-bezier(.22,.61,.36,1) both}@keyframes formFadeIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.form-title{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:.5px}.form-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 32px}.input-group-custom{position:relative;margin-bottom:18px}.input-group-custom .form-control{display:block;width:100%;height:50px!important;padding:0 16px 0 46px!important;font-size:14px;color:var(--text-primary);background:#f7f9fc;border:1.5px solid var(--border-input);border-radius:var(--radius-md)!important;outline:none;transition:all var(--transition-fast);box-sizing:border-box;box-shadow:none!important}.input-group-custom .form-control::placeholder{color:var(--text-muted)}.input-group-custom .form-control:focus{background:#fff;border-color:var(--accent-blue);box-shadow:0 0 0 4px rgba(43,125,233,.08)!important}.input-group-custom .form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #f7f9fc inset!important}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-muted);z-index:2;pointer-events:none;transition:color var(--transition-fast)}.input-group-custom:focus-within .input-icon,.input-group-custom .form-control:focus+.input-icon{color:var(--accent-blue)}.signinpanel .pword,.signinpanel .uname,.signinpanel .code{background:#f7f9fc!important}.captcha-row{margin:0}.captcha-row .col-xs-6{padding:0}.captcha-row .col-xs-6:first-child{padding-right:8px}.captcha-row .col-xs-6:last-child{padding-left:8px}.captcha-img-col{display:flex;align-items:center}.captcha-img-col a{display:block;width:100%;height:50px}.imgcode{width:100%;height:50px;border-radius:var(--radius-md);border:1.5px solid var(--border-input);object-fit:cover;cursor:pointer;transition:border-color var(--transition-fast)}.imgcode:hover{border-color:var(--accent-blue)}.form-options{display:flex;align-items:center;margin:8px 0 22px}.checkbox-custom{position:relative;padding:0 15px 0 25px;display:inline-block}.checkbox-custom input[type=checkbox]{opacity:0;position:absolute;cursor:pointer;z-index:2;margin:-6px 0 0 0;top:50%;left:3px}.checkbox-custom label{cursor:pointer;line-height:1.2;font-weight:400;margin-bottom:0;text-align:left;color:var(--text-secondary)!important;font-size:13px}.checkbox-custom label:before{content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:18px;height:17px;display:inline-block;border-radius:4px;border:1.5px solid var(--border-input);background:#f7f9fc;transition:all var(--transition-fast)}.checkbox-custom input[type=checkbox]:checked+label:before{background:var(--accent-blue);border-color:var(--accent-blue)}.checkbox-custom input[type=checkbox]:checked+label:after{position:absolute;display:inline-block;font-family:'Glyphicons Halflings';content:"\e013";top:42%;left:3px;margin-top:-5px;font-size:11px;line-height:1;width:16px;height:16px;color:#fff}.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;padding:0 24px;font-size:15px;font-weight:600;letter-spacing:2px;color:#fff;background:linear-gradient(135deg,var(--accent-blue) 0%,#3b8cee 50%,var(--accent-cyan) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(43,125,233,.25);margin-top:0}.btn-login::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(43,125,233,.38)}.btn-login:hover::before{left:100%}.btn-login:active{transform:translateY(0);box-shadow:0 2px 10px rgba(43,125,233,.2)}.btn-login span{position:relative;z-index:1}.btn-arrow{width:18px;height:18px;position:relative;z-index:1;transition:transform var(--transition-fast)}.btn-login:hover .btn-arrow{transform:translateX(4px)}.form-footer-text{text-align:center;margin-top:28px;font-size:12px;color:var(--text-muted);letter-spacing:.5px}.signup-footer{display:none}@media screen and (max-width:768px){.signinpanel{width:380px;top:50%;transform:translateY(-50%)}.login-wrapper{flex-direction:column}.brand-section{flex:none;padding:28px 24px;border-right:none;border-bottom:1px solid var(--border-subtle)}.brand-logo{width:44px;height:44px;margin-bottom:10px}.brand-title{font-size:22px}.brand-subtitle{font-size:11px;margin-bottom:16px}.brand-features{flex-direction:row;gap:8px;justify-content:center}.feature-item{flex-direction:column;gap:4px;font-size:11px}.feature-icon{width:30px;height:30px;font-size:12px}.form-section{padding:28px 24px}.form-card{max-width:100%}.form-title{font-size:20px}}@media screen and (max-width:400px){.signinpanel{width:92vw}}.form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar{box-shadow:none}.form-control{border-radius:1px!important;padding:6px 12px!important;height:34px!important}.form-control:focus{border-color:var(--accent-blue)!important}