.floatingPanel-container {
  --border-radius: 16px;
  --header-height: 24px;
  --adm-floating-panel-z-index: 1020;

  :global {
    // 1px 设置解决问题
    // https://github.com/ant-design/ant-design-mobile/issues/5538
    .adm-floating-panel-content {
      position: relative;
      top: -1px;
      display: flex;
      flex-direction: column;
    }
  }

  &::after {
    height: calc(100vh + 1px);
  }

  .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 10px 24px;
    font-size: 16px;

    & > span:nth-of-type(1) {
      font-weight: bold;
    }

    .closeIcon {
      font-size: 28px !important;
    }
  }

  .content {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
    padding: 0 10px 16px 24px;
    overflow-y: scroll;
  }

  .bottom {
    position: fixed;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);

    :global {
      .adm-button {
        flex: 1;
        height: 42px;
        border: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: bold;
      }

      .adm-button-default {
        background: #f8f8f8;
        color: rgba(0, 0, 0, 0.86);
      }

      .adm-button-primary {
        background: #4183ff;
        color: #ffffff;
      }
    }
  }

  .listItem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f6f7fb;

    &:last-child {
      border: none;
    }

    .label {
      width: 80px;
      font-size: 14px;
      word-break: break-all;
    }

    .defaultTag {
      padding: 4px 6px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 4px;
      background: #f0f0f0;
      color: rgba(0, 0, 0, 0.86);
    }

    .primaryTag {
      padding: 4px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 4px;
      background: #f0f5ff;
      color: #4183ff;
    }

    .select-container {
      flex: 1;
      display: flex;
      flex-direction: row-reverse;

      & > div {
        display: flex;
        align-items: center;
      }

      :global {
        .anticon {
          font-size: 24px !important;
        }
      }
    }

    .selectedValue {
      color: rgba(0, 0, 0, 0.86);
      font-size: 14px;
      font-weight: bold;
      word-break: break-all;
    }

    .emptySelectedValue {
      color: rgba(0, 0, 0, 0.4);
      font-size: 14px;
      font-weight: bold;
    }

    .empty {
      width: 12px;
    }
  }

  .tag {
    width: 50px;
    padding: 4px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
    margin: auto;
  }

  .actionSheet {
    :global {
      .adm-action-sheet-extra {
        padding-bottom: 0;
        font-size: 12px;
        border: none;
      }
    }
  }
}