.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:11990}.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12000;width:90%;max-width:480px}.auth-content{background:linear-gradient(135deg,#282832fa,#1e1e28f2);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden}@media (hover: none) and (pointer: coarse){button,.btn,[class*=btn],[role=button]{-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none}}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.auth-header h2{color:#ffd36b;font-size:1.5rem;margin:0}.close-btn{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;line-height:1;transition:color .3s}.close-btn:hover{color:#fff}.auth-pane{display:block!important}.auth-pane.hidden{display:none!important}.auth-pane form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.auth-pane input[type=email],.auth-pane input[type=text],.auth-pane input[type=password]{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.85rem;color:#fff;font-size:.95rem;transition:all .3s}.auth-pane input:focus{outline:none;border-color:#ffd36b;box-shadow:0 0 8px #ffd36b80}.auth-pane input.error{border-color:#ff6b6b!important;background:#ff6b6b1a!important;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-pane input::placeholder{color:#fff9}.error-message{color:#ff6b6b;font-size:.85rem;margin-top:-.5rem;margin-bottom:.5rem;display:none}.error-message.show{display:block;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.code-input-group{display:grid;grid-template-columns:1fr auto;column-gap:.5rem;align-items:center}.code-input-group input{flex:1 1 auto;min-width:0}.send-code-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.25);padding:.85rem 1.1rem;border-radius:10px;color:#ffffffd9;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-width:10.5em}@media (max-width: 380px){.send-code-btn{padding:0 .7rem;font-size:.9rem;max-width:9.5em}}.send-code-btn:hover:not(:disabled){border-color:#ffd36b99;color:#ffd36b;box-shadow:0 0 12px #ffd36b33;transform:translateY(-1px)}.send-code-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:#ffffff26}.password-group{position:relative;display:flex;align-items:center}.password-group input{flex:1;padding-right:3rem}.toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid rgba(255,255,255,.2);cursor:pointer;color:#ffffffb3;font-size:.85rem;font-weight:600;letter-spacing:.05em;transition:all .3s}.toggle-password:before{content:"显示"}.toggle-password:hover{border-color:#ffd36b99;color:#ffd36b;box-shadow:0 0 10px #ffd36b40}.toggle-password.is-active{background:linear-gradient(135deg,#ffd36b33,#ffd36b0d);color:#ffd36b;border-color:#ffd36b99}.toggle-password.is-active:before{content:"隐藏"}.email-display{background:#ffd36b1a;border:1px solid rgba(255,211,107,.3);border-radius:8px;padding:.75rem}.email-display label{color:#ffffffb3;font-size:.85rem;display:block;margin-bottom:.3rem}#user-email-display{color:#ffd36b;font-size:1rem;font-weight:500}.auth-submit{background:linear-gradient(90deg,#ffd36b,#f7b733);border:none;padding:1rem;border-radius:8px;cursor:pointer;color:#333;font-weight:700;font-size:1rem;margin-top:.5rem;transition:all .3s}.auth-submit:hover{background:linear-gradient(90deg,#ffe28a,#ffc94b);transform:translateY(-2px)}.hidden{display:none!important}.user-dropdown{position:relative;display:inline-flex;align-items:center}.user-menu-btn{background:transparent;border:none;padding:0;color:#ffd36b;cursor:pointer;transition:all .3s;font-size:inherit;display:inline;gap:.3rem;white-space:nowrap}.user-menu-btn:hover{opacity:.8}.user-menu-btn:after{content:"▼";font-size:.7rem;transition:transform .3s}.user-dropdown.active .user-menu-btn:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,211,107,.3);border-radius:8px;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s;z-index:1000;box-shadow:0 8px 32px #0006}.user-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#ffffffe6;cursor:pointer;transition:all .3s;text-align:left;font-size:.95rem}.dropdown-menu button:hover{background:#ffd36b1a;color:#ffd36b}.dropdown-menu button.logout-btn{border-top:1px solid rgba(255,211,107,.2);color:#ff6464e6}.dropdown-menu button.logout-btn:hover{background:#ff64641a;color:#ff6464}.custom-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s}.custom-confirm-overlay.active{opacity:1;visibility:visible}.custom-confirm-box{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,211,107,.3);border-radius:16px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;transform:scale(.9);transition:all .3s}.custom-confirm-overlay.active .custom-confirm-box{transform:scale(1)}.custom-confirm-title{color:#ffd36b;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.custom-confirm-message{color:#ffffffe6;font-size:1rem;margin-bottom:2rem;text-align:center;line-height:1.6}.custom-confirm-buttons{display:flex;gap:1rem;justify-content:center}.custom-confirm-buttons button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;min-width:100px}.confirm-btn-yes{background:linear-gradient(90deg,#a8763e,#8b5e34);color:#fff;border:2px solid rgba(255,211,107,.5)}.confirm-btn-yes:hover{background:linear-gradient(90deg,#b8864e,#9b6e44);transform:translateY(-2px);box-shadow:0 4px 15px #a8763e66}.confirm-btn-no{background:#ffd36b1a;color:#ffffffe6;border:1px solid rgba(255,211,107,.3)}.confirm-btn-no:hover{background:#ffd36b26;border-color:#ffd36b80}