
.landing-page-view[data-v-code009-landing] {
  padding: 12px;
}
.toolbar-card[data-v-code009-landing],
.table-card[data-v-code009-landing] {
  border-radius: 6px;
  margin-bottom: 12px;
}
.status-select[data-v-code009-landing] {
  width: 120px;
}
.table-actions[data-v-code009-landing] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.left-actions[data-v-code009-landing] {
  display: flex;
  gap: 8px;
}
.cover-thumb[data-v-code009-landing],
.empty-thumb[data-v-code009-landing] {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  height: 54px;
  width: 54px;
}
.empty-thumb[data-v-code009-landing] {
  align-items: center;
  color: #909399;
  display: flex;
  justify-content: center;
}
.image-field[data-v-code009-landing] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.upload-tile[data-v-code009-landing] {
  align-items: center;
  background: #fbfdff;
  border: 1px dashed #dcdfe6;
  border-radius: 4px;
  color: #8c939d;
  cursor: pointer;
  display: inline-flex;
  height: 148px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 148px;
}
.upload-tile.is-uploading[data-v-code009-landing] {
  cursor: not-allowed;
  opacity: 0.65;
}
.upload-tile input[data-v-code009-landing] {
  display: none;
}
.upload-plus[data-v-code009-landing] {
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
}
.upload-preview[data-v-code009-landing] {
  display: block;
  height: 100%;
  width: 100%;
}
.upload-helper[data-v-code009-landing] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.upload-tip[data-v-code009-landing] {
  color: #606266;
  font-size: 12px;
  line-height: 18px;
}
.upload-tip b[data-v-code009-landing] {
  color: #f56c6c;
  font-weight: 400;
}
.number-input[data-v-code009-landing] {
  width: 160px;
}
.oss-search[data-v-code009-landing] {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 12px;
}
.oss-table[data-v-code009-landing] {
  margin-bottom: 12px;
}
@media (max-width: 760px) {
.table-actions[data-v-code009-landing] {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}
}

