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

@media screen and (max-width:800px) {
  .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: minmax(0,1fr); gap: var(--space-2); }
  .wash-user-page .wash-uc-side,.wash-user-page .wash-uc-main { width: 100%; min-width: 0; max-width: 100%; flex-direction: column; gap: var(--space-2); }
  .wash-user-page .wash-uc-side>*,.wash-user-page .wash-uc-main>* { min-width: 0; max-width: 100%; margin-bottom: 0; }
  .wash-user-page .wash-user-name { max-width: 100%; overflow-wrap: anywhere; }
  .wash-user-page .wash-points-card { margin: 0; }
  .wash-user-page .wash-completion { flex-direction: column; align-items: stretch; }
  .wash-user-page .wash-completion-text { order: -1; white-space: normal; }
  .wash-user-page .wash-completion-bar { flex: none; width: 100%; }
  .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-list-ops { grid-column: 1/-1; justify-content: flex-end; flex-wrap: wrap; }
  .wash-user-page .wash-list-ops button { min-height: 44px; padding: 8px 12px; }
  .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); }
}