@charset "utf-8";
.t30{padding-top:30px;}
.page-index[data-v-328760a9] {
	padding-bottom:60px;
	padding-top:96px
}
.yunqi .news[data-v-ff752b44] {
	background-image:url(./news.b4d947f7.png)
}
.news[data-v-ff752b44] {
	align-items:center;
	background:#fff url(./news.00fb3ee7.png) no-repeat 16px 16px;
	background-size:80px 68px;
	border-radius:16px;
	display:flex;
	flex-wrap:wrap;
	font-size:16px;
	height:100px;
	justify-content:center;
	justify-content:flex-start;
	margin-bottom:60px;
	padding:16px 32px 16px 128px
}
.news-list[data-v-ff752b44] {
	margin-right:26px;
	width:240px
}
.news-list[data-v-ff752b44]:nth-child(4n) {
margin-right:0
}
.news-list .item[data-v-ff752b44] {
	display:inline-block;
	line-height:1.2;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%
}
.banner[data-v-b0a67bfb] {
	left:50%;
	margin:0 auto;
	position:relative;
	transform:translate(-50%);
	width:1200px
}
.banner .swiper img[data-v-b0a67bfb] {
	height:310px;
	width:100%
}
.interview[data-v-a8600c3c] {
	color:#666;
	font-size:16px;
	margin-top:1.2rem
}
.current-writer[data-v-a8600c3c] {
	background-color:#db4fa50f;
	border-radius:16px;
	display:flex;
	padding:16px
}
.current-writer .title[data-v-a8600c3c] {
	color:#333;
	font-size:18px;
	font-weight:700;
	line-height:26px;
	margin-bottom:2px
}
.current-writer .cover[data-v-a8600c3c] {
	border-radius:8px;
	display:block;
	height:190px;
	margin-right:24px;
	overflow:hidden;
	width:142px
}
.current-writer .cover-img[data-v-a8600c3c] {
	height:100%;
	width:100%
}
.current-writer .writer[data-v-a8600c3c] {
	margin-right:48px;
	width:448px
}
.current-writer .writer-info[data-v-a8600c3c] {
	margin-bottom:16px
}
.current-writer .writer-info-wrap[data-v-a8600c3c] {
	margin-bottom:4px
}
.current-writer .writer-info-wrap a[data-v-a8600c3c], .current-writer .writer-info-wrap span[data-v-a8600c3c] {
	display:inline-block;
	line-height:24px;
	vertical-align:middle
}
.current-writer .writer-info-wrap .name[data-v-a8600c3c] {
	color:#333;
	font-size:22px;
	font-weight:700;
	margin-right:12px
}
.current-writer .writer-info-wrap .tag[data-v-a8600c3c] {
	background-color:#db4fa5;
	border-radius:6px;
	color:#fff;
	font-size:14px;
	padding:0 8px
}
.current-writer .writer .desc[data-v-a8600c3c] {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#666;
	display:-webkit-box;
	line-height:28px;
	overflow:hidden;
	text-overflow:ellipsis
}
.current-writer .books[data-v-a8600c3c] {
	flex:1
}
.current-writer .books .title[data-v-a8600c3c] {
	padding-left:8px
}
.current-writer .books ul[data-v-a8600c3c] {
	display:flex;
	flex-wrap:wrap
}
.current-writer .books ul li[data-v-a8600c3c] {
	align-items:center;
	display:flex;
	justify-content:center;
	justify-content:flex-start;
	margin-right:24px;
	padding:6px 0;
	width:238px
}
.current-writer .books ul li[data-v-a8600c3c]:nth-child(2n) {
margin-right:0
}
.current-writer .books a[data-v-a8600c3c] {
	align-items:center;
	display:flex;
	justify-content:center
}
.current-writer .books a .book-title[data-v-a8600c3c] {
	line-height:1.2;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.previous-writer[data-v-a8600c3c] {
	align-items:center;
	color:#333;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	justify-content:flex-start;
	margin-top:16px
}
.previous-writer li[data-v-a8600c3c] {
	align-items:center;
border:.01rem solid #f9eeec;
	border-radius:22px;
	display:flex;
	height:44px;
	justify-content:center;
	margin-bottom:16px;
	margin-right:16px;
	padding:0 16px
}
.iconfont[data-v-17413b9e] {
font-size:.4rem
}
[data-v-17413b9e] .column {
	margin-bottom:1.2rem
}
[data-v-17413b9e] .column-head {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin-bottom:24px
}
[data-v-17413b9e] .column-title {
font-size:.4rem;
	font-weight:700
}
[data-v-17413b9e] .column-link {
	align-items:center;
	border:.5px solid #b2b2b2;
border-radius:.2rem;
	color:#666;
	display:flex;
font-size:.2rem;
	justify-content:center;
padding:.06rem .08rem .06rem .16rem
}
[data-v-17413b9e] .column-link span {
	margin-top:1px
}
[data-v-17413b9e] .column-link .icon-arrow-right {
font-size:.24rem
}
.good-list[data-v-17413b9e], .updated-list[data-v-17413b9e] {
	display:flex;
	flex-wrap:wrap
}
.good-list li[data-v-17413b9e], .updated-list li[data-v-17413b9e] {
	margin-right:40px;
	margin-top:20px;
	width:373px
}
.good-list li[data-v-17413b9e]:nth-child(-n+3), .updated-list li[data-v-17413b9e]:nth-child(-n+3) {
margin-top:0
}
.good-list li[data-v-17413b9e]:nth-child(3n), .updated-list li[data-v-17413b9e]:nth-child(3n) {
margin-right:0
}
.rank .rank-content[data-v-17413b9e] {
	display:flex;
	justify-content:space-between
}
.rank .rank-content .rank-item[data-v-17413b9e] {
	background-color:#f5f5f7;
border-radius:.16rem;
	padding:16px;
	width:270px
}
.rank .rank-content .rank-item .rank-title[data-v-17413b9e] {
	align-items:center;
	color:#333;
	display:flex;
font-size:.32rem;
	font-weight:600;
margin-bottom:.16rem
}
.rank .rank-content .rank-item .rank-title i[data-v-17413b9e] {
font-size:.24rem
}
.rank .rank-content .rank-item .rank-ul .rank-li[data-v-17413b9e] {
	color:#666;
font-size:.28rem;
	font-weight:500;
	line-height:1.2;
	overflow:hidden;
padding:.2rem 0;
	text-overflow:ellipsis;
	white-space:nowrap
}
.rank .rank-content .rank-item .rank-ul .rank-li[data-v-17413b9e]:last-of-type {
	padding-bottom:0
}
.finished[data-v-17413b9e], .free[data-v-17413b9e] {
	padding-left:0;
	padding-right:0
}
.finished-list[data-v-17413b9e], .free-list[data-v-17413b9e] {
	display:flex;
	justify-content:space-between
}
.finished-list[data-v-17413b9e]::-webkit-scrollbar, .free-list[data-v-17413b9e]::-webkit-scrollbar {
display:none
}
.finished-list li[data-v-17413b9e], .free-list li[data-v-17413b9e] {
	width:130px
}
.cate ul[data-v-17413b9e] {
	display:flex;
	flex-wrap:wrap
}
.cate ul li[data-v-17413b9e]:nth-child(3n+2) {
margin:0 20px
}
.cate ul li a[data-v-17413b9e] {
	align-items:center;
	background-color:#f5f5f7;
	border-radius:8px;
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
	padding:15px 20px;
	width:auto
}
.cate ul li a[data-v-17413b9e]:hover {
	background-color:#eee;
}
.cate ul li a .name[data-v-17413b9e] {
	color:#333;
	font-weight:500
}
.cate ul li a .total[data-v-17413b9e] {
	align-items:center;
	color:#666;
	display:flex;
	font-size:14px
}
.cate ul li a .total i[data-v-17413b9e] {
	font-size:12px
}
.tag li {
	margin:0 10px;
}

/* 角标样式 */
.today::after {
    content: "新";
    position: absolute;
    top: 0;
    right: 0;
    background: #ff4444; /* 红色背景 */
    color: white;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 0 0 0 4px; /* 左下角圆角 */
    z-index: 2; /* 确保角标在图片上方 */
}

/* 确保封面容器启用定位 */
.cover.w130 {
    position: relative;
}

/* =============== 移动端适配 =============== */
@media screen and (max-width: 550px) {

  /* 全局布局重置 */
  .page-index[data-v-328760a9] {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
  }

  /* 横幅广告 */
  .banner[data-v-b0a67bfb] {
    width: 100% !important;
    padding: 0 15px;
  }
  .banner .swiper img[data-v-b0a67bfb] {
    height: 160px !important; /* 降低横幅高度 */
  }

  /* 新闻模块 */
  .news[data-v-ff752b44] {
    height: auto !important;
    padding: 20px 15px 20px 100px !important; /* 调整背景图位置 */
    background-size: 60px 50px !important;
    margin-bottom: 30px !important;
  }
  .news-list[data-v-ff752b44] {
    width: 100% !important; /* 单列显示 */
    margin-right: 0 !important;
    margin-bottom: 15px;
  }

  /* 作家展示区 */
  .current-writer[data-v-a8600c3c] {
    flex-direction: column; /* 垂直排列 */
  }
  .current-writer .cover[data-v-a8600c3c] {
    width: 100% !important;
    height: auto;
    aspect-ratio: 3/4;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  .current-writer .writer[data-v-a8600c3c] {
    width: 100% !important;
    margin-right: 0 !important;
  }

  /* 分类模块 */
  .cate ul li[data-v-17413b9e]:nth-child(3n+2) {
    margin: 0 !important; /* 取消特殊间距 */
  }
  .cate ul li a[data-v-17413b9e] {
    width: 100% !important; /* 全宽显示分类项 */
  }

  /* 排行榜 */
  .rank .rank-content[data-v-17413b9e] {
    flex-direction: column; /* 垂直排列 */
  }
  .rank .rank-content .rank-item[data-v-17413b9e] {
    width: 100% !important;
    margin-bottom: 20px;
  }

  /* 通用元素调整 */
  [data-v-17413b9e] .column-title {
    font-size: 0.48rem !important; /* 增大标题字号 */
  }
  .good-list li[data-v-17413b9e], 
  .updated-list li[data-v-17413b9e] {
    width: 100% !important; /* 全宽显示列表项 */
    margin-right: 0 !important;
  }

  /* 按钮/标签优化 */
  .previous-writer li[data-v-a8600c3c] {
    height: auto !important;
    padding: 8px 12px !important;
    margin-right: 8px !important;
  }

  /* 隐藏 PC 专用元素 */
  .qrcode-wrapper-large[data-v-f4e82d6b] {
    display: none !important;
  }
  
  .free-list[data-v-17413b9e] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;  /* 项间距 */
    justify-content: space-between !important;
  }

  .free-list li[data-v-17413b9e] {
    width: calc(25% - 8px) !important; /* 4列布局 */
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  /* 清除原有PC端布局规则 */
  .free-list li[data-v-17413b9e]:nth-child(3n),
  .free-list li[data-v-17413b9e]:nth-child(4n+1) {
    margin-right: 0 !important;
  }

  /* 封面图片适配 */
  .cover.w130[data-v-a7e20181] {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4; /* 保持封面比例 */
  }

  /* 标题文字适配 */
  .book-title[data-v-b57cbf74] {
    font-size: 0.32rem !important; /* 14px */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}