/* =========================================================
 * 首页左侧栏（子主题覆盖）优化
 * ======================================================= */
@media (min-width: 768px){
  .aside-show{
    /* 约等于“图标 + 6个汉字 + 内边距” */
    --main-aside-basis-width: 140px;
  }

  .beacon-home-aside .beacon-aside-body{
    width: var(--main-aside-basis-width);
  }

  .beacon-home-aside .beacon-aside-card{
    background: transparent !important;
    box-shadow: none !important;
    border: 0;
    padding: 4px 6px;
  }

  .beacon-home-aside .beacon-aside-card.blur-bg{
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .beacon-home-aside .beacon-aside-list{
    padding-right: 4px;
  }

  .beacon-home-aside .beacon-aside-item{
    margin: 2px 0;
  }

  .beacon-home-aside .beacon-aside-link{
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--muted-color, #5b6475);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
  }

  .beacon-home-aside .beacon-aside-link:hover{
    color: var(--theme-color);
    text-decoration: none;
    border-color: rgba(59,130,246,.18);
    background: rgba(59,130,246,.08);
  }

  .beacon-home-aside .beacon-aside-icon{
    width: 18px;
    min-width: 18px;
    text-align: center;
    color: var(--theme-color);
  }

  .beacon-home-aside .beacon-aside-label{
    flex: 1;
    min-width: 0;
    max-width: 6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .beacon-home-aside .beacon-aside-item.has-sub > .beacon-aside-link{
    padding-right: 9px;
  }

  .beacon-home-aside .beacon-aside-item .aside-more{
    display: none !important;
  }

  .beacon-home-aside .beacon-aside-bottom::before{
    width: calc(100% - 16px);
  }

  .beacon-home-aside .beacon-aside-outdent{
    border: 1px dashed rgba(127,127,127,.25);
  }

  .aside-min .beacon-home-aside .beacon-aside-body{
    width: 60px;
  }

  .aside-min .beacon-home-aside .beacon-aside-body.hover-show{
    width: var(--main-aside-basis-width);
  }

  .aside-min .beacon-home-aside .beacon-aside-body:not(.hover-show) .beacon-aside-link{
    justify-content: center;
    gap: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .aside-min .beacon-home-aside .beacon-aside-body:not(.hover-show) .beacon-aside-label{
    display: none;
  }

  .aside-min .beacon-home-aside .beacon-aside-body:not(.hover-show) .aside-more{
    display: none;
  }

  .aside-min .beacon-home-aside .beacon-aside-body.hover-show .beacon-aside-link{
    justify-content: flex-start;
    gap: 8px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .aside-min .beacon-home-aside .beacon-aside-body.hover-show .beacon-aside-label{
    display: inline;
  }

  .aside-min .beacon-home-aside .beacon-aside-body.hover-show .aside-more{
    display: block;
  }

  .aside-min .beacon-home-aside .beacon-aside-icon{
    visibility: visible !important;
    opacity: 1 !important;
  }

  .aside-show .home-content > *,
  .aside-show .apd-body,
  .aside-show .ioui-main{
    transition: margin-left .24s ease;
  }

  .aside-show.beacon-aside-hover-open .home-content > *,
  .aside-show.beacon-aside-hover-open .apd-body,
  .aside-show.beacon-aside-hover-open .ioui-main{
    margin-left: calc(15px + var(--main-aside-basis-width)) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .aside-show .home-content > *,
  .aside-show .apd-body,
  .aside-show .ioui-main{
    transition: none !important;
  }
}

@media (max-width: 767.98px){
  .beacon-home-aside{
    display: none !important;
  }
}