.search {
  --van-cell-background-color: transparent;
  --van-cell-font-size: 16px;
  --van-cell-text-color: #333;
  --van-cell-value-color: #999;
  --van-cell-icon-size: 10px;

  --base-bg: #f6f8f9;

  .sticky {
    :global(.van-sticky--fixed) {
      box-shadow: 10px 10px 10px var(--box-shadow-color);
    }
    > div {
      background-color: var(--base-bg);
    }
  }
  .title {
    padding-top: 16px;
    :global(.van-cell__value) {
      font-size: 12px;
    }
  }
  .keywords {
    margin-top: 10px;
    padding: 0 14px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    .content::-webkit-scrollbar {
      display: none; /* Chrome Safari */
    }
    .content {
      flex: 1;
      overflow: hidden;
      overflow-x: auto;
      display: flex;
      .searchKeyword {
        --van-tag-default-color: white;
        --van-tag-text-color: #333;
        font-size: 14px;
        padding: 4px 10px;
        margin-right: 5px;
        word-break: keep-all;
      }
    }

    .remove {
      font-size: 16px;
    }
  }
}
