.pisell-datetime-display {
  display: flex;
  color: #000;

  // 水平布局（默认）
  &-horizontal {
    flex-direction: column;
    gap: 4px;

    .pisell-datetime-display-time {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
    }

    .pisell-datetime-display-date,
    .pisell-datetime-display-weekday {
      font-size: 12px;
      font-weight: 400;
      line-height: 1.2;
    }

    // 合并显示的日期星期（Sat, 21 Mar 或 周五 1月30日）
    .pisell-datetime-display-combined {
      font-size: 12px;
    }

    // 日期和星期同一行的容器
    .pisell-datetime-display-date-weekday-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
    }
  }

  // 垂直布局
  &-vertical {
    flex-direction: column;
    gap: 8px;

    .pisell-datetime-display-time {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
    }

    .pisell-datetime-display-date,
    .pisell-datetime-display-weekday {
      font-size: 12px;
      font-weight: 400;
      line-height: 1.2;
    }
  }

  // 单行布局
  &-inline {
    flex-direction: row;
    align-items: center;
    gap: 0;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
  }

  // 分隔符：保留空格占位，避免纯空格时被折叠不显示
  &-separator {
    display: inline-block;
    white-space: pre;
  }

  // 自定义格式化
  &-custom {
    display: inline-block;
  }

  // 时间
  &-time {
    display: inline-block;
  }

  // 日期
  &-date {
    display: inline-block;

    // 英文环境合并格式（Sat, 21 Mar）
    &.pisell-datetime-display-combined {
      display: block;
    }
  }

  // 星期
  &-weekday {
    display: inline-block;
  }
}