/* 偏好设置样式 */
.pref-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f0f2f4; }
.pref-row:last-child { border-bottom: none; }
.pref-label { font-size: 13.5px; color: #4b5563; }
.pref-input { padding: 7px 12px; font-size: 13.5px; border: 1.5px solid #d7dbe0; border-radius: 8px; outline: none; background: #fff; color: #1f2937; }
.pref-input:focus { border-color: #4c8bf5; }
.pref-avatar-row { display: flex; align-items: center; gap: 10px; }
.pref-avatar { border-radius: 50%; object-fit: cover; display: inline-block; vertical-align: middle; }
.pref-avatar-default { display: inline-flex; align-items: center; justify-content: center; background: #eef0f2; font-size: 16px; }
.pref-upload { font-size: 12.5px; color: #2563eb; cursor: pointer; border: 1px solid #c7d7fb; border-radius: 8px; padding: 6px 12px; }
.pref-upload:hover { background: #eff6ff; }
.pref-remove { font-size: 12.5px; color: #dc2626; background: none; border: 1px solid #fecaca; border-radius: 8px; padding: 6px 10px; cursor: pointer; }
.pref-remove:hover { background: #fef2f2; }
#prefSaved { font-size: 12px; color: #16a34a; opacity: 0; transition: opacity .3s; margin-left: 8px; }

/* 顶栏头像与昵称对齐 */
.user-name { display: inline-flex; align-items: center; gap: 4px; }

/* 昵称编辑 */
.pf-edit-nick { font-size: 12.5px; color: #2563eb; background: none; border: none; cursor: pointer; margin-left: 8px; }
.pf-edit-nick:hover { text-decoration: underline; }

[data-theme="dark"] .pref-row { border-bottom-color: #334155; }
[data-theme="dark"] .pref-label { color: #cbd5e1; }
[data-theme="dark"] .pref-input { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-theme="dark"] .pref-avatar-default { background: #334155; }