.bewly-design.homePage {
  .header-channel {
    // margin-top: 10px;
    // display: none;
  }

  // fix when the container does not fill the recommended container in large screen situations
  .recommended-container_floor-aside .container {
    max-width: 100% !important;
  }

  // adjust the fixed header in original bilibili homepage
  .header-channel {
    background-color: transparent;
    backdrop-filter: var(--bew-filter-glass-1);
    background: var(--bew-elevated);
    // border-radius: var(--bew-radius);
    // margin: 10px 20px;
    // width: calc(100% - 40px);
    box-shadow: var(--bew-shadow-2), var(--bew-shadow-edge-glow-1);
  }

  .header-channel-fixed-right-item {
    background-color: var(--bew-fill-1);
    border-color: var(--bew-border-color);

    &:hover {
      background-color: var(--bew-fill-2);
    }
  }

  .bili-live-card .bili-live-card__info--living img,
  .single-card.floor-card .living > img {
    filter: var(--bew-filter-icon-glow);
  }

  &.dark {
    .floor-card .floor-title {
      color: var(--bew-text-1);
    }

    .single-card.floor-card .badge {
      background-color: var(--bew-content-solid);
    }
  }
}
