body{background:var(--bg-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;overflow-x:hidden;user-select:none}input,textarea{user-select:text}*{-webkit-user-drag:none}input,textarea{-webkit-user-drag:auto}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(https://bing.biturl.top/?resolution=UHD&format=image&index=0&mkt=zh-CN);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:-1;transition:opacity var(--transition-fast)}[data-theme=light] body:after{opacity:0}.login-container{background:var(--bg-glass);width:100%;max-width:480px;padding:40px;border-radius:28px;box-shadow:0 25px 50px -12px var(--shadow-color);position:relative;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border);animation:slideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:30px}.app-icon{width:72px;height:72px;margin-bottom:15px;border-radius:16px;object-fit:contain;background:transparent}.header h2{font-size:26px;font-weight:800;margin-bottom:8px;color:var(--text-main);letter-spacing:-.5px}.header p{color:var(--text-muted);font-size:15px;font-weight:600}.form-group{margin-bottom:20px;position:relative}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-main);width:20px;height:20px;pointer-events:none;z-index:10}.input-icon path,.input-icon circle,.input-icon rect{stroke:currentColor;stroke-width:2.5}input{width:100%;padding:14px 48px;background:var(--input-bg, rgba(255, 255, 255, .5));border:2px solid var(--input-border);border-radius:12px;color:var(--text-main);font-size:15px;font-weight:600;outline:none;transition:var(--transition-fast);user-select:text}input::-ms-reveal,input::-ms-clear,input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]::-webkit-password-reveal,input[type=password]::-webkit-caps-lock-indicator{display:none!important}input::placeholder{color:var(--text-muted);opacity:.8;font-weight:500}input:focus{background:var(--input-bg, rgba(255, 255, 255, .5));border-color:var(--primary-color);box-shadow:0 0 0 3px var(--accent-light)}input:focus+.input-icon{color:var(--primary-color)}.toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.toggle-password path,.toggle-password circle{stroke:currentColor;stroke-width:2.5}.toggle-password:hover{color:var(--text-main)}.submit-btn{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background var(--transition-fast);display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;box-shadow:var(--shadow-accent)}.submit-btn:hover{background:var(--primary-hover)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--error-color);font-size:13px;font-weight:600;margin-top:8px;display:none;align-items:center;gap:6px;animation:fadeIn .3s ease}.error-message.visible{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group.has-error input{border-color:var(--error-color)!important;background:rgba(239,71,111,.05)}.form-group.has-error .input-icon{color:var(--error-color)!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.switch-link{margin-top:24px;text-align:center;font-size:14px;color:var(--text-muted)}.switch-link a{color:var(--primary-color);text-decoration:none;font-weight:600;cursor:pointer;margin-left:5px}.switch-link a:hover{text-decoration:underline}.fade-out{opacity:0;transition:opacity .2s ease}.fade-in{opacity:1;transition:opacity .2s ease}.theme-toggle{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:10px;border-radius:50%;transition:var(--transition-fast)}.theme-toggle:hover{background:var(--input-bg);color:var(--text-main)}@media(max-width:480px){.login-container{padding:40px 25px;border-radius:0;min-height:100vh}.theme-toggle{top:15px;right:15px}}