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

@media screen and (min-width:801px) {
  .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); }
}

/* PC 用户中心收口：间距只由容器 gap 管理，避免卡片边距叠加。 */
@media screen and (min-width:801px) {
  .wash-user-page .wash-user-panel {
    height: auto;
    gap: var(--space-2);
    align-items: flex-start;
  }

  .wash-user-page .wash-uc-side,
  .wash-user-page .wash-uc-main {
    gap: var(--space-2);
    align-items: flex-start;
  }

  .wash-user-page .wash-uc-side > *,
  .wash-user-page .wash-uc-main > * {
    flex: 0 0 auto;
  }

  .wash-user-page .wash-uc-side > * {
    width: 100%;
    box-sizing: border-box;
  }

  .wash-user-page .wash-uc-main {
    align-self: flex-start;
  }

  .wash-user-page .wash-uc-main > * {
    width: 100%;
    box-sizing: border-box;
  }

  .wash-user-page .wash-user-panel:hover {
    box-shadow: none;
  }

  .wash-user-page .wash-completion {
    margin-bottom: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .wash-user-page .wash-completion-text {
    order: -1;
    width: 100%;
    white-space: normal;
    text-align: left;
  }

  .wash-user-page .wash-completion-bar {
    flex: none;
    width: 100%;
  }

  .wash-user-page .wash-uc-side .wash-tabs {
    align-self: stretch;
    gap: 2px;
    padding: 6px;
  }

  .wash-user-page .wash-tabs .wash-tab,
  .wash-user-page .wash-uc-side .wash-tab {
    min-height: 38px;
    padding: 0 12px;
  }

  .wash-user-page .wash-tab-content {
    padding: 20px;
  }

  .wash-user-page .wash-tab-content > :last-child,
  .wash-user-page .wash-settings-block:last-child {
    margin-bottom: 0;
  }

  .wash-user-page .wash-settings-block {
    margin-bottom: var(--space-1);
  }

  /* PC 写文章布局：编辑区全宽，封面与发布设置移至下方。 */
  .wash-user-page .wash-write-layout {
    grid-template-columns: minmax(0,1fr);
    gap: var(--space-2);
  }

  .wash-user-page .wash-write-main {
    width: 100%;
  }

  .wash-user-page .wash-write-side {
    position: static;
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(220px,.75fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
      "cover category"
      "cover actions";
    gap: var(--space-2);
    align-items: start;
    padding: var(--space-2) 0 0;
    border: 0;
    border-top: 1px solid var(--color-border);
    border-radius: 0;
    background: transparent;
  }

  .wash-user-page .wash-write-side > .wash-form-group {
    margin-bottom: 0;
  }

  .wash-user-page .wash-write-side > .wash-form-group:first-child {
    grid-area: category;
  }

  .wash-user-page .wash-write-side > .wash-form-group:nth-child(2) {
    grid-area: cover;
  }

  .wash-user-page .wash-write-side > .wash-form-actions {
    grid-area: actions;
    align-self: end;
    margin-top: 0;
  }
}