.user-center[data-v-f4dd3157]{padding:24px 0}.container[data-v-f4dd3157]{margin:0 auto;max-width:1400px;padding:0 24px}.page-title[data-v-f4dd3157]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-weight:600;margin-bottom:32px;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.user-center-layout[data-v-f4dd3157]{display:flex;gap:24px}.user-sidebar[data-v-f4dd3157]{flex-shrink:0;width:260px}.user-sidebar-card[data-v-f4dd3157]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:0}.sidebar-user-info[data-v-f4dd3157]{border-bottom:1px solid #f0f0f0;padding:24px;text-align:center}.sidebar-avatar-container[data-v-f4dd3157]{border:2px solid #e8e8e8;border-radius:50%;height:80px;margin:0 auto 12px;overflow:hidden;width:80px}.sidebar-avatar[data-v-f4dd3157]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sidebar-avatar-placeholder[data-v-f4dd3157]{align-items:center;background-color:#f0f0f0;display:flex;height:100%;justify-content:center;width:100%}.sidebar-username[data-v-f4dd3157]{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 4px}.sidebar-user-email[data-v-f4dd3157]{color:#718096;font-size:14px;margin:0}.sidebar-nav[data-v-f4dd3157]{padding:16px 0}.sidebar-menu[data-v-f4dd3157]{list-style:none;margin:0;padding:0}.menu-item[data-v-f4dd3157]{margin-bottom:8px}.menu-item .menu-link[data-v-f4dd3157]{align-items:center;border-radius:8px;color:#666;cursor:pointer;display:flex;padding:16px 20px;text-decoration:none;transition:all .3s ease}.menu-item .menu-link[data-v-f4dd3157]:hover{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#667eea;transform:translate(4px)}.menu-item .menu-item.active .menu-link[data-v-f4dd3157],.ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.menu-item .menu-icon[data-v-f4dd3157]{margin-right:12px}.user-content[data-v-f4dd3157]{flex:1}.user-content .user-info-card[data-v-f4dd3157]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.user-content .page-header[data-v-f4dd3157]{margin-bottom:24px}.page-title[data-v-f4dd3157]{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.page-desc[data-v-f4dd3157]{color:#718096;font-size:14px;margin:0}.page-desc strong[data-v-f4dd3157]{color:#667eea;font-weight:700}.articles-list[data-v-f4dd3157]{display:flex;flex-direction:column;gap:16px}.article-item[data-v-f4dd3157]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .3s}.article-item[data-v-f4dd3157]:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.article-cover[data-v-f4dd3157]{border-radius:8px;flex-shrink:0;height:140px;overflow:hidden;position:relative;width:200px}.article-cover img[data-v-f4dd3157]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.article-item:hover .article-cover img[data-v-f4dd3157]{transform:scale(1.1)}.article-category[data-v-f4dd3157]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;left:12px;padding:4px 12px;position:absolute;top:12px}.article-info[data-v-f4dd3157]{display:flex;flex:1;flex-direction:column;justify-content:space-between}.article-title[data-v-f4dd3157]{color:#1a202c;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 12px}.article-excerpt[data-v-f4dd3157]{color:#718096;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.6;margin:0 0 12px;-webkit-box-orient:vertical;overflow:hidden}.article-tags[data-v-f4dd3157]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.article-tag[data-v-f4dd3157]{font-size:12px}.article-meta[data-v-f4dd3157]{justify-content:space-between}.article-meta[data-v-f4dd3157],.author-info[data-v-f4dd3157]{align-items:center;display:flex}.author-info[data-v-f4dd3157]{color:#a0aec0;font-size:13px;gap:8px}.avatar[data-v-f4dd3157]{border-radius:50%;height:24px;width:24px}.author-name[data-v-f4dd3157]{color:#4a5568;font-weight:600}.separator[data-v-f4dd3157]{color:#cbd5e0}.stats[data-v-f4dd3157]{display:flex;gap:16px}.stat-item[data-v-f4dd3157]{align-items:center;color:#a0aec0;display:flex;font-size:13px;gap:4px}.empty-state[data-v-f4dd3157]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:60px 20px;text-align:center}.empty-icon[data-v-f4dd3157]{font-size:64px;margin-bottom:16px;opacity:.8}.empty-state h3[data-v-f4dd3157]{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p[data-v-f4dd3157]{color:#718096;font-size:14px;line-height:1.5;margin:0 0 24px}.empty-state[data-v-f4dd3157] .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:16px;transition:all .3s}.empty-state[data-v-f4dd3157] .ant-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media(max-width:968px){.user-center-layout[data-v-f4dd3157]{flex-direction:column}.user-sidebar[data-v-f4dd3157]{width:100%}.user-sidebar-card[data-v-f4dd3157]{display:flex;flex-direction:column}.sidebar-user-info[data-v-f4dd3157]{border-bottom:none;padding:20px}.sidebar-nav[data-v-f4dd3157]{padding:0}.user-menu[data-v-f4dd3157]{display:flex;overflow-x:auto;white-space:nowrap}.user-menu[data-v-f4dd3157] .ant-menu-item{min-width:auto;padding:0 16px}.user-menu[data-v-f4dd3157] .ant-menu-item-selected:after{display:none}}