.avatar {
  width: calc(140 * var(--rpx));
  height: calc(140 * var(--rpx));
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: calc(20 * var(--rpx));
  background: #e2e8f0;
}
.nav-row { cursor: pointer; }
.switch {
  width: 48px;
  height: 28px;
  appearance: none;
  background: #cbd5e1;
  border-radius: 999px;
  position: relative;
  border: none;
  cursor: pointer;
}
.switch:checked { background: #3b82f6; }
.switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.15s;
}
.switch:checked::after { transform: translateX(20px); }