/* v2.0.4 封面工坊：宽幅表单、稳定比例和统一视觉层级 */
@media (min-width: 1180px) {
  .page-wrap:has(.cover-layout) {
    max-width: 1460px !important;
    padding: 24px 28px !important;
  }

  .cover-layout {
    display: grid !important;
    grid-template-columns: minmax(570px, 0.95fr) minmax(520px, 1.05fr) !important;
    gap: 22px !important;
    align-items: start !important;
  }
}

.cover-layout > .cover-panel {
  min-width: 0 !important;
  border-radius: 16px !important;
  padding: 22px !important;
  border: 1px solid color-mix(in srgb, var(--border-color) 84%, var(--brand-primary)) !important;
  background: color-mix(in srgb, var(--bg-card) 96%, transparent) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .12) !important;
}

.cover-layout > .cover-panel:first-child {
  overflow: visible !important;
}

.cover-layout > .cover-panel:nth-child(2) {
  position: sticky !important;
  top: 18px !important;
  min-height: min(720px, calc(100vh - 100px)) !important;
}

.cover-form-row {
  width: 100% !important;
  min-width: 0 !important;
  gap: 14px !important;
}

.cover-form-row-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 1fr) !important;
}

.cover-form-row-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.cover-form-row > div,
.cover-form-row .t-select,
.cover-form-row .t-input,
.cover-form-row .t-input__wrap {
  min-width: 0 !important;
  width: 100% !important;
}

.cover-panel label {
  display: block !important;
  margin: 0 0 7px !important;
  line-height: 1.45 !important;
  letter-spacing: .01em;
}

.cover-panel .t-input,
.cover-panel .t-textarea__inner,
.cover-panel .t-select-input {
  border-radius: 9px !important;
}

.cover-panel .t-input {
  min-height: 42px !important;
}

.cover-preview,
.cover-panel img[alt="外部封面"] {
  max-height: min(680px, calc(100vh - 210px)) !important;
  object-fit: contain !important;
}

@media (max-width: 1179px) {
  .cover-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .cover-form-row-2,
  .cover-form-row-3 {
    grid-template-columns: 1fr !important;
  }
}