.wrap {
  width: 100vw !important;
  height: 100vh !important;
  background: url(https://game.gtimg.cn/images/gp/cp/a20250415lz/detail-bg.jpg) no-repeat center / cover;
  position: relative;
  /* display: flex;
  align-items: center; */
  overflow-x: hidden;
}

.detail-wrap {
  /* height: 100vh; */
}

.detail-top-box {
  width: 14.86rem;
  margin: 0 auto;
  font-size: 0.22rem;
  color: #76e6ff;
  display: flex;
  align-items: center;
  height: 0.8rem;
}

.detail-top-box::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20250415lz/news/info-icon.png) no-repeat center / cover;
}

.detail-top-box a {
  font-size: 0.2rem;
  margin: 0 0.2rem;
}

.detail-top-box a:last-child {
  font-size: 0.2rem;
  color: #97a8c7;
  pointer-events: none;
}

.news-detail-content {
  width: 14.86rem;
  background-color: #ffffff;
  margin: 0 auto 0.6rem;
  box-sizing: border-box;
  padding: 0.5rem 0.44rem;
}

.news-detail-title {
  font-size: 0.72rem;
  font-weight: bold;
  line-height: 1.2;
}

.news-detail-info {
  display: flex;
  align-items: center;
  height: 0.3rem;
  margin: 0.35rem 0;
}

.news-detail-author {
  font-size: 0.2rem;
  color: #2c58b4;
  margin-right: 0.32rem;
}

.info-line {
  flex-grow: 1;
  background-color: #bac9da;

  height: 1px;
  position: relative;
}

.info-line::before {
  content: '';
  width: 0.03rem;
  height: 0.03rem;
  position: absolute;
  background-color: #bac9da;
  left: -0.09rem;
  top: 50%;
  transform: translateY(-50%);
}

.info-line::after {
  content: '';
  width: 0.03rem;
  height: 0.03rem;
  position: absolute;
  background-color: #bac9da;
  right: -0.09rem;
  top: 50%;
  transform: translateY(-50%);
}

.news-detail-data {
  font-size: 0.2rem;
  color: #899097;
  margin-left: 0.32rem;
}

.detail-container {
  font-size: 0.24rem;
  line-height: .36rem;
  color: #151920;
}

.detail-container p {
  margin-bottom: 0.4rem;
}

.detail-container img {
  width: 100%;
}