[hidden]{display:none!important}.as-admin{max-width:1240px;margin:auto;padding:30px}.as-muted{color:#777;line-height:1.7}.as-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.as-toolbar input{flex:1;min-width:200px}.as-toolbar input,.as-toolbar select,dialog input,dialog textarea{padding:12px;border:1px solid #ddd;font:inherit;box-sizing:border-box}.as-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.as-case{border:1px solid #ddd;background:#fff;padding:24px}.as-case h3{margin:0 0 14px}.as-case p{line-height:1.6}.as-case .btn{margin-top:12px}.as-pages{display:flex;justify-content:center;gap:24px;align-items:center;margin:30px}.as-error{color:#a32e22;white-space:pre-wrap}dialog{width:min(780px,95vw);max-height:90vh;border:1px solid #bbb;padding:26px;box-sizing:border-box}dialog::backdrop{background:#0007}.as-dialog-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-26px;background:#fff;padding:12px 0;z-index:1}dialog section{padding:20px 0;border-top:1px solid #eee}dialog h3{margin:0 0 16px}dialog p{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}dialog label{display:block;margin:16px 0;line-height:1.6}dialog label input:not([type=checkbox]),dialog textarea{display:block;width:100%;margin-top:8px}dialog textarea{min-height:80px}.as-actions{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.as-alert{border-left:4px solid #ab4935;padding:16px;background:#fff7f3}.as-history{padding:12px 0;border-bottom:1px solid #eee}.as-history p{margin:6px 0}.as-images{display:flex;gap:10px;flex-wrap:wrap}.as-images img{width:140px;height:110px;object-fit:contain;border:1px solid #ddd}.as-dialog-head h2{font-size:20px}.as-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.as-facts p{margin:4px 0}@media(max-width:600px){.as-admin{padding:18px}.as-facts{grid-template-columns:1fr}dialog{padding:18px}.as-dialog-head{top:-18px}}
#openGiftPolicy{margin-bottom:20px}#giftPolicyDialog{width:min(800px,92vw);max-height:90vh;overflow:auto;border:1px solid #ddd;padding:24px;box-sizing:border-box}#giftPolicyForm>label{display:block;margin:18px 0}#giftPolicyForm>label>input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #ddd}.gift-policy-products{max-height:40vh;overflow:auto;border:1px solid #ddd;background:#fff}.gift-policy-row{display:flex;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #eee}.gift-policy-row small{display:block;color:#888;margin-top:6px}.gift-policy-switch{font-weight:600}

/* 售后页跟随公共后台断点，保证卡片、筛选和原生 dialog 都能在小屏完整操作。 */
.as-admin {
  width: 100%;
  box-sizing: border-box;
}

.as-toolbar select,
.as-toolbar button {
  min-height: 44px;
}

.as-toolbar select {
  max-width: 100%;
  padding: 0 12px;
  border: 1px solid #ddd;
  background: #fff;
  font: inherit;
}

dialog {
  max-width: calc(100vw - 24px);
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 700px) {
  .as-admin {
    padding: 18px 14px;
  }

  .as-admin h2 {
    font-size: 23px;
  }

  .as-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 20px 0;
  }

  .as-toolbar input,
  .as-toolbar select,
  .as-toolbar button {
    width: 100%;
    min-width: 0;
  }

  .as-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .as-case {
    padding: 18px;
  }

  .as-pages {
    justify-content: space-between;
    gap: 10px;
    margin: 24px 0;
  }

  .as-pages .btn {
    flex: 1;
  }

  dialog,
  #giftPolicyDialog {
    width: calc(100vw - 16px);
    max-width: none;
    max-height: calc(100vh - 16px);
    max-height: calc(100svh - 16px);
    padding: 16px;
  }

  .as-dialog-head {
    top: -16px;
    gap: 12px;
  }

  .as-dialog-head h2 {
    font-size: 18px;
  }

  dialog section {
    padding: 16px 0;
  }

  .as-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .as-actions .btn,
  #saveGiftPolicy {
    width: 100%;
  }

  .as-images img {
    width: calc(50% - 5px);
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .gift-policy-row {
    align-items: flex-start;
    padding: 12px;
  }
}

@media (max-width: 380px) {
  .as-images img {
    width: 100%;
  }
}
