/* Wash 用户中心移动端样式（800px 及以下） */
/* 设备专属规则集中在此文件，公共颜色、字体和组件样式保留在基础模块。 */

@media screen and (min-width: 769px) and (max-width: 800px) {
.wash-user-page .wash-user-panel { display: flex; gap: var(--space-3); align-items: flex-start; }
  .wash-user-page .wash-uc-side { width: 240px; flex-shrink: 0; display: flex; flex-direction: column; gap: var(--space-2); }
  .wash-user-page .wash-uc-side .wash-user-info { margin-bottom: 0; }
  .wash-user-page .wash-uc-side .wash-points-card { margin: 0; }
  .wash-user-page .wash-uc-side .wash-tabs { flex-direction: column; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; gap: 4px; }
  .wash-user-page .wash-uc-side .wash-tab { width: 100%; text-align: left; border-bottom: 0; border-radius: var(--radius-md); padding: 8px 12px; transition: background var(--transition-fast),color var(--transition-fast); }
  .wash-user-page .wash-uc-side .wash-tab:hover { background: var(--color-surface-hover); }
  .wash-user-page .wash-uc-side .wash-tab.active { border-bottom: 0; background: var(--mc-blue-soft); color: var(--mc-blue-deep); font-weight: 600; }
  .wash-user-page .wash-uc-main { flex: 1; min-width: 0; }
}

@media screen and (max-width:1024px) {
  .wash-user-page .wash-user-panel { grid-template-columns: 200px minmax(0,1fr); }
}

@media screen and (max-width:768px) {
  .wash-user-page { padding: 0; }
  .wash-user-page .wash-user-card { padding: var(--space-3); }
  .wash-user-page .wash-user-info { flex-wrap: wrap; gap: 8px; justify-content: center; text-align: center; }
  .wash-user-page .wash-list-item a,.wash-user-page .wash-user-name { flex: 1 1 100%; }
  .wash-user-page .wash-tab { padding: 8px 12px; font-size: .875rem; }
  .wash-user-page .wash-form-row { flex-direction: column; gap: 8px; }
  .wash-user-page .wash-form-row .wash-btn-outline,.wash-user-page .wash-form-row .wash-btn-primary { width: 100%; box-sizing: border-box; }
  .wash-user-page .wash-list-item { flex-wrap: wrap; gap: 4px; }
  .wash-user-page .wash-list-date { margin-left: 0; display: none; }
  .wash-user-page .wash-user-panel,.wash-user-page .wash-write-layout { grid-template-columns: 1fr; }
  .wash-user-page .wash-uc-side { flex-direction: column; }
  .wash-user-page .wash-tabs { white-space: nowrap; -webkit-overflow-scrolling: touch; flex-direction: row; overflow-x: auto; }
  .wash-user-page .wash-tabs .wash-tab { width: auto; flex-shrink: 0; }
  .wash-user-page .wash-write-side { position: static; }
  .wash-user-page .wash-list-item { grid-template-columns: minmax(0,1fr) auto; }
  .wash-user-page .wash-dl-row {
    grid-template-columns: minmax(0,1fr) 36px;
    grid-template-areas: "name delete" "url url" "code code";
  }
  .wash-user-page .wash-dl-row .wd-code,
  .wash-user-page .wash-dl-row .wd-url { grid-column: auto; }
}

@media screen and (max-width:480px) {
  .wash-user-page .wash-user-header { flex-direction: column; gap: 8px; }
  .wash-user-page .wash-tab-content,.wash-user-page .wash-user-card { padding: var(--space-2); }
}