/* 文件职责：费用设置页面响应式规则。 */
.page-store-fees {
  @media (max-width: 768px) {
    .fees-field-grid {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .fees-input {
      width: 100%;
    }

    .other-fee-row {
      flex-wrap: wrap;
    }

    .other-fee-input-row {
      width: 100%;
      margin-left: 34px;
    }

    .other-fee-input {
      width: 100%;
    }

    .packaging-mode-toggle-row {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    .mode-toggle-label {
      text-align: center;
    }
  }
}

@media (max-width: 640px) {
  .drawer-range-row {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .drawer-input {
    width: 100%;
  }
}
