/* profile-settings.css — "我的" tab: profile card, settings rows, iOS switch,
 *                       about/version display, data-refresh row state colors. */

.profile-card {
  display: flex; align-items: center; gap: 14px;
  margin: 8px var(--edge-pad) 22px var(--edge-pad);
  padding: 16px 16px;
  background: var(--card-bg);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.profile-avatar {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary), #5856d6);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0,122,255,0.25);
}
.profile-avatar svg { width: 30px; height: 30px; }
.profile-name-wrap {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; gap: 4px;
}
.profile-field-label {
  font-size: 11px; font-weight: 600;
  color: var(--text-dark); opacity: 0.5;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.profile-nickname-input {
  width: 100%;
  height: 30px;
  border: none;
  background: transparent;
  font-size: 17px;
  font-weight: 600;
  color: var(--text-dark);
  outline: none;
  padding: 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.profile-nickname-input:focus {
  border-bottom-color: var(--primary);
}
.profile-nickname-input::placeholder {
  color: var(--input-placeholder);
  font-weight: 500;
}

.settings-section-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-dark);
  opacity: 0.55;
  /* iOS 风格的"小标题"惯例:比所在分组卡片再往内缩 12px, 形成视觉层级.
     原 28px = 旧分组 margin(16) + 内缩(12); 现 24px = 新分组 var(--edge-pad)(12) + 内缩(12). */
  margin: 0 0 8px calc(var(--edge-pad) + 12px);
  letter-spacing: 0.2px;
}

.settings-group {
  margin: 0 var(--edge-pad) 24px var(--edge-pad);
  background: var(--card-bg);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.settings-row {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 14px;
  position: relative;
  min-height: 56px;
}
.settings-row + .settings-row::before {
  content: '';
  position: absolute;
  top: 0; left: 60px; right: 14px;
  height: 0.5px;
  background: var(--glass-border);
}

.settings-row-icon {
  width: 30px; height: 30px;
  border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.settings-row-icon svg { width: 18px; height: 18px; }

.settings-row-text {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; gap: 1px;
}
.settings-row-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-dark);
  line-height: 1.25;
}
.settings-row-desc {
  font-size: 11.5px;
  color: var(--text-dark);
  opacity: 0.5;
  line-height: 1.3;
}

/* [Perf v7] 单选行（自动 / 高画质 / 省电）—— 点击即选，右侧蓝色对勾标识当前选中
   与 iOS Settings App 的「网络选择」「字体大小」等单选页保持一致的视觉语言 */
.settings-row-radio {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s ease;
}
.settings-row-radio:active {
  background-color: rgba(0,0,0,0.04);
}
.settings-row-check {
  width: 20px; height: 20px;
  color: var(--primary, #007aff);
  flex-shrink: 0;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.settings-row-radio.is-selected .settings-row-check {
  opacity: 1;
  transform: scale(1);
}
/* 性能模式 = min 时禁用对勾动画（保持视觉一致） */
body.perf-min .settings-row-check {
  transition: none;
  transform: none;
}
@media (prefers-color-scheme: dark) {
  .settings-row-radio:active { background-color: rgba(255,255,255,0.05); }
}

.ios-switch {
  position: relative;
  display: inline-block;
  width: 51px; height: 31px;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ios-switch input {
  position: absolute;
  width: 0; height: 0;
  opacity: 0;
  pointer-events: none;
}
.ios-switch-track {
  position: absolute; inset: 0;
  background: #e9e9eb;
  border-radius: 9999px;
  transition: background-color 0.25s ease;
}
.ios-switch-thumb {
  position: absolute;
  top: 2px; left: 2px;
  width: 27px; height: 27px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.18), 0 0 1px rgba(0,0,0,0.1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ios-switch input:checked + .ios-switch-track {
  background: #34c759;
}
.ios-switch input:checked + .ios-switch-track .ios-switch-thumb {
  transform: translateX(20px);
}
.ios-switch:active .ios-switch-thumb {
  width: 31px;
}
.ios-switch input:checked + .ios-switch-track:active .ios-switch-thumb {
  transform: translateX(16px);
}

@media (prefers-color-scheme: dark) {
  .ios-switch-track { background: #39393d; }
  .settings-row + .settings-row::before { background: rgba(255,255,255,0.08); }
}

.settings-footer {
  text-align: center;
  font-size: 11px;
  color: var(--text-dark);
  opacity: 0.35;
  padding: 12px 0 32px 0;
  letter-spacing: 1px;
  font-weight: 500;
}

#view-profile .view-scroll {

  padding-top: var(--safe-top);
  padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
}

/* ── 「我的」页面 - 关于本应用 ──────────────────────────────────
   - .about-version-value：版本号右侧灰字
   - .about-info-display：版权声明展开后的下沉信息块
   - .about-update-found：检查到新版本时的高亮态（蓝色标题 + desc）
*/
.about-version-value {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-dark);
  opacity: 0.45;
  letter-spacing: 0.2px;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

.about-info-display {
  padding: 12px 16px 14px;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--text-dark);
  opacity: 0.65;
  letter-spacing: 0.1px;
  background: rgba(120,120,128,0.06);
  position: relative;
  text-align: left;
}
.about-info-display::before {
  content: '';
  position: absolute;
  top: 0; left: 14px; right: 14px;
  height: 0.5px;
  background: var(--glass-border);
}

/* 发现新版本：标题 / desc 蓝色高亮，提示用户「这里可点」 */
#about-update-row.about-update-found .settings-row-title {
  color: #0a84ff;
}
#about-update-row.about-update-found .settings-row-desc {
  color: #0a84ff;
  opacity: 0.75;
}

@media (prefers-color-scheme: dark) {
  .about-info-display { background: rgba(255,255,255,0.04); }
}

/* ── 「我的」页面 - 数据刷新行 状态高亮 ───────────────────────────
   - .data-refresh-success：刷新成功（绿色高亮，~2.2s 后自动回 idle）
   - .data-refresh-error  ：刷新失败（红色高亮，~2.2s 后自动回 idle）
   - 颜色取自 iOS 系统语义色，与现有 settings-row-icon 配色保持一致
*/
#data-refresh-row.data-refresh-success .settings-row-title { color: #34c759; }
#data-refresh-row.data-refresh-success .settings-row-desc  { color: #34c759; opacity: 0.75; }
#data-refresh-row.data-refresh-error   .settings-row-title { color: #ff3b30; }
#data-refresh-row.data-refresh-error   .settings-row-desc  { color: #ff3b30; opacity: 0.75; }