/* 用户中心 / 课堂中心 / 教师中心 · 侧栏手机折叠 */



.zhsl-center-sidebar-toolbar {

  padding: 15px 20px;

  border-bottom: 1px solid var(--zhsl-border, #e9ecef);

  box-sizing: border-box;

}



.zhsl-center-sidebar-title {

  margin: 0;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 1.2;

  color: inherit;

}



.zhsl-center-sidebar-current {

  display: none;

  margin: 4px 0 0;

  font-size: 12px;

  color: var(--zhsl-text-light, #909399);

  line-height: 1.4;

}



.zhsl-center-sidebar-toggle {

  display: none;

}



@media screen and (max-width: 767px) {

  .zhsl-member-center-wrap .col-sm-3 {

    width: 100%;

    max-width: 100%;

    flex: 0 0 100%;

    padding-bottom: 0;

  }



  .zhsl-member-center-wrap .col-sm-9 {

    width: 100%;

    max-width: 100%;

    flex: 0 0 100%;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible.block {

    margin-bottom: 12px;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);

  }



  /* 标题左、按钮右 */

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-toolbar,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible > .block-header {

    display: block !important;

    width: 100%;

    min-height: 52px;

    padding: 10px 12px 10px 14px;

    cursor: pointer;

    user-select: none;

    box-sizing: border-box;

    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);

    border-bottom: 1px solid #ebeef5;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-toolbar::before,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-toolbar::after,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible > .block-header::before,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible > .block-header::after {

    display: table;

    content: ' ';

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-toolbar::after,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible > .block-header::after {

    clear: both;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-head-text {

    overflow: hidden;

    text-align: left;

    padding-top: 2px;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-title {

    font-size: 17px;

    font-weight: 700;

    text-transform: none;

    color: #303133;

    line-height: 1.25;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible.zhsl-center-sidebar-has-current:not(.is-open) .zhsl-center-sidebar-current {

    display: block;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-current {

    font-size: 12px;

    color: #909399;

    margin-top: 2px;

  }



  /* 展开/收起按钮（覆盖 iOS 原生 button 外观） */

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible button.zhsl-center-sidebar-toggle,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible button.zhsl-center-sidebar-toggle.btn {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    gap: 4px;

    float: right !important;

    margin: 0 0 0 10px !important;

    padding: 6px 12px !important;

    min-height: 32px;

    border: 1px solid #b3d8ff !important;

    border-radius: 999px !important;

    background: #ecf5ff !important;

    background-image: none !important;

    color: #409eff !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    white-space: nowrap;

    cursor: pointer;

    box-shadow: none !important;

    text-shadow: none !important;

    vertical-align: middle;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible button.zhsl-center-sidebar-toggle:active,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible button.zhsl-center-sidebar-toggle:focus,

  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible button.zhsl-center-sidebar-toggle:hover {

    outline: none !important;

    border-color: #409eff !important;

    background: #d9ecff !important;

    color: #337ecc !important;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible button.zhsl-center-sidebar-toggle .fa {

    font-size: 11px;

    line-height: 1;

    transition: transform 0.2s ease;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible.is-open button.zhsl-center-sidebar-toggle .fa-chevron-down {

    transform: rotate(180deg);

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible:not(.is-open) .zhsl-center-sidebar-panel {

    display: none !important;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible.is-open .zhsl-center-sidebar-panel {

    display: block !important;

    border-top: 1px solid #ebeef5;

  }



  .zhsl-member-center-wrap .zhsl-center-sidebar-collapsible.is-open .zhsl-center-sidebar-current {

    display: none !important;

  }

}



@media screen and (min-width: 768px) {

  .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-panel {

    display: block !important;

  }



  .zhsl-center-sidebar-collapsible .zhsl-center-sidebar-toolbar {

    cursor: default;

  }

}