.page-apps {
  background-color: #282c34;
  height: 100vh;
}
.page-apps .title {
  text-align: center;
  background-color: #25272d;
  font-size: 24px;
  color: #fff;
  padding: 10px;
  border-bottom: 1px solid #3c3c3c;
}
.page-apps .inner {
  display: flex;
  color: #fff;
  padding: 15px;
  overflow-y: visible;
  overflow-x: hidden;
}
.page-apps .inner .list-box .app-item {
  border: 1px solid #666;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease; /* 添加过渡效果 */
}
.page-apps .inner .list-box .app-item .el-image {
  padding: 6px;
}
.page-apps .inner .list-box .app-item .el-image .el-image__inner {
  border-radius: 10px;
}
.page-apps .inner .list-box .app-item .title {
  display: flex;
  padding: 10px;
}
.page-apps .inner .list-box .app-item .title .name {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #47fff1;
}
.page-apps .inner .list-box .app-item .title .opt {
  position: relative;
  top: -5px;
}
.page-apps .inner .list-box .app-item .hello-msg {
  height: 60px;
  padding: 10px;
  font-size: 14px;
  color: #999;
}
.page-apps .inner .list-box .app-item:hover {
  box-shadow: 0 0 10px var(--shadow-color); /* 添加阴影效果 */
  transform: translateY(-10px); /* 向上移动10像素 */
}