<style>
.panel {
  width:4rem;
  opacity: 0.7;
 background: rgba(211,211,211, 0.5);
}
body.with-panel-left-reveal .page {
  -webkit-transform:translate3d(4rem,0,0);
  transform:translate3d(4rem,0,0)
}
body.with-panel-left-reveal .page {
  -webkit-transform:translate3d(4rem,0,0);
  transform:translate3d(4rem,0,0)
}
body.with-panel-left-reveal .panel-overlay {
  margin-left:4rem
}
body.with-panel-left-cover .panel-left {
  -webkit-transform:translate3d(4rem,0,0);
  transform:translate3d(4rem,0,0)
}
body.with-panel-right-reveal .page {
  -webkit-transform:translate3d(-4rem,0,0);
  transform:translate3d(-4rem,0,0)
}
body.with-panel-right-reveal .panel-overlay {
  margin-left:-4rem
}
body.with-panel-right-cover .panel-right {
  -webkit-transform:translate3d(-4rem,0,0);
  transform:translate3d(-4rem,0,0)
}

.panel.panel-left.panel-cover {
  left:-4rem
}
.panel.panel-right.panel-cover {
  right:-4rem
}

.row {
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto; 
    width: 100%;
  }
  .item-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    white-space: nowrap; 
    padding: 8px;
  }
  .item-media {
    font-size: 24px; 
    margin-right: 8px; /* 间距 */
  }
  .item-subtitle {
    font-size: 16px; 
  }

   @media (max-width: 768px) {
    .item-media {
      font-size: 14px; 
    }
    .item-subtitle {
      font-size: 16px; 
    }
  }

</style>