.auth-page[data-v-a695f5e6]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-bg[data-v-a695f5e6]{position:absolute;width:100%;height:100%;overflow:hidden}.auth-bg-shape[data-v-a695f5e6]{position:absolute;border-radius:50%;opacity:.1;background:#fff}.shape-1[data-v-a695f5e6]{width:600px;height:600px;top:-200px;right:-100px}.shape-2[data-v-a695f5e6]{width:400px;height:400px;bottom:-100px;left:-100px}.shape-3[data-v-a695f5e6]{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-container[data-v-a695f5e6]{display:flex;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25);overflow:hidden;max-width:900px;width:90%;min-height:500px;z-index:1}.auth-left[data-v-a695f5e6]{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:50px 40px;display:flex;flex-direction:column;justify-content:center;color:#fff}.auth-welcome h1[data-v-a695f5e6]{font-size:32px;margin-bottom:15px}.auth-welcome p[data-v-a695f5e6]{font-size:16px;opacity:.9;line-height:1.6}.floating-icons[data-v-a695f5e6]{margin-top:40px;display:flex;gap:20px}.floating-icons .icon[data-v-a695f5e6]{font-size:30px;-webkit-animation:float-data-v-a695f5e6 3s ease-in-out infinite;animation:float-data-v-a695f5e6 3s ease-in-out infinite}.floating-icons .icon[data-v-a695f5e6]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.floating-icons .icon[data-v-a695f5e6]:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.floating-icons .icon[data-v-a695f5e6]:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes float-data-v-a695f5e6{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-data-v-a695f5e6{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-right[data-v-a695f5e6]{flex:1;padding:50px 40px;display:flex;flex-direction:column;background:#fff}.auth-tabs[data-v-a695f5e6]{display:flex;gap:30px;margin-bottom:30px}.auth-tabs span[data-v-a695f5e6]{font-size:20px;color:#999;cursor:pointer;padding-bottom:8px;border-bottom:3px solid transparent;transition:all .3s}.auth-tabs span.active[data-v-a695f5e6]{color:#667eea;border-bottom-color:#667eea}.auth-form[data-v-a695f5e6]{flex:1}.form-group[data-v-a695f5e6]{margin-bottom:20px}.form-group label[data-v-a695f5e6]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.input-wrapper[data-v-a695f5e6]{display:flex;align-items:center;background:#f5f7fa;border-radius:10px;padding:0 15px;border:2px solid transparent;transition:all .3s}.input-wrapper[data-v-a695f5e6]:focus-within{border-color:#667eea;background:#fff}.input-wrapper i[data-v-a695f5e6]{color:#999;font-size:18px}.input-wrapper input[data-v-a695f5e6]{flex:1;border:none;background:transparent;padding:14px 12px;font-size:15px;outline:none}.toggle-pwd[data-v-a695f5e6]{cursor:pointer}.form-options[data-v-a695f5e6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.remember-me[data-v-a695f5e6]{display:flex;align-items:center;gap:6px;cursor:pointer;color:#666}.remember-me input[data-v-a695f5e6]{width:16px;height:16px;cursor:pointer}.form-options a[data-v-a695f5e6]{color:#667eea;text-decoration:none}.auth-btn[data-v-a695f5e6]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.auth-btn[data-v-a695f5e6]:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.profile-page[data-v-a695f5e6]{min-height:100vh;position:relative}.profile-bg[data-v-a695f5e6]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.profile-bg-image[data-v-a695f5e6]{width:100%;height:100%}.profile-bg-error[data-v-a695f5e6]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.profile-bg-overlay[data-v-a695f5e6]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.profile-header[data-v-a695f5e6]{position:relative;z-index:10;padding:100px 20px 40px;text-align:center;color:#fff}.profile-avatar-section[data-v-a695f5e6]{display:flex;flex-direction:column;align-items:center}.avatar-wrapper[data-v-a695f5e6]{position:relative;cursor:pointer;display:inline-block}.avatar-wrapper .el-avatar[data-v-a695f5e6]{border:4px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:transform .3s}.avatar-wrapper:hover .el-avatar[data-v-a695f5e6]{transform:scale(1.05)}.avatar-edit-hint[data-v-a695f5e6]{position:absolute;bottom:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;border:2px solid #fff}.profile-username[data-v-a695f5e6]{font-size:28px;margin:20px 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.profile-intro[data-v-a695f5e6]{font-size:15px;opacity:.9;max-width:400px;margin:0 auto}.profile-content[data-v-a695f5e6]{position:relative;z-index:10;max-width:700px;margin:0 auto;padding:0 20px 100px}.settings-card[data-v-a695f5e6]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.card-title[data-v-a695f5e6]{font-size:18px;margin:0 0 20px;color:#333;display:flex;align-items:center;gap:8px}.card-title i[data-v-a695f5e6]{color:#667eea}.settings-form .form-item[data-v-a695f5e6]{margin-bottom:20px}.settings-form .form-item[data-v-a695f5e6]:last-child{margin-bottom:0}.settings-form label[data-v-a695f5e6]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.settings-form .el-input[data-v-a695f5e6],.settings-form .el-textarea[data-v-a695f5e6]{width:100%}.email-row[data-v-a695f5e6]{display:flex;align-items:center;min-height:40px}.email-text[data-v-a695f5e6]{color:#333;font-size:14px}.save-section[data-v-a695f5e6]{text-align:center;padding:20px 0}.save-section .el-button[data-v-a695f5e6]{padding:14px 50px;font-size:16px;border-radius:30px}.profile-footer[data-v-a695f5e6]{position:relative;z-index:10}.dialog-content[data-v-a695f5e6]{padding:10px 0}.dialog-actions[data-v-a695f5e6]{display:flex;justify-content:center;gap:12px;margin-top:20px}.bg-upload-content[data-v-a695f5e6]{padding:10px 0}.current-bg-preview[data-v-a695f5e6]{margin-bottom:15px}.current-bg-preview p[data-v-a695f5e6]{margin:0 0 10px;color:#666;font-size:14px}@media screen and (max-width:768px){.auth-container[data-v-a695f5e6]{flex-direction:column}.auth-left[data-v-a695f5e6]{display:none}.auth-right[data-v-a695f5e6]{padding:30px 25px}.profile-header[data-v-a695f5e6]{padding:80px 20px 30px}.profile-username[data-v-a695f5e6]{font-size:24px}.settings-card[data-v-a695f5e6]{padding:20px}}