@charset "utf-8";
:root {
	--mb: 0.5rem;
	--br: rgba(36, 42, 55, 0.5);
	--th: rgba(36, 42, 55, 1)
}
* {margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
html,body {font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height: 1.5;font-weight: 400;color: #666;font-size: 16px;background: #eff0f4;}
ul,li {list-style: none;}
img {border: 0px;max-width: 100%;max-height: 100%;}
em,i,u,s,b,strong {font-style: normal;font-weight: normal;text-decoration: none;}
a {cursor: pointer;color: #333;text-decoration: none;display: inline-block;}
a:hover {color: #ff4800;}
h1,h2,h3,h4,h5,h6 {font-weight: 400;}
h1 {font-size: 1.25rem;}
h2 {font-size: 1rem;}
h4 {font-size: 0.875rem;}

.container {max-width: 100%;margin: auto;position: relative;}
.text-muted {color: #777;font-size: 0.75rem;}

/* section */
section {margin-bottom: var(--mb);background-color: #fff;padding: 1rem;}
section .head {display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid var(--br);padding-bottom: 0.5rem;margin-bottom: 1rem;}
section .head .left {margin-right: 0.75rem;}
section .head .right {overflow: hidden;}
section .head .titl {}
section .head .more {color: #777;font-size: 0.875rem;}
section .head nav {display: flex;align-items: center;}
section .head nav a {padding: 0.375rem 0.875rem;border-radius: 1rem;font-size: 0.875rem;color: #1E232D;cursor: pointer;transition: all .2s ease-in-out;position: relative;margin-left: 0.75rem;}
section .head nav a.active,
section .head nav a:hover {color: #fff;background-color: #c99a05;}
section .head small {margin-top: 6px;color: #666;font-size: 0.75rem;line-height: 1.125rem;display: flex;align-items: center;}
section .head small span {color: #c99a05;margin: 0 0.375rem;}

/* header */
header {z-index: 999;position: sticky;top: 0;width: 100%;padding: 0 1rem;background-color: hsla(0, 0%, 0%, 0.85);backdrop-filter: blur(10px);}
header a {height: 100%;display: inline-flex;align-items: center;color: #fff;}
header a:hover {color: #fff;}
.header-navbar {display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 0;}
.header-navbar,
.header-nav {padding: 0.75rem 0;}
.header-navbar .logo {font-size: 1.2rem;}
.header-navbar .logo .feather {margin-right: 0.25rem;}
/* nav */
.header-nav {border-top: 1px solid rgba(255,255,255,0.5);display: none;}
.header-nav nav {display: flex;align-content: center;justify-content: space-between;}
.header-nav nav a {width: 100%;justify-content: center;}

/* main */
main {}

/* chapter */
.chapter .title {text-align: center;color: #333;}
.chapter .tips {text-align: center;font-size: 0.875rem;color: #999;}

/* chapter list */
.chapter-list {font-size: 0.875rem;}
.chapter-list a {margin-right: 1rem;font-size: 1;}

/* prenext */
.prenext {display: flex;align-content: center;justify-content: center;margin: 1rem 0;border-top: 1px dashed var(--br);border-bottom: 1px dashed var(--br);font-size: 0.875rem;}
.prenext a {margin: 0 1rem;line-height: 2rem;}

/* content */
.content {}
.content p {margin: 1rem 0;}

/* book */
.book {display: flex;flex-direction: column;overflow: hidden;position: relative;padding: 1rem;}
.book .info {display: flex;position: relative;z-index: 1;}
.book .cover {width: 120px;aspect-ratio: 100 / 130;border-radius: 4px;overflow: hidden;margin-right: 1rem;}
.book .cover img {object-fit: cover;width: 100%;height: 100%;}
.book .blur {position: absolute;top: 0;left: 0;opacity: .15;-webkit-filter: blur(18px);filter: blur(18px);object-fit: cover;width: 100%;height: 100%;}
.book .txt {flex: 1;}
.book .txt h1 {color: #333;margin-bottom: .5rem;}
.book .txt p {font-size: 0.875rem;}
.book .txt a {}
.book .btns {margin-top: 1rem;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 1rem;position: relative;z-index: 1;font-size: 0.875rem;}
.book .btns a {text-align: center;background-color: var(--th);border-radius: 4px;color: #fff;padding: .5rem 0;}

.book-desc {font-size: 0.875rem;}

.book-like {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: .5rem;}
.book-like a {display: inline-flex;flex-direction: column;justify-content: center;align-items: center;font-size: 0.75rem;}
.book-like img {width: 100%;aspect-ratio: 100 / 130;}
.book-like h4 {width: 100%;overflow: hidden;height: 24px;line-height: 24px;text-align: center;}

.book-chapter {display: flex;flex-wrap: wrap;font-size: 0.875rem;}
.book-chapter a {flex: 1 1 100%;border-bottom: 1px dashed #dfdfdf;padding: 5px 5px 5px 0;}

.book-rand {display: flex;flex-wrap: wrap;font-size: 0.875rem;}
.book-rand a {flex: 1 1 100%;border-bottom: 1px dashed #dfdfdf;padding: 5px 5px 5px 0;}

.book-coverlist {display: flex;flex-direction: column;gap: .5rem;}
.book-coverlist li {display: inline-flex;}
.book-coverlist .cover {flex: 1 0 120px;display: flex;}
.book-coverlist .cover img {}
.book-coverlist .txt {padding-left: 1rem;color: #777;font-size: 0.75rem;}
.book-coverlist .titl {font-size: 1rem;}
.book-coverlist p {margin-top: .5rem;overflow: hidden;}
.book-coverlist .desc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.top-grid {display: grid;grid-template-columns: repeat(1,1fr);}
.top-grid-list {display: flex;flex-wrap: wrap;flex-direction: column;margin-bottom: -1rem;}
.top-grid-list a {flex: 1 1 100%;border-bottom: 1px dashed #dfdfdf;display: inline-flex;align-items: center;justify-content: space-between;font-size: 0.875rem;padding-bottom: .5rem;margin-bottom: .5rem;}

.chapter-new {display: flex;flex-direction: column;font-size: 0.875rem;margin-bottom: -1rem;font-size: 0.875rem;}
.chapter-new li {font-size: 0.875rem;border-bottom: 1px dashed #dfdfdf;display: flex;justify-content: space-between;gap: 0.5rem;padding-bottom: 0.5rem;margin-bottom: 0.5rem;height: 30px;}
.chapter-new span {color: #777;overflow: hidden;width: 80px;}
.chapter-new a {overflow: hidden;}
.chapter-new .type {display: none;}
.chapter-new .name {flex: 1;}
.chapter-new .zj {flex: 1;}
.chapter-new .author {}
.chapter-new .time {display: none;}

.links {display: flex;flex-wrap: wrap;font-size: 0.875rem;}
.links a {margin-right: 1rem;}

/* footer */
footer {text-align: center;padding: 1rem 0;font-size: 0.875rem;background-color: #fff;}

@media (min-width: 1200px) {
	:root {
		--mb: 1rem;
	}
	.container {max-width: 1140px;}
	section {padding: 2rem;}
	header {margin-bottom: var(--mb);}
	header .container {display: flex;justify-content: space-between;align-items: center;}
	header .menu {display: none;}
	.header-navbar,
	.header-nav {padding: 1rem 0;}
	.header-nav {border-top: none;display: block;}
	.header-nav nav a {margin-left: 1.5rem;}
	.book {margin: 1rem auto;}
	.book .cover {width: 180px;}
	.book-like {grid-template-columns: repeat(6,1fr);}
	.book-like a {flex-shrink: inherit;width: auto;}
	.book-chapter a {flex: 1 1 50%;}
	.book-rand a {flex: 1 1 25%;}
	.book-coverlist {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: var(--mb);}
	.top-grid {grid-template-columns: repeat(3,1fr);column-gap: var(--mb);}
	.chapter-new .type {display: block;}
	.chapter-new .time {display: block;}
}