/* 用户中心布局与样式 */

.jizone-user-center { background:#fff; border:1px solid #eaeaea; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.04); padding:16px; }

.uc-nav { display:flex; gap:12px; border-bottom:1px solid #eee; margin:-16px -16px 16px; padding:0 16px 10px; }
.uc-nav .nav-link { color:#555; text-decoration:none; padding:6px 10px; border-radius:6px; }
.uc-nav .nav-link.active { background:#f0f7ff; color:#1d5fa7; }
.uc-nav .nav-link:hover { background:#f6f6f6; }

.uc-profile { position:relative; }
.uc-cover { height:160px; border-radius:8px; overflow:hidden; background:#f5f5f5; }
.uc-cover-image { width:100%; height:100%; background-size:cover; background-position:center; }
.uc-cover-edit { position:absolute; right:12px; bottom:12px; background:rgba(0,0,0,0.5); color:#fff; padding:6px 8px; border-radius:4px; font-size:12px; }

.uc-avatar { position:relative; margin-top:-32px; padding-left:8px; }
.uc-avatar .avatar { border:3px solid #fff; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,0.12); }
.uc-avatar-image-wrapper { display:inline-block; position:relative; }
.uc-avatar-edit { position:absolute; right:-4px; bottom:-4px; background:#2271b1; color:#fff; padding:4px 6px; font-size:11px; border-radius:4px; }

.uc-basic { margin-top:8px; }
.uc-basic h3 { margin:4px 0; font-size:20px; }
.uc-signature { color:#666; margin:0; }

.uc-stats { display:flex; gap:16px; margin:12px 0 4px; }
.uc-stat { background:#fafafa; border:1px solid #eee; border-radius:6px; padding:8px 12px; min-width:90px; text-align:center; }
.uc-stat .num { font-weight:700; font-size:18px; color:#333; }
.uc-stat .label { font-size:12px; color:#888; }

.uc-section { margin-top:16px; }
.uc-section h4 { margin:0 0 10px; font-size:16px; }

.uc-posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.uc-post-card { border:1px solid #eee; border-radius:8px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.uc-post-thumb { width:100%; height:160px; object-fit:cover; background:#f3f3f3; }
.uc-post-thumb.placeholder { display:block; width:100%; height:160px; background:linear-gradient(180deg,#f8f8f8,#efefef); }
.uc-post-body { padding:10px 12px; }
.uc-post-title { font-size:15px; margin:0 0 6px; }
.uc-post-title a { color:#333; text-decoration:none; }
.uc-post-title a:hover { color:#2271b1; }
.uc-post-meta { display:flex; gap:8px; align-items:center; color:#888; font-size:12px; }
.status-pill { padding:2px 6px; border-radius:999px; font-size:12px; }
.status-pending { background:#fff7e6; color:#ad4e00; border:1px solid #ffe7ba; }
.status-draft { background:#f5f5f5; color:#666; border:1px solid #eaeaea; }

.uc-actions { margin-top:12px; }
.uc-actions .button-primary { background:#2271b1; color:#fff; border:none; padding:8px 12px; border-radius:6px; text-decoration:none; }
.uc-actions .button-primary:hover { background:#1b5a8c; }

/* 设置区块表单优化 */
.uc-section form textarea { width:100%; box-sizing:border-box; padding:8px; border:1px solid #ddd; border-radius:6px; }
.uc-section form input[type="password"] { width:100%; box-sizing:border-box; padding:8px; border:1px solid #ddd; border-radius:6px; }
.uc-section form .button-primary { background:#2271b1; color:#fff; border:none; padding:8px 12px; border-radius:6px; }
.uc-section form .button-primary:hover { background:#1b5a8c; }

@media (max-width: 1024px) {
  .uc-posts-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px) {
  .uc-posts-grid { grid-template-columns:1fr; }
  .uc-nav { flex-wrap:wrap; }
}