/* study999-mobile-course-tabs-v1 */

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

  /*
   「我的课」页面：
   隐藏重复标题及说明，但保留原始 DOM，
   以免影响课程页面识别和导航功能。
  */
  #app > section.study999-mobile-mine-intro > h1,
  #app > section.study999-mobile-mine-intro
  > p.study999-mobile-mine-description {
    display: none !important;
  }

  /* 去掉标题和说明隐藏后留下的多余空间。 */
  #app > section.study999-mobile-mine-intro {
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 6px 8px !important;
    margin-bottom: 7px !important;
  }

  /*
   「我的课」和「成绩」页：
   仅对识别出的三个课程管理按钮应用一排三列布局。
  */
  html body #app .study999-mobile-three-course-tabs {
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    grid-template-rows: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;

    align-items: stretch !important;
    justify-items: stretch !important;
  }

  html body #app
  .study999-mobile-three-course-tabs
  > button {
    box-sizing: border-box !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 2px 4px !important;

    white-space: nowrap !important;
    line-height: 1.15 !important;
  }

  /*
   只更改手机版显示文字。
   按钮内部原文字不变，保留原程序对按钮名称的识别。
  */
  html body #app
  .study999-mobile-three-course-tabs
  > button[data-study999-mobile-short="mine"] {
    font-size: 0 !important;
  }

  html body #app
  .study999-mobile-three-course-tabs
  > button[data-study999-mobile-short="mine"]::after {
    content: "我的课" !important;
    display: inline !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  html body #app
  .study999-mobile-three-course-tabs
  > button[data-study999-mobile-short="edit"] {
    font-size: 0 !important;
  }

  html body #app
  .study999-mobile-three-course-tabs
  > button[data-study999-mobile-short="edit"]::after {
    content: "编辑课" !important;
    display: inline !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  html body #app
  .study999-mobile-three-course-tabs
  > button[data-study999-mobile-short="all"] {
    font-size: 13px !important;
  }

}

/* study999-mobile-library-intro-hide-v2 */

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

  /* 仅隐藏课程库首页重复的标题和说明。 */
  #app > section.study999-mobile-library-intro > h1,
  #app > section.study999-mobile-library-intro > p {
    display: none !important;
  }

  /* 收起标题及说明原来占用的空白。 */
  #app > section.study999-mobile-library-intro {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 8px !important;
    margin-bottom: 7px !important;
  }

}