.profile-page[data-v-d440cdf2]{background:linear-gradient(#bfdbfe 0%,#dbeafe 50%,#eff6ff 100%);min-height:100vh}.hero[data-v-d440cdf2]{background:var(--color-background);padding:0;position:relative;overflow:hidden}.hero-bg[data-v-d440cdf2]{pointer-events:none;position:absolute;inset:0}.bg-glow[data-v-d440cdf2]{background:radial-gradient(#1e40af1f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:8s ease-in-out infinite pulseGlow-d440cdf2;top:-300px;right:-200px}.glow-2[data-v-d440cdf2]{background:radial-gradient(#22c55e14 0%,#0000 70%);width:600px;height:600px;animation:6s ease-in-out infinite reverse pulseGlow-d440cdf2;top:-200px;left:-100px}@keyframes pulseGlow-d440cdf2{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.bg-grid[data-v-d440cdf2]{background-image:linear-gradient(#1e40af0d 1px,#0000 1px),linear-gradient(90deg,#1e40af0d 1px,#0000 1px);background-size:40px 40px;animation:10s ease-in-out infinite gridFade-d440cdf2;position:absolute;inset:0}@keyframes gridFade-d440cdf2{0%,to{opacity:.5}50%{opacity:1}}.mesh-gradient[data-v-d440cdf2]{background:radial-gradient(at 20% 30%,#1e40af14 0%,#0000 50%),radial-gradient(at 80% 70%,#22c55e0f 0%,#0000 50%),radial-gradient(#3b82f60d 0%,#0000 60%);animation:15s ease-in-out infinite meshShift-d440cdf2;position:absolute;inset:0}@keyframes meshShift-d440cdf2{0%,to{opacity:.8}50%{opacity:1}}.hero-content[data-v-d440cdf2]{z-index:1;justify-content:center;align-items:center;gap:40px;padding:20px 0;display:flex;position:relative}.hero-left[data-v-d440cdf2]{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.hero-badge[data-v-d440cdf2]{color:#1e40af;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e40af14;border:1px solid #1e40af26;border-radius:9999px;align-items:center;gap:6px;margin-bottom:0;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot[data-v-d440cdf2]{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot-d440cdf2}@keyframes pulse-dot-d440cdf2{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.hero-title[data-v-d440cdf2]{font-family:var(--font-serif);letter-spacing:-.01em;color:#0f172a;margin-bottom:0;font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:700;line-height:1.2}.accent-text[data-v-d440cdf2]{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#22c55e 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift-d440cdf2}@keyframes gradientShift-d440cdf2{0%,to{background-position:0%}50%{background-position:100%}}.hero-sub[data-v-d440cdf2]{color:#475569;margin:0;font-size:1.0625rem;line-height:1.6}.particle[data-v-d440cdf2],.floating-shape[data-v-d440cdf2],.deco-svg[data-v-d440cdf2]{display:block}.particle[data-v-d440cdf2]{opacity:.6;border-radius:50%;width:6px;height:6px;animation:20s ease-in-out infinite floatParticle-d440cdf2;position:absolute}.p1[data-v-d440cdf2]{background:#3b82f6;animation-duration:18s;animation-delay:0s;top:15%;left:10%}.p2[data-v-d440cdf2]{background:#22c55e;width:4px;height:4px;animation-duration:22s;animation-delay:-3s;top:25%;right:15%}.p3[data-v-d440cdf2]{background:#f59e0b;width:5px;height:5px;animation-duration:20s;animation-delay:-6s;top:60%;left:5%}.p4[data-v-d440cdf2]{background:#ef4444;width:4px;height:4px;animation-duration:24s;animation-delay:-9s;top:70%;right:10%}.p5[data-v-d440cdf2]{background:#8b5cf6;width:5px;height:5px;animation-duration:19s;animation-delay:-12s;top:40%;left:20%}.p6[data-v-d440cdf2]{background:#06b6d4;width:4px;height:4px;animation-duration:21s;animation-delay:-15s;top:80%;left:15%}@keyframes floatParticle-d440cdf2{0%,to{opacity:.6;transform:translate(0)scale(1)}25%{opacity:.8;transform:translate(30px,-40px)scale(1.2)}50%{opacity:.4;transform:translate(-20px,-80px)scale(.8)}75%{opacity:.7;transform:translate(40px,-40px)scale(1.1)}}.floating-shape[data-v-d440cdf2]{opacity:.15;animation:12s ease-in-out infinite floatShape-d440cdf2;position:absolute}.shape-1[data-v-d440cdf2]{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:120px;height:120px;animation-delay:0s;top:10%;right:5%}.shape-2[data-v-d440cdf2]{background:linear-gradient(135deg,#22c55e 0%,#10b981 100%);border-radius:50%/60% 40%;width:80px;height:80px;animation-delay:-4s;bottom:15%;left:8%}.shape-3[data-v-d440cdf2]{background:linear-gradient(135deg,#f59e0b 0%,#eab308 100%);border-radius:50%;width:60px;height:60px;animation-delay:-8s;top:50%;right:15%}@keyframes floatShape-d440cdf2{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(15px,-20px)rotate(5deg)}66%{transform:translate(-10px,10px)rotate(-3deg)}}.deco-svg[data-v-d440cdf2]{opacity:.5;animation:30s linear infinite rotateDeco-d440cdf2;position:absolute}.deco-1[data-v-d440cdf2]{width:200px;height:200px;top:5%;left:3%}.deco-2[data-v-d440cdf2]{width:150px;height:150px;animation-duration:25s;animation-direction:reverse;bottom:10%;right:5%}@keyframes rotateDeco-d440cdf2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section[data-v-d440cdf2]{padding:24px 0}.content-section[data-v-d440cdf2]{background:0 0;min-height:400px}.profile-layout[data-v-d440cdf2]{grid-template-columns:260px 1fr;gap:28px;max-width:1200px;margin:0 auto;padding:8px 0;display:grid}@media (width<=900px){.profile-layout[data-v-d440cdf2]{grid-template-columns:1fr}.profile-sidebar[data-v-d440cdf2]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sidebar-user-card[data-v-d440cdf2]{grid-column:1/-1}}@media (width<=600px){.profile-sidebar[data-v-d440cdf2]{grid-template-columns:1fr}}.profile-sidebar[data-v-d440cdf2]{flex-direction:column;gap:20px;display:flex}.sidebar-user-card[data-v-d440cdf2]{text-align:center;background:#faf8f5eb;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;box-shadow:0 4px 12px #0000000f}.sidebar-avatar-wrapper[data-v-d440cdf2]{cursor:pointer;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:3px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 16px;transition:all .3s;display:flex}.sidebar-avatar-wrapper[data-v-d440cdf2]:hover{border-color:#3b82f6;transform:scale(1.05)}.sidebar-avatar-wrapper .avatar[data-v-d440cdf2]{justify-content:center;align-items:center;display:flex}.sidebar-username[data-v-d440cdf2]{color:#1a1a1a;font-size:1.375rem;font-weight:700;font-family:var(--font-serif);margin-bottom:4px}.sidebar-phone[data-v-d440cdf2]{color:#9ca3af;margin-bottom:16px;font-size:1rem}.sidebar-btn-row[data-v-d440cdf2]{justify-content:center;gap:10px;display:flex}.sidebar-change-pwd-btn[data-v-d440cdf2]{color:#3b82f6;cursor:pointer;background:0 0;border:1.5px solid #3b82f6;border-radius:8px;flex:1;padding:8px 12px;font-size:1rem;font-weight:600;transition:all .2s}.sidebar-change-pwd-btn[data-v-d440cdf2]:hover{background:#eff6ff}.sidebar-logout-btn[data-v-d440cdf2]{color:#dc2626;cursor:pointer;background:0 0;border:1.5px solid #fecaca;border-radius:8px;flex:1;padding:8px 12px;font-size:1rem;font-weight:600;transition:all .2s}.sidebar-logout-btn[data-v-d440cdf2]:hover{background:#fef2f2}.sidebar-stat-card[data-v-d440cdf2]{background:#faf8f5eb;border:1px solid #e2e8f0;border-radius:16px;padding:26px 24px;box-shadow:0 4px 12px #0000000f}.sidebar-stat-row[data-v-d440cdf2]{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:16px;padding:6px 0;transition:opacity .2s;display:flex}.sidebar-stat-row[data-v-d440cdf2]:hover{opacity:.7}.sidebar-stat-row[data-v-d440cdf2]:last-child{border-bottom:none;padding-bottom:0}.sidebar-stat-row[data-v-d440cdf2]:first-child{padding-top:0}.sidebar-stat-icon[data-v-d440cdf2]{background:#f0f9ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.sidebar-stat-info[data-v-d440cdf2]{flex:1;justify-content:flex-start;align-items:center;gap:6px;display:flex}.sidebar-stat-num[data-v-d440cdf2]{color:#1a1a1a;font-size:1.625rem;font-weight:700;font-family:var(--font-serif);line-height:1}.sidebar-stat-label[data-v-d440cdf2]{color:#9ca3af;white-space:nowrap;margin-left:-4px;font-size:1rem}.profile-main[data-v-d440cdf2]{flex-direction:column;gap:24px;display:flex}.main-stats-grid[data-v-d440cdf2]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.main-stat-card[data-v-d440cdf2]{cursor:pointer;background:#faf8f5eb;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:20px;padding:28px 24px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000f}.main-stat-card[data-v-d440cdf2]:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #1e40af1f}.main-stat-icon-wrap[data-v-d440cdf2]{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.main-stat-card:first-child .main-stat-icon-wrap[data-v-d440cdf2]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.main-stat-card:last-child .main-stat-icon-wrap[data-v-d440cdf2]{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.main-stat-num[data-v-d440cdf2]{color:#1a1a1a;font-size:2.5rem;font-weight:700;font-family:var(--font-serif);line-height:1}.main-stat-label[data-v-d440cdf2]{color:#6b7280;margin-top:4px;font-size:1rem}.detail-card[data-v-d440cdf2]{background:#faf8f5eb;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px;box-shadow:0 4px 12px #0000000f}.detail-card-header[data-v-d440cdf2]{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.detail-card-title[data-v-d440cdf2]{color:#1a1a1a;font-size:1.375rem;font-weight:700;font-family:var(--font-serif)}.detail-card-badge[data-v-d440cdf2]{color:#3b82f6;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.detail-grid[data-v-d440cdf2]{grid-template-columns:repeat(2,1fr);gap:0;display:grid}@media (width<=700px){.detail-grid[data-v-d440cdf2]{grid-template-columns:1fr}}.detail-item[data-v-d440cdf2]{border-bottom:1px solid #f5f5f5;align-items:flex-start;padding:14px 0;display:flex}.detail-item[data-v-d440cdf2]:nth-last-child(-n+2){border-bottom:none}@media (width<=700px){.detail-item[data-v-d440cdf2]{border-bottom:1px solid #f5f5f5}.detail-item[data-v-d440cdf2]:last-child{border-bottom:none}}.detail-label[data-v-d440cdf2]{color:#9ca3af;flex-shrink:0;width:88px;padding-top:2px;font-size:1.0625rem}.detail-value[data-v-d440cdf2]{color:#1a1a1a;flex:1;align-items:center;gap:8px;font-size:1.125rem;font-weight:500;display:flex}.edit-wrapper[data-v-d440cdf2]{align-items:center;gap:8px;display:flex}.nickname-input[data-v-d440cdf2],.field-input[data-v-d440cdf2]{color:#1a1a1a;background:#fff;border:2px solid #f97316;border-radius:8px;outline:none;width:140px;padding:6px 10px;font-size:1.125rem;font-weight:500}.detail-edit-btn[data-v-d440cdf2]{cursor:pointer;color:#d1d5db;opacity:0;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.detail-item:hover .detail-edit-btn[data-v-d440cdf2]{opacity:1}.detail-edit-btn[data-v-d440cdf2]:hover{color:#f97316}.main-actions-grid[data-v-d440cdf2]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.main-action-card[data-v-d440cdf2]{cursor:pointer;background:#faf8f5eb;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:22px 20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.main-action-card[data-v-d440cdf2]:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 20px #1e40af1a}.main-action-icon[data-v-d440cdf2]{background:#f0f9ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.main-action-title[data-v-d440cdf2]{color:#1a1a1a;margin-bottom:4px;font-size:1.0625rem;font-weight:600}.main-action-desc[data-v-d440cdf2]{color:#9ca3af;font-size:.875rem}.empty-state[data-v-d440cdf2]{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:0 auto;padding:4rem 2rem;display:flex}.login-state[data-v-d440cdf2]{background:#faf8f5eb;border:1px solid #e2e8f0;border-radius:16px;padding:3rem 2rem;box-shadow:0 2px 8px #00000014}.empty-icon[data-v-d440cdf2]{margin-bottom:1rem;font-size:3rem}.empty-title[data-v-d440cdf2]{color:#1f2937;font-size:1.5rem;font-weight:700;font-family:var(--font-serif);margin-bottom:.5rem}.empty-desc[data-v-d440cdf2]{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.login-btn[data-v-d440cdf2]{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.login-btn[data-v-d440cdf2]:hover{background:#ea580c;transform:translateY(-2px)}[data-v-d440cdf2] .el-dialog{background:#fff;border:1px solid #e2e8f0;border-radius:12px}[data-v-d440cdf2] .el-dialog__header{border-bottom:1px solid #f0f0f0;padding:20px 24px}[data-v-d440cdf2] .el-dialog__title{color:#1a1a1a;font-size:1.125rem;font-weight:600}[data-v-d440cdf2] .el-dialog__body{padding:24px}[data-v-d440cdf2] .el-form-item__label{color:#475569;font-size:1rem;font-weight:500}[data-v-d440cdf2] .el-input__wrapper{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:none!important}[data-v-d440cdf2] .el-input__inner{color:#1a1a1a}[data-v-d440cdf2] .el-button--primary{background:#3b82f6;border-color:#3b82f6}[data-v-d440cdf2] .el-button--primary:hover{background:#2563eb;border-color:#2563eb}[data-v-d440cdf2] .el-button{color:#6b7280;background:0 0;border-color:#d1d5db}@media (width<=768px){.profile-page[data-v-d440cdf2]{background:#f8fafc}.hero[data-v-d440cdf2]{min-height:auto!important;padding:32px 0 0!important}.hero-title[data-v-d440cdf2]{font-size:22px!important}.hero-sub[data-v-d440cdf2]{font-size:13px!important}.hero-badge[data-v-d440cdf2]{padding:4px 12px!important;font-size:12px!important}.profile-layout[data-v-d440cdf2]{flex-direction:column!important;gap:0!important}.profile-sidebar[data-v-d440cdf2]{flex-shrink:0!important;width:100%!important}.profile-main[data-v-d440cdf2]{width:100%!important;padding:0!important}.sidebar-user-card[data-v-d440cdf2]{color:#fff!important;background:linear-gradient(135deg,#1e40af,#2563eb)!important;border:none!important;border-radius:12px!important;margin-bottom:0!important;padding:24px 16px!important;box-shadow:0 4px 16px #1e40af40!important}.sidebar-avatar-wrapper[data-v-d440cdf2]{background:#fff3!important;border-color:#ffffff4d!important}.sidebar-avatar-wrapper svg circle[data-v-d440cdf2],.sidebar-avatar-wrapper svg path[data-v-d440cdf2]{stroke:#fffc!important}.sidebar-username[data-v-d440cdf2]{color:#fff!important;font-size:18px!important;font-weight:700!important}.sidebar-phone[data-v-d440cdf2]{color:#ffffffb3!important;font-size:13px!important}.sidebar-change-pwd-btn[data-v-d440cdf2]{color:#fff!important;background:#fff3!important;border-color:#ffffff4d!important}.sidebar-logout-btn[data-v-d440cdf2]{color:#fffc!important;background:#ffffff1f!important;border-color:#0000!important}.sidebar-stat-card[data-v-d440cdf2]{background:#fff!important;border:none!important;border-radius:12px!important;margin:0!important;padding:14px!important;box-shadow:0 1px 3px #0000000f!important}.sidebar-stat-row[data-v-d440cdf2]{padding:10px 0!important}.detail-card[data-v-d440cdf2]{background:#fff!important;border:none!important;border-radius:12px!important;margin:0!important;padding:14px!important;box-shadow:0 1px 3px #0000000f!important}.detail-card-header[data-v-d440cdf2]{margin-bottom:12px!important}.detail-card-title[data-v-d440cdf2]{font-size:16px!important}.detail-grid[data-v-d440cdf2]{grid-template-columns:1fr!important;gap:0!important}.detail-item[data-v-d440cdf2]{border-bottom:1px solid #f0f0f0!important;flex-direction:column!important;gap:4px!important;padding:12px 0!important}.detail-item[data-v-d440cdf2]:last-child{border-bottom:none!important}.detail-label[data-v-d440cdf2]{color:#9ca3af!important;width:auto!important;font-size:12px!important}.detail-value[data-v-d440cdf2]{font-size:14px!important}.section.content-section .container[data-v-d440cdf2]{padding:0!important}.section.content-section[data-v-d440cdf2]{padding:0 12px 20px!important}.profile-sidebar[data-v-d440cdf2],.profile-main[data-v-d440cdf2],.profile-layout .container[data-v-d440cdf2]{padding:0!important}.profile-layout[data-v-d440cdf2]{gap:10px!important}}