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

/* 布局 */
.uc-container { display: grid; grid-template-columns: 250px 1fr; gap: 30px; }
.uc-sidebar { background: #fff; border-radius: 8px; padding: 20px; height: fit-content; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.uc-sidebar-item { display:block; padding: 12px 16px; border-left: 3px solid transparent; cursor: pointer; transition: all .3s; font-size: 14px; color: #666; text-decoration: none; }
.uc-sidebar-item:hover { background: #f0f0f0; border-left-color: #0066cc; }
.uc-sidebar-item.active { background: #f0f7ff; border-left-color: #0066cc; color: #0066cc; font-weight: 600; }
.uc-content { background: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.uc-content.main-section { padding: 30px; }
.uc-content-header { border-bottom: 2px solid #f0f0f0; display:flex; }
.uc-content-tab { padding: 16px 24px; border-bottom: 2px solid transparent; cursor: default; font-size: 14px; color: #666; flex: 1; text-align: left; }
.uc-content-tab.active { color: #0066cc; border-bottom-color: #0066cc; }
.uc-content-body { padding: 24px; }
.uc-content.main-section .uc-content-body { padding: 0; }
 
/* 文本辅助 */
.uc-content .muted { color:#666; font-size:14px; margin-top:4px; margin-bottom:16px; }
.uc-content.main-section h2 { font-size:22px; font-weight:600; color:#333; margin-bottom:8px; }
.uc-content.main-section h3 { font-size:16px; font-weight:600; color:#333; margin:8px 0 12px; }

/* 卡片 */
.card { background:#fff; border:1px solid #e5e7eb; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.08); margin-bottom:16px; }
.card-header { padding:12px 16px; border-bottom:1px solid #e5e7eb; font-weight:600; color:#374151; }
.card-body { padding:16px; }

/* 表单（作用域限定在用户中心内容区） */
.uc-content .form-group { margin-bottom:12px; }
.uc-content .form-group label { display:block; font-size:13px; color:#6b7280; margin-bottom:6px; }
.uc-content .search-input { width:100%; padding:8px 10px; border:1px solid #d1d5db; border-radius:4px; font-size:14px; }
.uc-content .date-range { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.uc-content .actions { margin-top:10px; }
.uc-content .filters { margin-top:10px; }
.uc-content .settings-form input { padding:10px 12px; border:1px solid #D1D5DB; border-radius:8px; background:#fff; transition: border-color .2s ease, box-shadow .2s ease; }
.uc-content .form-group input,
.uc-content .form-group select,
.uc-content .form-group textarea { width:100%; padding:10px 12px; border:1px solid #D1D5DB; border-radius:8px; background:#fff; transition: border-color .2s ease, box-shadow .2s ease; }
.uc-content .form-group input:focus,
.uc-content .form-group select:focus,
.uc-content .form-group textarea:focus { outline:none; border-color:#0066cc; box-shadow: 0 0 0 3px rgba(0,102,204,0.1); }
.uc-content .form-group input.error { border-color:#dc3545; box-shadow: 0 0 0 3px rgba(220,53,69,0.12); }
.uc-content .settings-form .actions { margin-top:8px; }
/* 个人设置布局 */
.uc-content .form-row { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
.uc-content .form-row.one-col { grid-template-columns: 1fr; }
.uc-content .form-actions { grid-column: 1 / -1; display:flex; justify-content:flex-start; margin-top:4px; }
.uc-content .btn-group { display:flex; gap:8px; }
.uc-content input:disabled, .uc-content select:disabled, .uc-content textarea:disabled { background-color:#f5f5f5; color:#666; cursor:not-allowed; }

/* 个人设置：用户名、邮箱输入宽度适配 */
.uc-content .input-md { max-width: 420px; }

/* 列表与标签（仅在用户中心内容区） */
.uc-content .thread-list .thread-item { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 12px; margin-bottom: 12px; }
.uc-content .thread-excerpt { color: #4b5563; margin-top: 6px; }
.uc-content .stats { display: inline-flex; gap: 10px; margin-left: 12px; color: #4b5563; }
.uc-content .thread-status { font-size: 12px; font-weight: 600; color: #fff; padding: 2px 8px; border-radius: 12px; display: inline-block; margin-bottom: 6px; }
.uc-content .thread-status.answered { background: #16a34a; }
.uc-content .thread-status.unanswered { background: #ef4444; }
.uc-content .thread-tags .tag { display: inline-block; background: #eef2f7; color: #1f2937; border: 1px solid #d1d5db; border-radius: 6px; padding: 2px 6px; margin-top: 6px; }