@charset 'UTF-8';
/* =============================================
   HTML5自适应模板 - 完整CSS
   合并PC端(biqugepc)和移动端(biqugewap)样式
   通过媒体查询实现响应式设计
   ============================================= */

/* ========== 响应式显示控制（防闪烁 - 最高优先级） ========== */
/* 这些规则必须放在最前面，确保不会被后续样式覆盖 */
.pc-header,.pc-nav,.pc-only,.wap-nav,.wap-only{display:none!important}
/* wap-header-home和wap-header-other的显示由body.is-home控制 */
.wap-header-home,.wap-header-other{display:none!important}

/* ========== SVG图标尺寸限制（防止过大显示） ========== */
svg {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

@media(min-width:961px){
	.pc-header,.pc-nav,.pc-only{display:block!important}
	.wap-header,.wap-nav,.wap-only{display:none!important}
	/* PC端隐藏移动端特有元素 */
	#searchguide,.backtotop,.searchhot,.guide{display:none!important}
	/* PC端确保.article显示 */
	.article.pc-only{display:block!important}
}

@media(max-width:960px){
	.pc-header,.pc-nav,.pc-only{display:none!important}
	/* wap-header的显示由body.is-home控制，不在这里强制 */
	.wap-only{display:block!important}
	/* 移动端隐藏.article.pc-only */
	.article.pc-only{display:none!important}
	/* 移动端确保.fixed.wap-only显示 */
	.fixed.wap-only{display:block!important}
	/* 移动端确保所有.wap-only元素显示 */
	div.wap-only,section.wap-only{display:block!important}
}

/* ========== 无障碍访问支持 ========== */
/* 屏幕阅读器专用 - 视觉隐藏但可读 */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/* ========== 搜索关键字高亮 ========== */
/* 确保搜索关键字的红色高亮不被链接颜色覆盖 */
.search-highlight,
a .search-highlight,
a:hover .search-highlight,
a:visited .search-highlight,
dt .search-highlight,
dt a .search-highlight,
dd .search-highlight,
dd a .search-highlight,
.rank .content dl dt .search-highlight,
.rank .content dl dt a .search-highlight,
.rank .content dl dd .search-highlight,
.rank .content dl dd a .search-highlight,
.ranklist .content dl dt .search-highlight,
.ranklist .content dl dt a .search-highlight,
.ranklist .content dl dd .search-highlight,
.ranklist .content dl dd a .search-highlight {
	color: #ff0000 !important;
	font-weight: bold !important;
	font-size: inherit !important;
	/* 覆盖排名序号的样式 */
	display: inline !important;
	background: transparent !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	line-height: inherit !important;
	text-align: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	float: none !important;
	vertical-align: baseline !important;
}
/* ========== 通用基础样式 ========== */
html {
	font-size:18px;
	font-family:sans-serif;
	line-height:1.5;
	-webkit-user-select:none;
	fill:currentColor;
	-webkit-tap-highlight-color:transparent;
	-webkit-text-size-adjust:none;
	-webkit-touch-callout:none;
	background-color:rgba(0,100,150,.2);
	color:#666
}
body {
	margin:0 auto
}
button,input {
	outline:0
}
blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul {
	margin:0
}
h1,h2,h3,h4,h5,h6,input,select,textarea {
	color:#333;
	font-size:100%
}
/* PC端阅读页：确保文字颜色可以正确继承（夜间模式支持） */
.read .content,
.read .content #booktxt,
.read .content p,
.read h1,
.read .readpage,
.read .readpage a,
.read .readpage button,
.read .readpage .disabled-link,
.read .readvote,
.read .readvote a,
.read #readSet,
.read #readSet-wap,
.read .readSet,
.read #readSet .rc,
.read #readSet-wap .rc,
.read .readSet .rc,
.read #readSet .rt,
.read #readSet-wap .rt,
.read .readSet .rt,
.read #readSet button.ra,
.read #readSet-wap button.ra,
.read .readSet button.ra {
	color:inherit !important
}
/* 夜间模式阅读文字颜色 */
html.night-mode .reader-text,
html.night-mode .reader-text p {
	color:#dddddd !important
}
li,ol,ul {
	padding:0;
	list-style:none
}
a {
	text-decoration:none;
	color:inherit;
	outline:0;
	color:rgba(0,100,150,.9)
}
a:hover {
	color:#f60
}
a[href]:active,button:active {
	background-image:none
}
em {
	font-style:normal
}
input,select,textarea {
	font-family:inherit;
	box-sizing:border-box
}
img {
	display:inline-block;
	border:0;
	vertical-align:middle
}
p {
	word-break:break-all
}
output {
	speak:digits
}
.clear:after,.clear:before {
	display:table;
	content:" "
}
.clear:after {
	clear:both
}

/* ========== 工具类样式 ========== */
.mt0 {margin-top:0}
.mt10 {margin-top:10px}
.mb0 {margin-bottom:0}
.mb10 {margin-bottom:10px}
.ml0 {margin-left:0}
.ml10 {margin-left:10px}
.mr0 {margin-right:0}
.mr10 {margin-right:10px}
.pt0 {padding-top:0}
.pt10 {padding-top:10px}
.pb0 {padding-bottom:0}
.pb10 {padding-bottom:10px}
.pl0 {padding-left:0}
.pl10 {padding-left:10px}
.pr0 {padding-right:0}
.pr10 {padding-right:10px}
.left,.pull-left {
	float:left
}
.pull-right,.right {
	float:right
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.text-small {
	font-size:15px
}
.text-smaller {
	font-size:14px
}

/* ========== PC端样式 (>960px) ========== */
@media screen and (min-width:961px) {
	/* 容器 */
	.container {
		width:90%;
		max-width:1200px;
		min-width:960px;
		margin:0 auto
	}
	
	.noempty {
		min-height:calc(100vh - 218px)
	}
	
	/* 标题 */
	h4 {
		background:rgba(0,100,150,.1);
		font-size:18px;
		border-bottom:1px solid rgba(0,100,150,.1);
		padding:10px
	}
	h4 .pull-right {
		font-size:90%;
		line-height:28px
	}
	
	/* PC头部 */
	.header .left {
		width:auto;
		text-align:center;
		font-weight:700;
		font-size:24px;
		letter-spacing:2px;
		line-height:24px
	}
	.header .left a {
		color:rgba(0,100,150,.9)
	}
	.header .left p {
		font-size:16px;
		letter-spacing:0;
		color:#f60
	}
	.header .right {
		width:calc(50% + 150px);
		margin-top:4px
	}
	.header .search {
		width:350px;
		float:left
	}
	.header .search form {
		display:flex;
		align-items:center;
		height:40px
	}
	.header .search form input {
		width:270px;
		text-indent:10px;
		flex-grow:2;
		height:100%;
		border:1px solid rgba(0,100,150,.5);
		border-radius:3px 0 0 3px;
		border-right:none;
		background:rgba(255,255,255,.8);
		font-size:90%
	}
	.header .search form button,header .login-btn {
		width:80px;
		height:100%;
		background-color:rgba(0,100,150,.85);
		color:#fff;
		cursor:pointer;
		border-radius:0 3px 3px 0;
		border:none;
		font-size:90%;
		line-height:40px
	}
	.header .search form button:hover,header .login-btn:hover {
		background-color:#f60
	}
	header .login-btn {
		margin-left:10px;
		float:right;
		width:80px;
		text-align:center;
		border-radius:3px
	}
	
	/* PC导航 */
	.nav {
		background:rgba(0,100,150,.85);
		height:50px;
		line-height:50px
	}
	.nav ul li {
		float:left;
		width:calc(100% / 12);
		text-align:center
	}
	.nav ul li.active,.nav ul li:hover {
		background:rgba(0,100,150,.3)
	}
	.nav ul li a {
		color:#fff;
		width:100%;
		height:100%;
		display:block
	}
	.nav ul li.active a,.nav ul li:hover a {
		color:#f60
	}
	
	/* 面包屑 */
	.breadcrumb {
		background:rgba(0,100,150,.1);
		padding:0 10px;
		line-height:45px;
		height:45px;
		border-radius:3px;
		overflow:hidden;
		font-size:90%
	}
	.breadcrumb li {
		float:left;
		padding:0 10px 0 0
	}
	.breadcrumb li:first-child:before {
		content:"\27f0";
		margin-right:5px;
		color:rgba(0,100,150)
	}
	.breadcrumb li+li::before {
		display:inline-block;
		padding-right:10px;
		color:#999;
		content:"/"
	}
	.breadcrumb li:nth-child(3),.breadcrumb li:nth-child(4) {
		max-width:180px
	}
	
	/* 排行榜布局 */
	.rank .left {
		width:calc(100% - 293px);
		background:rgba(255,255,255,.5);
		border:2px solid rgba(0,100,150,.3)
	}
	.rank .left .book {
		padding:10px;
		height:253px
	}
	.rank .left .book .cover {
		width:220px;
		height:253px;
		float:left
	}
	.rank .left .book .cover img {
		width:140px;
		height:auto;
		padding:30px;
		background:rgba(0,100,150,.1)
	}
	.rank .left .book .bookinfo .booktitle {
		height:35px;
		overflow:hidden;
		border-bottom:1px solid rgba(0,100,150,.1)
	}
	.rank .left .book .bookinfo .booktitle h1 {
		float:left;
		font-size:24px;
		line-height:24px
	}
	.rank .left .book .bookinfo .booktitle h2:before {
		content:"/";
		color:#999;
		padding:0 10px
	}
	.rank .left .book .bookinfo .booktitle h2 {
		line-height:32px;
		font-size:90%
	}
	.rank .left .book .bookinfo .bookdes {
		display:table;
		line-height:40px
	}
	.rank .left .book .bookinfo .bookdes p {
		float:left;
		width:50%;
		height:30px;
		overflow:hidden
	}
	.rank .left .book .bookinfo .bookintro {
		line-height:30px;
		overflow-y:auto;
		border-top:1px solid rgba(0,100,150,.1);
		border-bottom:1px solid rgba(0,100,150,.1);
		margin:10px 0 10px 0;
		height:92px;
		font-size:90%
	}
	.rank .left .book .bookinfo .bookintro::-webkit-scrollbar {
		width:0
	}
	.rank .left .book .bookinfo .bookbtn {
		display:flex
	}
	.rank .left .book .bookinfo .bookbtn a {
		width:150px;
		background-color:rgba(0,100,150,.85);
		border:1px solid rgba(0,100,150,.85);
		color:#fff;
		cursor:pointer;
		border-radius:3px;
		line-height:40px;
		text-align:center
	}
	.rank .left .book .bookinfo .bookbtn a:first-child:before {
		content:"\2600";
		margin-right:5px
	}
	.rank .left .book .bookinfo .bookbtn a:last-child:before {
		content:"\2764";
		margin-right:5px
	}
	.rank .left .book .bookinfo .bookbtn a+a {
		margin-left:10px;
		background-color:rgba(0,100,150,.1);
		color:rgba(0,100,150,.9)
	}
	.rank .left .book .bookinfo .bookbtn a:hover {
		background:#f60;
		color:#fff;
		border-color:#f60
	}
	
	/* 章节列表 */
	.chapterlist {
		background:rgba(255,255,255,.8);
		border:2px solid rgba(0,100,150,.3)
	}
	.chapterlist .all {
		border-top:2px solid rgba(0,100,150,.3)
	}
	.chapterlist h3 {
		background:rgba(0,100,150,.1);
		font-size:100%;
		border-bottom:1px solid rgba(0,100,150,.1);
		padding:10px;
		text-align:center
	}
	.chapterlist ul {
		overflow:hidden
	}
	.chapterlist li {
		float:left;
		width:25%;
		height:50px;
		line-height:50px;
		overflow:hidden;
		font-size:90%
	}
	.chapterlist li:nth-child(8n+5),.chapterlist li:nth-child(8n+6),.chapterlist li:nth-child(8n+7),.chapterlist li:nth-child(8n+8) {
		background:rgba(0,100,150,.05)
	}
	.chapterlist li a {
		display:block;
		padding:0 10px
	}
	.chapterlist li a:visited {
		color:#999
	}
	
	/* 书籍投票 */
	.bookvote {
		font-size:90%;
		background:rgba(255,255,255,.8);
		border:2px solid rgba(0,100,150,.3);
		padding:0 10px;
		line-height:35px
	}
	.bookvote ul {
		border-top:1px solid rgba(0,100,150,.1)
	}
	.bookvote ul li {
		float:left
	}
	.bookvote ul li:nth-of-type(n+3):before {
		content:"\3001";
		padding-left:5px
	}
	.bookvote ul li a {
		word-break:break-all
	}
	
	/* PC内容列表 */
	.rank .left .content {
		padding:0 10px 10px;
		overflow:hidden
	}
	.rank .left .content dl {
		width:calc(50% - 5px);
		float:left;
		margin:10px 0 0 0;
		overflow:hidden
	}
	.rank .left .content dl:nth-child(2n+0) {
		margin-left:10px
	}
	.rank .left .content dl .cover-wrapper,
	.rank .left .content dl .cover {
		float:left;
		width:110px;
		height:auto
	}
	.rank .left .content dl .cover-wrapper {
		padding:0;
		margin:0
	}
	.rank .left .content dl img {
		width:100px;
		height:auto;
		margin:5px 0;
		background:#ddd
	}
	.rank .left .content dl dt.cover-wrapper {
		height:auto;
		line-height:normal;
		overflow:visible;
		white-space:normal
	}
	.rank .left .content dl dt:not(.cover-wrapper) {
		height:24px;
		line-height:24px;
		overflow:hidden;
		white-space:nowrap
	}
	.rank .left .content dl dd {
		font-size:90%;
		text-align:justify;
		height:90px;
		overflow:hidden;
		line-height:30px
	}
	.rank .left .content dl dd:last-child {
		height:20px;
		overflow:hidden;
		line-height:18px
	}
	.rank .left .content dl dd:last-child a {
		max-width:50%;
		float:left;
		text-align:left
	}
	.rank .left .content dl dd:last-child span {
		float:right;
		border:1px solid #f60;
		padding:0 2px;
		margin-left:5px;
		font-size:80%;
		color:#f60
	}
	.rank .left .content dl dd:last-child span:last-child {
		border-color:rgba(0,100,150,.5);
		color:rgba(0,100,150,.9)
	}
	
	/* PC右侧栏 */
	.rank .right {
		width:275px;
		background:rgba(255,255,255,.5);
		border:2px solid rgba(0,100,150,.3)
	}
	.rank .right ul li {
		padding:0 10px;
		height:45px;
		line-height:45px;
		overflow:hidden
	}
	.rank .right ul li:nth-child(2n+1) {
		background-color:rgba(0,100,150,.05)
	}
	.rank .right ul li a,.rank .right ul li span {
		float:left
	}
	.rank .right ul li span {
		display:block;
		background:rgba(0,100,150,.5);
		border-radius:20px;
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#fff;
		margin-top:13px;
		margin-right:5px;
		font-size:13px
	}
	.rank .right ul li:nth-child(1) span,.rank .right ul li:nth-child(2) span,.rank .right ul li:nth-child(3) span {
		background:#f60
	}
	.rank .right ul li a {
		max-width:calc(100% - 115px);
	}
	.rank .right ul li a:last-child {
		max-width:81px;
		float:right;
		text-align:right;
		font-size:90%;
	}
	
	/* PC分类 */
	.sort .content {
		float:left;
		width:33%;
		margin-top:10px;
		background:rgba(255,255,255,.5);
		border:2px solid rgba(0,100,150,.3)
	}
	.sort .content:nth-child(3n+2),.sort .content:nth-child(3n+3) {
		margin-left:10px;
		width:calc((67% - 32px)/ 2)
	}
	.sort .content .booklist dl {
		padding:10px 10px;
		border-bottom:1px solid rgba(0,100,150,.2);
		height:100px;
		overflow:hidden
	}
	.sort .content .booklist dl .cover-wrapper,
	.sort .content .booklist dl .cover {
		float:left;
		width:90px;
		height:auto
	}
	.sort .content .booklist dl .cover-wrapper {
		padding:0;
		margin:0
	}
	.sort .content .booklist dl .cover img {
		width:80px;
		height:auto
	}
	.sort .content .booklist dl dt.cover-wrapper {
		display:block;
		height:auto;
		line-height:normal;
		overflow:visible;
		white-space:normal
	}
	.sort .content .booklist dl dt:not(.cover-wrapper) {
		display:flex;
		height:20px;
		line-height:20px;
		overflow:hidden;
		white-space:nowrap
	}
	.sort .content .booklist dl dt:not(.cover-wrapper) a {
		max-width:calc(100% - 25px);
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.sort .content .booklist dl dt:not(.cover-wrapper) span {
		display:block;
		background:#f60;
		border-radius:20px;
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#fff;
		margin-right:5px;
		font-size:13px
	}
	.sort .content .booklist dl dd {
		font-size:90%;
		text-align:justify;
		height:62px;
		overflow:hidden;
		line-height:30px
	}
	.sort .content .booklist dl dd:last-child {
		height:20px;
		overflow:hidden;
		line-height:18px
	}
	.sort .content .booklist dl dd:last-child a {
		max-width:50%;
		float:left;
		text-align:left
	}
	.sort .content .booklist dl dd:last-child span {
		float:right;
		border:1px solid #f60;
		padding:0 2px;
		margin-left:5px;
		font-size:12px;
		color:#f60
	}
	.sort .content .booklist dl dd:last-child span:last-child {
		border-color:rgba(0,100,150,.5);
		color:rgba(0,100,150,.9)
	}
	.sort .content .booklist ul li {
		padding:0 10px;
		height:45px;
		line-height:45px;
		overflow:hidden
	}
	.sort .content .booklist ul li:nth-child(2n+1) {
		background-color:rgba(0,100,150,.05)
	}
	.sort .content .booklist ul li a,.sort .content .booklist ul li span {
		float:left
	}
	.sort .content .booklist ul li a {
		max-width:calc(100% - 115px);
	}
	.sort .content .booklist ul li a:last-child {
		max-width:81px;
		float:right;
		text-align:right;
		font-size:90%;
	}
	.sort .content .booklist ul li span {
		display:block;
		background:rgba(0,100,150,.5);
		border-radius:20px;
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#fff;
		margin-right:5px;
		margin-top:13px;
		font-size:13px
	}
	.sort .content .booklist ul li:nth-child(1) span,.sort .content .booklist ul li:nth-child(2) span {
		background:#f60
	}
	
	/* PC更新列表 */
	.rank .left .update li {
		padding:0 10px;
		height:45px;
		line-height:45px;
		overflow:hidden
	}
	.rank .left .update li:nth-child(2n) {
		background-color:rgba(0,100,150,.05)
	}
	.rank .left .update li a,.rank .left .update li span {
		float:left;
		font-size:90%
	}
	.rank .left .update li a:nth-child(2),.rank .left .update li a:nth-child(3),.rank .left .update li span:nth-child(4) {
		margin:0 5px
	}
	.rank .left .update li span:first-child {
		width:40px
	}
	.rank .left .update li a:nth-child(2) {
		width:210px;
		font-size:100%;
	}
	.rank .left .update li a:nth-child(3) {
		width:calc(100% - 440px)
	}
	.rank .left .update li span:nth-child(4) {
		width:80px
	}
	.rank .left .update li span:last-child {
		float:right;
		text-align:right;
		width:80px
	}
	
	/* PC榜单 */
	.ranklist {
		width:auto;
		background:rgba(255,255,255,.5);
		border:2px solid rgba(0,100,150,.3);
	}
	.ranklist .content {
		padding:0 10px 10px;
		overflow:hidden
	}
	.ranklist .content dl {
		width:calc((100% - 20px)/ 3);
		float:left;
		margin:10px 0 0 0;
		overflow:hidden
	}
	.ranklist .content dl:nth-child(3n+0),.ranklist .content dl:nth-child(3n+2) {
		margin-left:10px
	}
	.ranklist .content dl .cover-wrapper,
	.ranklist .content dl .cover {
		float:left;
		width:120px;
		height:auto
	}
	.ranklist .content dl .cover-wrapper {
		padding:0;
		margin:0
	}
	.ranklist .content dl img {
		width:110px;
		height:auto;
		background:#ddd
	}
	.ranklist .content dl dt.cover-wrapper {
		height:auto;
		line-height:normal;
		overflow:visible;
		white-space:normal
	}
	.ranklist .content dl dt:not(.cover-wrapper) {
		height:24px;
		line-height:24px;
		overflow:hidden;
		white-space:nowrap
	}
	.ranklist .content dl dd {
		font-size:90%;
		text-align:justify;
		height:92px;
		overflow:hidden;
		line-height:30px
	}
	.ranklist .content dl dd.bookmark {
		height:30px;
		overflow:hidden;
		line-height:30px
	}
	.ranklist .content dl dd.history {
		height:46px;
		overflow:hidden;
		line-height:46px
	}
	.ranklist .content dl dd:last-child {
		height:20px;
		overflow:hidden;
		line-height:18px
	}
	.ranklist .content dl dd:last-child a:first-child {
		max-width:50%;
		float:left;
		text-align:left
	}
	.ranklist .content dl dd:last-child a:nth-child(2),.ranklist .content dl dd:last-child span {
		float:right;
		border:1px solid rgba(250,100,0,.5);
		padding:0 2px;
		margin-left:5px;
		font-size:80%;
		color:rgba(250,100,0,.8)
	}
	.ranklist .content dl dd:last-child span:last-child {
		border-color:rgba(0,100,150,.5);
		color:rgba(0,100,150,.8)
	}
	
	/* PC阅读页 */
	.read {
		border:2px solid rgba(0,100,150,.3);
		padding:10px 10%;
		background-color:rgba(255,255,255,.3);
		/* GPU加速优化 */
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden
	}
	.read .content,
	.read .readcontent {
		/* 滚动性能优化 */
		-webkit-overflow-scrolling:touch;
		will-change:scroll-position
	}
	/* 夜间模式：当背景是深色时，使用深色背景和浅色边框 */
	.read[style*="background-color: #1a1a1a"],
	.read[style*="background-color:#1a1a1a"] {
		background-color: #1a1a1a !important;
		border-color: rgba(255,255,255,.15) !important;
	}
	.read[style*="background-color: #1a1a1a"] .readpage,
	.read[style*="background-color:#1a1a1a"] .readpage {
		border-top-color: rgba(255,255,255,.15) !important;
		border-bottom-color: rgba(255,255,255,.15) !important;
	}
	/* 夜间模式：按钮和控件边框 */
	.read[style*="background-color: #1a1a1a"] #readSet button.ra,
	.read[style*="background-color:#1a1a1a"] #readSet button.ra,
	.read[style*="background-color: #1a1a1a"] #readSet-wap button.ra,
	.read[style*="background-color:#1a1a1a"] #readSet-wap button.ra,
	.read[style*="background-color: #1a1a1a"] .readSet button.ra,
	.read[style*="background-color:#1a1a1a"] .readSet button.ra {
		border-color: rgba(255,255,255,.3) !important;
	}
	.read[style*="background-color: #1a1a1a"] #readSet .rt,
	.read[style*="background-color:#1a1a1a"] #readSet .rt,
	.read[style*="background-color: #1a1a1a"] #readSet-wap .rt,
	.read[style*="background-color:#1a1a1a"] #readSet-wap .rt,
	.read[style*="background-color: #1a1a1a"] .readSet .rt,
	.read[style*="background-color:#1a1a1a"] .readSet .rt {
		border-color: rgba(255,255,255,.3) !important;
		background-color: rgba(255,255,255,.1) !important;
	}
	.read h1 {
		text-align:center;
		font-size:24px;
		padding:20px 0;
		color:inherit
	}
	.read .readpage {
		text-align:center;
		padding:10px 0;
		border-top:1px solid rgba(0,100,150,.1);
		border-bottom:1px solid rgba(0,100,150,.1);
		color:inherit
	}
	.read .readpage a,
	.read .readpage button,
	.read .readpage .disabled-link {
		margin:0 10px;
		color:inherit;
		background:none;
		border:none;
		cursor:pointer;
		font-size:inherit
	}
	.read .readpage .gray,
	.read .readpage .disabled-link {
		color:#999;
		cursor:default
	}
	.read .readvote {
		margin-top:10px;
		text-align:justify;
		color:inherit
	}
	.read .readvote a {
		color:inherit
	}
	.read .readvote a+a:before {
		content:"\3001";
		margin-left:5px
	}
	.read .content {
		font-size:24px;
		letter-spacing:.1em;
		text-align:justify;
		line-height:2;
		color:inherit
	}
	.read .content #booktxt {
		color:inherit
	}
	.read .content p {
		text-indent:2em;
		margin:24px 0 0 0;
		color:inherit
	}
	.read .content .report {
		text-align:center;
		font-size:18px
	}
	.read .content .report a {
		color:inherit
	}
	/* 夜间模式下保持报告链接的可见性 */
	.read[style*="background-color: #1a1a1a"] .content .report a,
	.read[style*="background-color:#1a1a1a"] .content .report a {
		color:#ff8080 !important
	}
	.read .content .report a:before {
		content:"\27a6"
	}
	#readSet .rf,
	#readSet-wap .rf,
	.readSet .rf {
		float:right;
		margin-left:10px
	}
	#readSet .rc,
	#readSet-wap .rc,
	.readSet .rc {
		color:inherit;
		padding-left:10px
	}
	#readSet button.ra,
	#readSet-wap button.ra,
	.readSet button.ra {
		border:1px solid #ccc;
		display:inline-block;
		width:20px;
		height:20px;
		margin-right:5px;
		overflow:hidden;
		vertical-align:middle;
		margin-top:-4px;
		padding:0;
		cursor:pointer
	}
	/* 夜间模式按钮样式 */
	#readSet button.ra:last-of-type,
	#readSet-wap button.ra:last-of-type,
	.readSet button.ra:last-of-type {
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		line-height:1;
		overflow:visible;
	}
	#readSet .rt,
	#readSet-wap .rt,
	.readSet .rt {
		padding:0 5px;
		cursor:pointer
	}
	
	/* PC链接 */
	.link {
		background:rgba(255,255,255,.5);
		border:2px solid rgba(0,100,150,.3)
	}
	.link .content {
		padding:0 10px;
		line-height:40px
	}
	.link .content a+a {
		margin-left:10px
	}
	
	/* PC分页 */
	.pages {
		text-align:center;
		padding:20px 0;
		overflow:hidden
	}
	.pagination {
		margin:0;
		display:inline-flex;
		align-items:center;
		padding:0;
		list-style:none;
		background:rgba(255,255,255,.9);
		border-radius:8px;
		box-shadow:0 2px 8px rgba(0,0,0,.1)
	}
	.pagination>li {
		display:inline-block
	}
	.pagination>li>a,.pagination>li>span {
		display:block;
		padding:8px 14px;
		text-decoration:none;
		color:#333;
		border:none;
		background:transparent;
		transition:all .2s ease
	}
	.pagination>li>a:hover {
		background:rgba(0,100,150,.1);
		color:#0066cc
	}
	.pagination>li:first-child>a,.pagination>li:first-child>span {
		border-radius:8px 0 0 8px;
		padding:8px 16px;
		font-size:1.2em
	}
	.pagination>li:nth-last-child(2)>a,.pagination>li:nth-last-child(2)>span {
		border-radius:0 8px 8px 0;
		padding:8px 16px;
		font-size:1.2em
	}
	.pagination>.active>span {
		background:linear-gradient(135deg,#0066cc,#004499);
		color:#fff;
		font-weight:bold;
		border-radius:4px;
		margin:4px 2px
	}
	.pagination>.disabled>span {
		color:#bbb;
		cursor:not-allowed
	}
	.pagination>.ellipsis>span {
		color:#999;
		padding:8px 6px
	}
	.pagination>.page-input-li {
		display:flex;
		align-items:center;
		padding:0 10px;
		border-left:1px solid #eee
	}
	.pagination>.page-input-li input {
		width:50px;
		padding:4px 8px;
		border:1px solid #ddd;
		border-radius:4px;
		text-align:center;
		font-size:14px
	}
	.pagination>.page-input-li button {
		margin-left:6px;
		padding:5px 12px;
		border:none;
		background:linear-gradient(135deg,#0066cc,#004499);
		color:#fff;
		border-radius:4px;
		cursor:pointer;
		font-size:13px
	}
	.pagination>.page-input-li button:hover {
		background:linear-gradient(135deg,#0077dd,#0055aa)
	}
	
	/* PC登录 */
	.login {
		background:rgba(255,255,255,.8);
		border:2px solid rgba(0,100,150,.3);
	}
	.login form {
		padding:50px 25%
	}
	.login form .form-group+.form-group {
		margin-top:20px
	}
	.login form .form-group .form-title {
		float:left;
		width:60px;
		overflow:hidden;
		line-height:30px
	}
	.login form .form-group .form-content {
		width:calc(100% - 60px);
		overflow:hidden
	}
	.login form .form-group .form-content input {
		border:1px solid rgba(100,50,0,.2);
		width:100%;
		font-size:14px;
		line-height:30px;
		text-indent:10px
	}
	.login form .form-submit {
		margin-top:30px;
		text-align:center
	}
	.login form .form-submit button {
		border:1px solid rgba(0,100,150,.2);
		background-color:rgba(0,100,150,.1);
		border-radius:3px;
		font-size:100%;
		padding:5px 50px
	}
	.login form .form-submit button:hover {
		background-color:#f60;
		color:#fff;
		border-color:#f60
	}
	
	/* PC页脚 */
	.footer {
		background:rgba(0,100,150,.5)
	}
	.footer p {
		width:90%;
		text-align:center;
		font-size:80%;
		line-height:30px;
		color:rgba(255,255,255,.75)
	}
}

/* ========== 移动端样式 (≤960px) ========== */
@media screen and (max-width:960px) {
	/* 移动端首页：移除顶部空白 */
	main.article.mt10 {
		margin-top:0 !important
	}
	main.article.mt10 .rank.mt10:first-of-type {
		margin-top:0 !important
	}
	
	/* 响应式字体 */
	html {
		font-size:14px
	}
	body {
		background-color:rgba(0,100,150,.1);
		color:#33373d
	}
	
	@media screen and (min-width:320px) {
		html {
			font-size:16px
		}
	}
	@media screen and (min-width:375px) {
		html {
			font-size:calc(112.5% + 2 * (100vw - 375px)/ 39);
			font-size:calc(18px + 2 * (100vw - 375px)/ 39)
		}
	}
	@media screen and (min-width:414px) {
		html {
			font-size:calc(125% + 4 * (100vw - 414px)/ 586);
			font-size:calc(20px + 4 * (100vw - 414px)/ 586)
		}
	}
	@media screen and (min-width:600px) {
		html {
			font-size:calc(137.5% + 4 * (100vw - 600px)/ 400);
			font-size:calc(22px + 4 * (100vw - 600px)/ 400)
		}
	}
	
	/* 移动端头部样式 */
	.header {
		display:flex;
		background:linear-gradient(45deg,rgba(0,100,150,1),rgba(0,100,150,.5));
		justify-content:space-between;
		align-items:center;
		overflow:hidden;
		height:2rem;
		line-height:2rem;
		padding:.375rem;
		font-size:.75rem;
		position:relative;
	}
	.header,.header a {
		color:#fff
	}
	.header .center {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		width:calc(100% - 12rem);
		max-width:calc(100% - 12rem);
		text-align:center;
		font-size:.875rem;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin:0
	}
	.header .left {
		position:absolute;
		top:0;
		left:0;
		padding:.25rem .375rem;
		z-index:1;
	}
	.header .right {
		position:absolute;
		top:0;
		right:0;
		padding:.25rem .375rem;
		z-index:1;
	}
	.header .left a,.header .right a {
		float:left;
		overflow:hidden;
		width:2.25rem;
		height:2.25rem
	}
	.header .left svg,.header .right svg {
		width:1.125rem;
		height:1.125rem;
		max-width:1.125rem;
		max-height:1.125rem;
		fill:#fff;
		padding:.55rem
	}
	
	/* 首页和其他页面header切换（在移动端） */
	@media(max-width:960px) {
		.wap-header-other {
			display:none !important;
		}
		body.is-home .wap-header-home {
			display:flex !important;
		}
		body.is-home .wap-header-other {
			display:none !important;
		}
		body.is-home .wap-nav-home {
			display:block !important;
		}
		body:not(.is-home) .wap-header-home {
			display:none !important;
		}
		body:not(.is-home) .wap-header-other {
			display:flex !important;
		}
		body:not(.is-home) .wap-nav-home {
			display:none !important;
		}
	}
	
	/* 更多图标按钮 */
	a.icon-more:empty {
		position:relative
	}
	a.icon-more:empty::after,a.icon-more:empty::before {
		position:absolute;
		top:1.125rem;
		left:50%;
		width:1.125rem;
		margin-top:-1px;
		margin-left:-.5625rem;
		content:'';
		transition:transform .15s;
		border-top:1px solid #fff;
	}
	a.icon-more:empty::before {
		height:4px;
		transform-origin:top center;
		border-bottom:1px solid #fff;
	}
	a.icon-more:empty::after {
		transform:translateY(-5px)
	}
	a.icon-more.active::before {
		height:0;
		transform:translateY(0) rotate(45deg);
		border-bottom:0
	}
	a.icon-more.active::after {
		transform:translateY(0) rotate(-45deg)
	}
	
	/* 侧边栏菜单 */
	.guide {
		position:fixed;
		z-index:3;
		top:2.7rem;
		right:0;
		bottom:0;
		left:0;
		visibility:hidden;
		overflow:hidden;
		transition:visibility .25s;
		background:rgba(0,0,0,.8)
	}
	.guide.active {
		visibility:visible;
		transition:none;
	}
	.guide-content {
		position:relative;
		overflow:hidden;
		transition:transform .15s;
		transform:translateY(-100%);
		background-color:#fff
	}
	.guide.active .guide-content {
		transform:translateY(0)
	}
	.guide-nav {
		background:#fff;
		font-size:0;
		text-align:justify;
		display:flex;
		flex-wrap:wrap;
		padding:.75rem 0;
	}
	.guide-nav-a {
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		font-size:.75rem;
		position:relative;
		width:20%;
		height:3.625rem;
		text-align:center;
		margin:.75rem 0;
	}
	.guide-nav-a>.icon {
		margin-bottom:.5rem;
	}
	.guide-nav-h {
		font-size:.75rem;
	}
	.guide-footer {
		margin-top:1rem;
		margin-bottom:1.5rem;
		text-align:center
	}
	.guide-footer a {
		font-size:.875rem;
		line-height:2.25rem;
		display:inline-block;
		padding:0 2ch;
		color:rgba(0,100,150,.9)
	}
	.guide-footer svg {
		width:1.125rem;
		height:1.125rem;
		max-width:1.125rem;
		max-height:1.125rem;
		vertical-align:middle;
		margin-right:.3rem;
		fill:currentColor;
	}
	
	/* 移动端图标精灵 */
	.icon-account {
		background-image:url(default-mini.png);
		background-position:-63px 0;
		width:24px;
		height:24px
	}
	.icon-end {
		background-image:url(default-mini.png);
		background-position:0 -60px;
		width:20px;
		height:27px
	}
	.icon-free {
		background-image:url(default-mini.png);
		background-position:0 -30px;
		width:26px;
		height:26px
	}
	.icon-god {
		background-image:url(default-mini.png);
		background-position:-30px -30px;
		width:26px;
		height:26px
	}
	.icon-home {
		background-image:url(default-mini.png);
		background-position:-31px 0;
		width:28px;
		height:25px
	}
	.icon-rank {
		background-image:url(default-mini.png);
		background-position:0 0;
		width:27px;
		height:26px
	}
	.icon-sort {
		background-image:url(default-mini.png);
		background-position:-63px -28px;
		width:24px;
		height:24px
	}
	@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
		.icon-account {
			background-image:url(default.png);
			background-size:87px 87px
		}
		.icon-end {
			background-image:url(default.png);
			background-size:87px 87px
		}
		.icon-free {
			background-image:url(default.png);
			background-size:87px 87px
		}
		.icon-god {
			background-image:url(default.png);
			background-size:87px 87px
		}
		.icon-home {
			background-image:url(default.png);
			background-size:87px 87px
		}
		.icon-rank {
			background-image:url(default.png);
			background-size:87px 87px
		}
		.icon-sort {
			background-image:url(default.png);
			background-size:87px 87px
		}
	}
	
	/* 移动端标题 */
	h4 {
		height:1.75rem;
		padding:0 1rem;
		border-top:1rem solid transparent
	}
	.pull-right {
		float:right;
		font-size:.75rem;
		font-weight:400;
		padding:.25rem
	}
	
	.mt0 {
		margin-top:0!important
	}
	.mb0 {
		margin-bottom:0!important
	}
	.cf:before,.clear:after {
		display:table;
		content:" "
	}
	.clear:after {
		clear:both
	}
	.min-height {
		min-height:calc(100vh - 8.75rem);
	}
	
	/* 移动端头部 */
	.header {
		display:flex;
		background-color:rgba(0,100,150,.5);
		background:linear-gradient(45deg,rgba(0,100,150,1),rgba(0,100,150,.5));
		justify-content:space-between;
		align-items:center;
		overflow:hidden;
		height:2rem;
		line-height:2rem;
		padding:.375rem;
		font-size:.75rem;
	}
	.header .center {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		width:calc(100% - 12rem);
		max-width:calc(100% - 12rem);
		text-align:center;
		font-size:.875rem;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin:0
	}
	.header .left {
		position:absolute;
		top:0;
		left:0;
		padding:.25rem .375rem
	}
	.header .right {
		position:absolute;
		top:0;
		right:0;
		padding:.25rem .375rem
	}
	.header .left a,.header .right a {
		float:left;
		overflow:hidden;
		width:2.25rem;
		height:2.25rem
	}
	.header .left svg,.header .right svg {
		width:1.125rem;
		height:1.125rem;
		fill:#fff;
		padding:.55rem
	}
	.header,.header a {
		color:#fff
	}
	a.icon-more:empty {
		position:relative
	}
	a.icon-more:empty::after,a.icon-more:empty::before {
		position:absolute;
		top:1.125rem;
		left:50%;
		width:1.125rem;
		margin-top:-1px;
		margin-left:-.5625rem;
		content:'';
		-webkit-transition:all .15s;
		transition:transform .15s;
		border-top:1px solid
	}
	a.icon-more:empty::before {
		height:4px;
		-webkit-transform-origin:top center;
		transform-origin:top center;
		border-bottom:1px solid
	}
	a.icon-more:empty::after {
		-webkit-transform:translateY(-5px);
		transform:translateY(-5px)
	}
	a.icon-more.active::before {
		height:0;
		-webkit-transform:translateY(0) rotate(45deg);
		transform:translateY(0) rotate(45deg);
		border-bottom:0
	}
	a.icon-more.active::after {
		-webkit-transform:translateY(0) rotate(-45deg);
		transform:translateY(0) rotate(-45deg)
	}
	
	/* 移动端导航菜单 */
	.guide {
		position:fixed;
		z-index:3;
		top:2.7rem;
		right:0;
		bottom:0;
		left:0;
		visibility:hidden;
		overflow:hidden;
		transition:visibility .25s;
		-wekit-transition:visibility .25s;
		background:rgba(0,0,0,.8)
	}
	.active.guide {
		visibility:visible;
		transition:none;
		-wekit-transition:none
	}
	.guide-content {
		position:relative;
		overflow:hidden;
		-webkit-transition:-webkit-transform .15s;
		transition:transform .15s;
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
		background-color:#fff
	}
	.active>.guide-content {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	.guide-nav {
		background:#fff;
		font-size:0;
		text-align:justify
	}
	.guide-nav::after {
		display:inline-block;
		width:100%;
		height:0;
		content:'';
		vertical-align:top
	}
	.guide-nav-a {
		display:flex;
		float:left;
		font-size:.75rem;
		position:relative;
		width:20%;
		height:3.625rem;
		text-align:center
	}
	.guide-nav-a>.icon {
		position:absolute;
		right:0;
		bottom:1.625rem;
		left:0;
		margin:auto
	}
	.guide-nav-h {
		position:absolute;
		right:0;
		bottom:.1875rem;
		left:0
	}
	.guide-nav .guide-nav-a {
		margin:.75rem 0
	}
	.guide-footer {
		margin-top:1rem;
		margin-bottom:1.5rem;
		text-align:center
	}
	.guide-footer a {
		font-size:.875rem;
		line-height:2.25rem;
		display:inline-block;
		padding-right:1em;
		padding-right:2ch;
		padding-left:1em;
		padding-left:2ch;
		text-align:center;
		color:#fff;
		border-radius:99px;
		background-color:rgba(0,100,150,.5);
		box-sizing:border-box;
		width:80%
	}
	.guide-footer svg {
		width:.675rem;
		height:.675rem;
		max-width:.675rem;
		max-height:.675rem;
		fill:currentColor;
		margin-right:.5rem
	}
	
	/* 移动端书籍详情 */
	.book {
		background:#fff;
		position:relative;
		overflow:hidden
	}
	.book .book-cover-blur {
		position:absolute;
		top:-13.2rem;
		top:calc(50% - 87.5vw);
		width:100%;
		height:auto;
		min-height:129vw;
		object-fit:cover;
		opacity:.02;
		opacity:calc(.1 + .05);
		-webkit-filter:blur(calc(17px + 1px));
		filter:blur(calc(17px + 1px))
	}
	.book .book-info {
		position:relative;
		background:#fff;
		background:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0) 108px) no-repeat center bottom;
		background:linear-gradient(to top,#fff,rgba(255,255,255,0) 8rem) no-repeat center bottom
	}
	.book .book-info .book-layout {
		position:relative;
		display:block;
		overflow:hidden;
		padding:1rem;
		-webkit-transition:padding-left .15s;
		transition:padding-left .15s
	}
	.book .book-info .book-layout .book-cover {
		font-size:0;
		float:left;
		margin-right:.5rem;
		width:5.25rem;
		height:auto;
		border-radius:2px
	}
	.book .book-info .book-layout .book-cover img {
		width:5.25rem;
		height:auto;
		border-radius:2px
	}
	.book .book-info .book-layout .book-cell {
		overflow:hidden;
		line-height:1.4rem
	}
	.book .book-info .book-layout .book-cell .book-title {
		line-height:1.4;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis
	}
	.book .book-info .book-layout .book-cell .book-meta {
		font-size:.75rem;
		overflow:hidden;
		height:1.5rem;
		line-height:1.5rem
	}
	.book .book-info .last {
		font-size:.875rem;
		margin:0 1rem 1rem;
		height:1rem;
		line-height:1rem;
		overflow:hidden;
		white-space:nowrap
	}
	.book .book-info .book-info-btn {
		padding:0 1rem 1rem;
		display:flex
	}
	.book .book-info .book-info-btn li {
		float:left;
		width:33.333333%
	}
	.book .book-info .book-info-btn li:nth-child(2) {
		margin:0 .66666rem
	}
	.book .book-info .book-info-btn li a {
		display:block;
		padding:0;
		box-shadow:inset 1px 0 #e3e4e6,inset 0 1px #e3e4e6,inset 0 -1px #e3e4e6,inset -1px 0 #e3e4e6;
		font-size:.8125rem;
		line-height:1.875rem;
		text-align:center;
		border-radius:.125rem;
		background:rgba(255,255,255,.8)
	}
	.book .book-info .book-info-btn li:first-child a {
		margin-left:0;
		background:#f60;
		color:#fff;
		box-shadow:none
	}
	.bookchapter,.bookintro {
		background:#fff;
		font-size:.875rem;
		line-height:1.5rem;
		position:relative;
		overflow:hidden;
		text-align:justify;
		border-top:1rem solid transparent;
		border-bottom:1rem solid transparent;
		box-shadow:0 1px #f0f1f2,0 -1px #f0f1f2
	}
	.bookintro p {
		padding:0 1rem
	}
	.bookchapter {
		border-bottom:none
	}
	.bookchapter h2 {
		font-size:1rem;
		padding:0 1rem
	}
	.bookchapter ul {
		margin-top:1rem;
		box-shadow:0 1px #f0f1f2,0 -1px #f0f1f2
	}
	.bookchapter ul li {
		padding:0 1rem;
		line-height:2.2rem;
		height:2.2rem;
		white-space:nowrap;
		overflow:hidden;
	}
	.bookchapter ul li:nth-child(2n+1) {
		background:rgba(0,100,150,.05)
	}
	.bookchapter ul li a {
		max-width:calc(100% - 1rem)
	}
	.bookchapter ul li:after {
		content:"\003e";
		float:right;
		color:#ccc;
		transform:scale(1,2);
		font-weight:100
	}
	.bookchapter .bookchaptermore {
		display:block;
		background:#f60;
		color:#fff;
		font-weight:700;
		text-align:center;
		padding:.25rem 1rem;
		margin:1rem;
		border-radius:1rem
	}
	
	/* 移动端列表分页 */
	.listpage {
		width:calc(100% - 2rem);
		padding:1rem;
		overflow:hidden;
		text-align:center
	}
	.listpage .pagination {
		margin:0 auto
	}
	/* PC端章节目录翻页居中 */
	@media(min-width:961px){
		.chapterlist .listpage {
			text-align:center;
			padding:15px 0
		}
		.chapterlist .listpage .index-container-btn {
			display:inline-block;
			margin:0 5px;
			padding:5px 15px;
			border:1px solid rgba(0,100,150,.3);
			background:rgba(255,255,255,.8);
			border-radius:3px;
			text-decoration:none;
			color:#333
		}
		.chapterlist .listpage .index-container-btn:hover {
			background:rgba(0,100,150,.1);
			color:#f60
		}
		.chapterlist .listpage .index-container-btn.disabled-btn {
			color:#999;
			cursor:not-allowed;
			background:rgba(0,0,0,.05)
		}
		.chapterlist .listpage select {
			display:inline-block;
			margin:0 5px;
			padding:5px 10px;
			border:1px solid rgba(0,100,150,.3);
			background:rgba(255,255,255,.8);
			border-radius:3px;
			font-size:14px
		}
	}
	.listpage span {
		text-align:center
	}
	.listpage .left {
		float:left;
		width:25%
	}
	.listpage .left a,.listpage .right a {
		display:inline-block;
		width:90%;
		height:1.65rem;
		line-height:1.65rem
	}
	.listpage .left a {
		float:left
	}
	.listpage .right a {
		float:right
	}
	.listpage .right {
		float:right;
		width:25%
	}
	.listpage .middle {
		width:49%;
		border:.05rem solid #d7d7d7;
		display:block;
		float:left;
		height:1.5rem;
		line-height:1.5rem
	}
	.listpage .middle em {
		width:80%;
		text-align:center;
		color:#999;
		font-style:normal;
		height:30px
	}
	.listpage .middle a,.listpage .middle em {
		display:inline-block;
		float:left;
		line-height:36px
	}
	.listpage .middle a {
		width:19%;
		height:36px;
		vertical-align:middle
	}
	.listpage .middle select {
		clear:both;
		border:none;
		display:inline-block;
		float:left;
		font-style:normal;
		height:1.5rem;
		line-height:1.5rem;
		text-align:center;
		width:100%
	}
	.listpage .middle select,.listpage .middle select option {
		color:#666
	}
	.listpage .onclick {
		background:rgba(0,100,150,.5);
		color:#fff
	}
	.listpage .before {
		background:#cecece;
		color:#fff
	}
	
	/* 移动端阅读页 */
	.read {
		padding:1rem;
		/* GPU加速优化（继承PC端） */
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden
	}
	.read .content,
	.read .readcontent {
		/* 移动端滚动优化 */
		-webkit-overflow-scrolling:touch;
		will-change:scroll-position;
		contain:content
	}
	.read #readSet,
	.read #readSet-wap,
	.read .readSet {
		clear:both;
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin-bottom:.5rem;
	}
	.read #readSet .rf,
	.read #readSet-wap .rf,
	.read .readSet .rf {
		float:none;
		margin-left:auto;
		display:flex;
		align-items:center;
	}
	.read #readSet .ra,
	.read #readSet-wap .ra,
	.read .readSet .ra {
		border:.05rem solid #ccc;
		display:inline-block;
		width:1rem;
		height:1rem;
		margin-right:.5rem;
		overflow:hidden;
		vertical-align:middle;
		margin-top:0;
		padding:0;
		cursor:pointer;
	}
	/* 移动端夜间模式按钮样式 */
	.read #readSet button.ra:last-of-type,
	.read #readSet-wap button.ra:last-of-type,
	.read .readSet button.ra:last-of-type {
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		line-height:1;
		overflow:visible;
	}
	.read #readSet .rt,
	.read #readSet-wap .rt,
	.read .readSet .rt {
		margin-left:.4rem;
		border:.05rem solid #ccc;
		border-radius:3px;
		padding:0 .15rem;
		font-size:.75rem;
		background:rgba(255,255,255,.5);
		vertical-align:middle;
		cursor:pointer;
	}
	.read h1 {
		font-size:1.5em;
		font-weight:400;
		line-height:1.2;
		margin:1em 0
	}
	.read .readpage {
		display:flex
	}
	.read .readpage a,
	.read .readpage button,
	.read .readpage .disabled-link {
		width:25%;
		text-align:center;
		background:rgba(255,255,255,.5);
		border:1px solid rgba(0,100,150,.5);
		border-radius:.2rem;
		font-size:.875rem;
		line-height:1.5rem;
		cursor:pointer
	}
	.read .readpage a:nth-child(2),.read .readpage a:nth-child(3),
	.read .readpage button:nth-child(3),
	.read .readpage .disabled-link:nth-child(2) {
		margin:0 .25rem
	}
	.read .readpage .addbookcase {
		color:#f60
	}
	.read .readpage .gray,
	.read .readpage .disabled-link {
		color:#999;
		border-color:#999;
		cursor:default
	}
	.read .readcontent {
		font-size:1rem;
		line-height:1.8;
		overflow:hidden;
		text-align:justify
	}
	.read .readcontent p {
		padding:.5rem 0;
		text-indent:2em
	}
	.read .readcontent .report {
		text-align:center;
		margin-bottom:1rem
	}
	.read .readcontent .report a {
		color:#f60
	}
	
	/* 移动端排行榜 */
	.rank,.sort {
		margin:.75rem 0 0;
		background-color:#fff;
		overflow:hidden
	}
	.rank .content {
		padding:1rem;
	}
	.rank .content dl {
		width:100%;
		min-height:5rem;
		overflow:hidden
	}
	.rank .content dl+dl {
		margin-top:1rem
	}
	.rank .content dl .cover-wrapper,
	.rank .content dl .cover {
		float:left;
		width:4.5rem;
		height:auto
	}
	.rank .content dl .cover-wrapper {
		padding:0;
		margin:0;
		height:auto;
		overflow:visible
	}
	.rank .content dl .cover img {
		width:4rem;
		height:auto
	}
	.rank .content dl dt.cover-wrapper {
		display:block;
		margin-top:0;
		height:auto;
		overflow:visible;
		line-height:normal
	}
	.rank .content dl dt:not(.cover-wrapper) {
		display:block;
		margin-top:0;
		font-size:.875rem;
		line-height:1.4;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.rank .content dl dd {
		font-size:.75rem;
		height:2.5rem;
		line-height:1.25rem;
		overflow:hidden;
		text-align:justify
	}
	.rank .content dl dd.history {
		height:1.25rem;
		line-height:1.25rem
	}
	.rank .content dl dd:last-child {
		height:1.2rem;
		line-height:1rem;
		font-size:.8125rem;
		padding-top:.2rem
	}
	#del_temp,.rank .content dl dd:last-child span {
		float:right;
		margin-left:.25rem;
		font-size:.625rem;
		border:1px solid #666;
		color:#666;
		border-radius:2px;
		line-height:.75rem;
		padding:.05rem
	}
	#del_temp,.rank .content dl dd:last-child span:nth-child(2) {
		color:#f60;
		border:1px solid #f60
	}
	.rank .content dl dt:not(.cover-wrapper) span:not(.search-highlight) {
		display:block;
		background:#f60;
		border-radius:1rem;
		width:1rem;
		height:1rem;
		line-height:1rem;
		text-align:center;
		color:#fff;
		margin-right:.25rem;
		margin-top:.25rem;
		font-size:.625rem
	}
	.rank .content dl:nth-of-type(n+4) dt:not(.cover-wrapper) span:not(.search-highlight) {
		background:rgba(0,100,150,.5);
	}
	.rank .list li {
		overflow:hidden;
		height:2.5rem;
		line-height:2.5rem;
		padding:0 1rem
	}
	.rank .list li:nth-child(2n+1) {
		background-color:rgba(0,100,150,.05)
	}
	.rank .list li a,.rank .list li span {
		float:left
	}
	.rank .list li a {
		max-width:60%;
		font-size:.875rem
	}
	.rank .list li a:last-child {
		max-width:calc(40% - 1.25rem);
		float:right;
		text-align:right;
		font-size:.75rem;
		font-weight:400
	}
	.rank .list li span {
		display:block;
		background:#f60;
		border-radius:1rem;
		width:1rem;
		height:1rem;
		line-height:1rem;
		text-align:center;
		color:#fff;
		margin-right:.25rem;
		margin-top:.75rem;
		font-size:.625rem;
	}
	.rank .list li:nth-of-type(n+3) span {
		background:rgba(0,100,150,.5);
	}
	
	/* 移动端榜单 - ranklist（作者页、标签页等） */
	.ranklist {
		margin:.75rem 0 0;
		background-color:#fff;
		overflow:hidden
	}
	.ranklist .content {
		padding:1rem;
	}
	.ranklist .content dl {
		width:100%;
		min-height:5rem;
		overflow:hidden
	}
	.ranklist .content dl+dl {
		margin-top:1rem
	}
	/* 图片容器 - cover-wrapper 结构 */
	.ranklist .content dl dt.cover-wrapper {
		float:left;
		width:4.5rem;
		height:auto;
		padding:0;
		margin:0;
		overflow:visible;
		display:block;
		line-height:normal
	}
	.ranklist .content dl dt.cover-wrapper .cover {
		width:100%;
		height:100%;
		display:block
	}
	.ranklist .content dl dt.cover-wrapper .cover img,
	.ranklist .content dl dt.cover-wrapper img {
		width:4rem;
		height:auto;
		display:block
	}
	.ranklist .content dl dt:not(.cover-wrapper) {
		display:flex;
		margin-top:-.2rem;
		font-size:.875rem;
		height:1.5rem;
		overflow:hidden;
		line-height:1.5rem
	}
	.ranklist .content dl dd {
		font-size:.75rem;
		height:2.5rem;
		line-height:1.25rem;
		overflow:hidden;
		text-align:justify
	}
	.ranklist .content dl dd.bookmark {
		height:1.25rem;
		line-height:1.25rem
	}
	.ranklist .content dl dd.history {
		height:1.25rem;
		line-height:1.25rem
	}
	.ranklist .content dl dd:last-child {
		height:1.2rem;
		line-height:1rem;
		font-size:.8125rem;
		padding-top:.2rem
	}
	.ranklist .content dl dd:last-child span {
		float:right;
		margin-left:.25rem;
		font-size:.625rem;
		border:1px solid #666;
		color:#666;
		border-radius:2px;
		line-height:.75rem;
		padding:.05rem
	}
	.ranklist .content dl dd:last-child span:first-child {
		color:#f60;
		border:1px solid #f60
	}
	.ranklist .content dl dt:not(.cover-wrapper) span:not(.search-highlight) {
		display:block;
		background:#f60;
		border-radius:1rem;
		width:1rem;
		height:1rem;
		line-height:1rem;
		text-align:center;
		color:#fff;
		margin-right:.25rem;
		margin-top:.25rem;
		font-size:.625rem
	}
	
	/* 移动端分类 */
	.sort ul {
		padding:0 .5rem 1rem;
		overflow:hidden;
		font-size:.875rem
	}
	.sort ul li {
		float:left;
		width:33.33333%;
		margin-top:1rem;
		text-align:center
	}
	.sort ul li a {
		display:block;
		background:rgba(0,100,150,.1);
		margin:0 .5rem;
		border-radius:.2rem;
		line-height:2rem;
	}
	.sort ul li a.active {
		background:rgba(0,100,150,.5);
		color:#fff
	}
	#wrapper .rank {
		background:rgba(255,255,255,.5)
	}
	
	/* 移动端分页 */
	.pages {
		text-align:center;
		padding:1rem .5rem;
		overflow:hidden
	}
	.pagination {
		display:inline-flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:.25rem;
		padding:.5rem;
		background:rgba(255,255,255,.9);
		border-radius:.5rem;
		box-shadow:0 2px 6px rgba(0,0,0,.08)
	}
	.pagination>li {
		display:inline-block
	}
	.pagination>li.hidden-xs {
		display:none
	}
	.pagination>li>a,.pagination>li>span {
		display:block;
		padding:.4rem .6rem;
		border-radius:.25rem;
		text-decoration:none;
		color:#333;
		font-size:.8rem;
		background:transparent;
		border:none
	}
	.pagination>li>a:active {
		background:rgba(0,100,150,.15)
	}
	.pagination>li:first-child>a,.pagination>li:first-child>span,
	.pagination>li:nth-last-child(2)>a,.pagination>li:nth-last-child(2)>span {
		padding:.4rem .8rem;
		font-size:1rem;
		font-weight:bold
	}
	.pagination>.active>span {
		background:linear-gradient(135deg,#0066cc,#004499);
		color:#fff;
		font-weight:bold
	}
	.pagination>.disabled>span {
		color:#bbb
	}
	.pagination>.ellipsis>span {
		color:#999;
		padding:.4rem .3rem
	}
	.pagination>.page-input-li {
		display:none
	}
	
	/* 移动端搜索 */
	#searchguide {
		display:none;
		position:fixed;
		z-index:3;
		top:0;
		right:0;
		bottom:0;
		left:0;
		overflow:hidden;
		transition:visibility .25s;
		-wekit-transition:visibility .25s;
		background:#fff
	}
	.search {
		padding:.5rem 1rem;
		height:1.8rem;
		overflow:hidden;
		background-color:rgba(0,100,150,.5);
		background:linear-gradient(45deg,rgba(0,100,150,1),rgba(0,100,150,.5));
		display:flex;
	}
	.search form {
		width:calc(100% - 1.25rem);
		align-items:center;
		display:flex;
	}
	.search form input {
		width:calc(100% - 4rem);
		font-size:.75rem;
		border:none;
		border-radius:.15rem 0 0 .15rem;
		border-right:none;
		background:#fff;
		height:1.8rem;
		line-height:1.8rem
	}
	.search form button {
		width:4rem;
		cursor:pointer;
		border-radius:0 .15rem .15rem 0;
		font-size:.75rem;
		border:none;
		height:1.8rem;
		line-height:1.8rem;
		background:rgba(0,100,150,.5);
		color:#ffffff;
	}
	.search form button:hover {
		background-color:#f60;
		color:#fff
	}
	.search #closesearch {
		float:right;
		width:1.25rem;
		margin-left:1rem;
		color:#fff;
		font-size:.75rem;
		text-align:right;
		margin-top:-.2rem;
	}
	.searchhot {
		padding:1rem
	}
	.searchhot h4 {
		padding:0;
		height:auto;
		border-top:0
	}
	.searchhot p a {
		font-size:.75rem;
		line-height:1.5rem;
		display:inline-block;
		padding:0 .625rem;
		text-align:center;
		border:1px solid;
		border-radius:.75rem;
		color:#969ba3;
		margin:1rem .5rem 0 0
	}
	
	/* 移动端页面容器 */
	.fixed {
		width:100%;
		overflow:hidden;
		background:#fff
	}
	
	/* 移动端登录 */
	.login {
		background:#fff
	}
	.login form {
		padding:2rem 1rem;
		text-align:center
	}
	.login form .form-group+.form-group {
		margin-top:2rem
	}
	.login form .form-group .form-title {
		float:left;
		overflow:hidden;
		line-height:1.5rem;
		font-size:.75rem
	}
	.login form .form-group .form-content {
		overflow:hidden
	}
	.login form .form-group .form-content input {
		border:1px solid rgba(0,100,150,.2);
		width:100%;
		font-size:.625rem;
		line-height:1.5rem;
		text-indent:10px
	}
	.login form .form-submit {
		margin-top:2rem;
		text-align:center
	}
	.login form .form-submit button {
		border:1px solid rgba(0,100,150,.2);
		background-color:rgba(0,100,150,.1);
		border-radius:3px;
		font-size:100%;
		padding:5px 50px
	}
	.login form .form-submit button:hover {
		background-color:#f60;
		color:#fff;
		border-color:#f60
	}
	
	/* 移动端页脚 */
	.footer {
		padding:.5rem 0;
		background:rgba(0,100,150,.5)
	}
	.footer p {
		line-height:1.5rem;
		text-align:center;
		font-size:.625rem;
		color:#fff
	}
	
	/* 移动端返回顶部 */
	.backtotop {
		position:fixed;
		z-index:1;
		right:1rem;
		bottom:20%;
		width:2rem;
		height:2rem;
		-webkit-transition:opacity .25s,visibility .25s;
		transition:opacity .25s,visibility .25s;
		color:#fff;
		border-radius:2rem;
		background-color:rgba(0,0,0,.6)
	}
	.backtotop svg {
		width:1rem;
		height:1rem;
		max-width:1rem;
		max-height:1rem;
		padding:.5rem;
		fill:currentColor
	}
	.nobook {
		padding:5rem 0 0 0;
		text-align:center;
	}
}