/* 每页最多显示 40 件商品，列表中的商品仅供浏览。 */
.goods-list > .goods-item {
  cursor: default;
}

.goods-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px 0;
  color: #4e5969;
}

.goods-pagination button,
.goods-pagination select {
  padding: 6px 10px;
  border: 1px solid #e5e6eb;
  border-radius: 4px;
  background: white;
  color: #165dff;
  font: inherit;
}

.goods-pagination button:not(:disabled),
.goods-pagination select {
  cursor: pointer;
}

.goods-pagination button:disabled {
  color: #a9aeb8;
}

/* 手机布局覆盖原站桌面快照的固定宽度与悬浮定位。 */
@media (max-width: 1023px) {
  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .body .main,
  .body .header,
  .body .header-left,
  .body .header-logo,
  .body .header-logo-name {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .body .header {
    height: auto;
    padding: 16px 12px;
    align-items: flex-start;
  }

  .body .header-logo {
    align-items: flex-start;
  }

  .body .header-logo-img {
    flex-shrink: 0;
  }

  .body .header-logo-name {
    flex: 1;
  }

  .body .header .arco-space {
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
  }

  .body .header .arco-space-item {
    min-width: 0;
    max-width: 100%;
    margin-right: 0 !important;
  }

  .body .header .sh_names > .arco-space > .arco-space-item {
    flex-basis: 100%;
  }

  .body .header .name {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.5;
  }

  .body .header .arco-btn {
    min-height: 36px;
  }

  .body .arco-card-body {
    padding: 12px;
  }

  .body .goods-list > .goods-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 12px 4px;
  }

  .body .goods-item .goods-title {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.6;
  }

  .body .goods-item .goods-info {
    width: 100%;
    justify-content: flex-end;
    margin: 0;
  }

  .body .goods-item .subinfo {
    flex-wrap: wrap;
  }

  .goods-pagination {
    gap: 8px;
  }

  #goods-status {
    flex-basis: 100%;
    text-align: center;
  }

  .goods-pagination button,
  .goods-pagination select {
    min-height: 44px;
  }

  .body footer,
  .body .j-site-footer-bottom {
    position: static;
    width: auto;
    height: auto;
  }

  .body .j-site-footer-bottom-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
  }

  .body .j-site-footer-copyright {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.6;
  }

  [data-ztooltip].z-top {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    flex-direction: row !important;
    justify-content: center;
    gap: 12px !important;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    background: white;
    border-top: 1px solid #e5e6eb;
  }

  [data-ztooltip].z-top .z-item {
    flex: 1;
    max-width: 180px;
    min-height: 44px;
  }

  .body .back-top {
    bottom: calc(80px + env(safe-area-inset-bottom));
    right: 12px;
  }
}

@media (max-width: 1023px) {
  .body .header {
    flex-direction: column;
    gap: 12px;
  }

  .body .header > .hidden-md-and-down {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  .body .header .munu {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
}