/* ============================================================
   船说主题 · 视觉升级版  (2026-11)
   说明：保留原主题全部类名/选择器与响应式断点，仅重做视觉层。
   ============================================================ */

:root {
	--bg: #f6efe3;               /* 页面底色（暖米） */
	--card: #fffdf8;             /* 卡片底色（暖白） */
	--border: #ecdfcb;           /* 分隔线（暖砂） */
	--text-1: #3b2b20;           /* 主文字（深咖） */
	--text-2: #6d5b4b;           /* 次文字（棕灰） */
	--text-3: #9a846d;           /* 弱文字（浅驼） */
	--primary: #d3542c;          /* 主色（陶土橙） */
	--primary-dark: #b8431f;     /* 主色-深（hover） */
	--primary-soft: #fbe7db;     /* 主色-浅底 */
	--dark: #40291d;             /* 顶部导航深色（浓咖） */
	--dark-hover: #331f15;       /* 导航悬停深色 */
	--paper: #fcf4e2;            /* 阅读页纸色 */
	--paper-body: #efe0c8;       /* 阅读页底色 */
	--radius: 10px;
	--radius-sm: 8px;
	--shadow-card: 0 1px 2px rgba(93, 58, 34, .05), 0 6px 20px -12px rgba(93, 58, 34, .12);
	--shadow-pop: 0 8px 30px -8px rgba(93, 58, 34, .22);
}

*{margin: 0;padding: 0;box-sizing: border-box;}

body {
	color: var(--text-1);
	font-size: 15px;
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
}

body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,iframe,input,ol,p,pre,select,table,td,textarea,th,ul,em,i {
	font-weight: 400;
	font-style: normal;
	font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft Yahei", "Noto Sans SC", Arial, Tahoma, Verdana, sans-serif;
}

h3,h4,h5,h6{
	font-size:14px; display:inline-block;
}

ol,li,ul{list-style: none;}dd,div,dl,dt,form,img,li,ol,ul {border: 0;}button,input{outline: none;}

.red{color:var(--primary)}.blue{color:#a97b58}.dark{color: var(--text-1)}.green{color:#5f8a52}.orange{color:#c9761f}.yellow{color:#c98a12}.purple{color:#9a6c8f}
.fullflag{color:#fff;background:var(--primary);border:1px solid var(--primary)!important;border-radius:4px;padding:0 6px;font-size:12px;}
img{vertical-align: top;}
.w100{width:100%;overflow:hidden;}
.dsno{display:none;}

a{
	color: var(--text-1);
	text-decoration: none;
	transition: color .15s ease;
}

.hot,.fa-user-circle-o:hover,a[class="gray"]:hover,
.header_right a:hover, .act *,
a:hover {
	color: var(--primary);
}

.gray, .fa-user-circle-o{
	color: var(--text-2);
}
.w_gray{
	color: var(--text-3);
}

.intro{text-indent:2em;line-height:1.9em;min-height:50px;margin-top:1em;}
.intro p{margin:6px 0; overflow: hidden;}
.indent{text-indent:2em;}

p.indent{
	line-height:1.9em;
	height:77px;
	overflow: hidden;
	margin:7px 0;
}

.container {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-flow: wrap;
	padding: 0 12px;
}

.section {
	width: 100%;
	margin: 14px 0 0;
	padding: 16px;
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
}

.section_style {
	width: 100%;
	background: var(--paper);
	margin: 14px 0 0;
	padding: 0 16px 16px;
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
	overflow: hidden;
}

.msgdiv {
	min-height: 200px;
	display: flex;
	flex-flow: column;
	justify-content: space-around;
}

.fl {float: left;}
.fr {float: right;}
.tc{text-align:center;}

#gotop,#gofooter{
	position:fixed;font-size:20px;width:44px;height:44px;line-height:44px;text-align:center;
	right:calc(50% - 530px);color:var(--text-3);background:var(--card);border-radius:50%;
	box-shadow:var(--shadow-card);cursor:pointer;z-index:10;transition:color .15s ease, transform .15s ease;
}
#gotop{transform:rotate(0deg);bottom:120px;}
#gofooter{transform:rotate(180deg);bottom:70px;}
#gotop:hover,#gofooter:hover{color:#fff;background:var(--primary);}

/* ===== header ===== */
.head {
	justify-content: space-between;
	align-items: center;
	padding: 18px 5px;
}

#logo {
	font-weight: 700;
	text-align:center;
}

#logo span {
	font-size: 1.6em;
	letter-spacing: .12em;
	color: var(--text-1);
}

#logo p{
	font-weight:600;
	color: var(--text-3);
	font-size: 11px;
	letter-spacing: .05em;
}

header form {
	display: flex;
	align-items: center;
	height: 40px;
	width: 300px;
	margin: 5px 2px;
}

.search_input {
	text-indent: 12px;
	height: 100%;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm) 0 0 var(--radius-sm);
	border-right: 0;
	flex-grow: 2;
	background: #f9f2e6;
	transition: border-color .15s ease, background .15s ease;
}
.search_input:focus{background:#fff;border-color:var(--primary);}

#search_btn {
	padding: 0 15px;
	height: 100%;
	border: none;
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	background: var(--primary);
	color: #fff;
	cursor: pointer;
	transition: background .15s ease;
}

#search_btn:hover {
	background: var(--primary-dark);
}

.header_right {
	display: flex;
	align-items: flex-end;
	font-size: 1.05em;
	padding-top:8px;
}

.header_right a {
	color: var(--text-1);
	padding-left: 28px;
	text-align: center;
}

.header_right #home{
	display:none;
}

.header_right a:first-child {
	border-left: none;
	padding-left:0;
}

.header_right .fa{margin-bottom:4px;}

/* ===== nav ===== */
#footer,
.navigation {
	background: var(--dark);
}

nav {
	align-items: center;
	font-size: 1.05em;
}

nav a {
	display: inline-block;
	color: #f6ece0;
	padding:0 20px;
	height:44px;
	line-height:44px;
	position: relative;
}

nav a:hover{
	color: #fff;
	line-height:44px;
	transition: none;
	background-color: var(--dark-hover);
}

nav a:hover::after{
	content:'';
	position:absolute;left:20px;right:20px;top:0;height:3px;
	background:var(--primary);border-radius:0 0 3px 3px;
}

#user_panel {
	margin-left: auto;
}

#qrcode{
	position:relative;
	color:#f6ece0;
	cursor:pointer;
	margin:0 10px;
}

#qrcode img{
	position:absolute;
	top:42px;
	right:0px;
	display:none;
	border:1px solid var(--border);
	border-radius: var(--radius-sm);
	z-index: 99;
}

#qrcode:hover img{
	display:block;
}

/* ===== home page ===== */
.side_commend,
aside {
	margin-top: 14px;
	padding: 16px 16px 10px;
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
}

aside {
	width: 260px;
	margin-left: 14px;
}

.side_commend_width {
	width: calc(100% - 274px); /* 260 侧栏 + 14 间距，防溢出换行 */
}

.flex {
	display: flex;
	flex-flow: wrap;
}

.side_commend li {
	width: 49%;
	display: flex;
	margin: 14px 6px 20px 0;
	line-height:1.7em;
}

.side_commend .li_bottom{
	display:flex;
	overflow:hidden;
	align-items: center;
	flex-flow:nowrap;
}
.side_commend .li_bottom > *{
	height:20px;
	line-height:20px;
}

.side_commend .li_bottom > div{
	margin-left:auto;
}
.side_commend em{
	border:1px solid var(--border);
	border-radius: 4px;
	padding:0 3px;
	font-size:10px;
	margin-right:4px;
	color: var(--text-3);
}

.side_commend h2{ /*_commend block articlename*/
	font-size:1.1em;
	font-weight: 600;
	display:block;
	height:24px;
	line-height:24px;
	overflow: hidden;
}

.section_mark img,
.side_commend img {
	width: 100px;
	height: 133px;
	border-radius: var(--radius-sm);
	box-shadow: 0 2px 8px rgba(93, 58, 34, .12);
	transition: transform .35s ease, box-shadow .35s ease;
}

.section_mark img:hover,
.side_commend img:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(93, 58, 34, .18);
}

.searchresult{
  padding-top:4px;
  width:100%!important;
}
.searchresult h3,
.searchresult p{
	overflow: hidden;
	height:20px;
}
.searchresult .searchresult_p{
	height:46px;
	line-height:24px;
	overflow:hidden;
	margin:10px 0;
}
.searchresult h3{
	font-size:1.2em;
	font-weight: 600;
}

.searchresult div{
	margin-top:10px;
}

/* ===== lastupdate / popular ===== */
.lastupdate {
	width: calc(100% - 274px); /* 260 侧栏 + 14 间距，防溢出换行 */
	margin: 14px 0 0;
	padding: 16px;
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
}

.lastupdate li {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	width: 100%;
	height: 42px;
	line-height:42px;
	overflow:hidden;
	border-bottom: 1px solid var(--border);
	transition: background .15s ease;
}
.lastupdate li:hover{background:#fdf7ec;}
.lastupdate li * {
	height:100%;
}

.lastupdate li *:nth-child(1) {
	width: 9%;margin-left:-1%;
}

.lastupdate li *:nth-child(2) {
	width: 25%;
	font-size:1.05em;
}

.lastupdate li *:nth-child(3) {
	width: 41%;
	margin-left:1%;
}

.lastupdate li *:nth-child(4) {
	width: 25%;
	text-align: right;
}

.popular li {
	display: flex;
	justify-content: space-between;
	flex-flow: nowrap;
	height: 42px;
	border-bottom: 1px solid var(--border);
	transition: background .15s ease;
}
.popular li:hover{background:#fdf7ec;}

.popular li *:first-child {
	line-height: 42px;
	overflow: hidden;
	font-size:1.05em;
}

.popular li *:last-child {
	line-height: 42px;
	overflow: hidden;
	text-align: right;
}

.img_span {
	position: relative;
	margin-right:15px;
}

.img_span a{
	width:100px;
	height:133px;
	overflow:hidden;
	display:block;
	border-radius: var(--radius-sm);
	box-shadow: 0 2px 8px rgba(93, 58, 34, .12);
}
.img_span a:hover{
	position: unset;
}
.img_span img{border-radius: var(--radius-sm);}

.img_span span {
	width: 100px;
	height: 25px;
	background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, .25));
	display: flex;
	position: absolute;
	top: 108px;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border-radius: 0 0 var(--radius-sm) var(--radius-sm);
}
/* 完本图标 */
span[class=full]{background:rgba(207,58,44,.85);}

.link > a{
	display:inline-block;
	padding:15px 10px 5px 0;
}

/* ===== info page 书籍详情 ===== */
.novel_info_main {
	padding: 12px 5px 0;
	line-height: 1.6em;
}

.novel_info_main img {
	width: 120px;
	height: 160px;
	margin: 8px 22px 10px 0;
	box-shadow: 0 6px 18px rgba(93, 58, 34, .18);
	border-radius: var(--radius-sm);
	float: left;
}

.novel_info_title{
	line-height:38px;
}

.novel_info_title p{
	display:flex;
	flex-flow:wrap;
}
.novel_info_title h1 {
	font-weight: 700;
	color: var(--text-1);
	font-size: 24px;
	margin-right:20px;
	display:inline-block;
}
.novel_info_title p span{
	padding:0 10px;
	border:1px solid var(--border);
	border-radius:999px;
	margin:12px 15px 8px 0px;
	white-space: nowrap;
	line-height:22px;
	font-size: 13px;
	color: var(--text-2);
	background:#fdf7ec;
}
.novel_info_title > i{
	white-space:nowrap;
	color: var(--text-2);
}
.novel_info_title > div > a{
	margin-right:15px;
	font-size:1.05em;
}

.novel_info_main .indent>p {
	text-indent: 2em;
	line-height:2em;
}

.ulcard{
	margin-top:28px;
	border-bottom:1px solid var(--border);
}
.ulcard li{
	padding:0 20px;
	height: 42px;
	font-size:17px;
	color: var(--text-2);
	cursor: pointer;
}
.ulcard span{font-size:14px;}

.act {
	border-bottom:2px solid var(--primary);
	color: var(--primary);
	font-weight: 600;
}

#catalog{display:none;}

.l_btn {
	width:112px;
	padding-left: 16px;
	line-height: 37px;
	border-radius: var(--radius-sm);
	margin:12px 15px 0 0;
	background: var(--primary);
	border: 1px solid var(--primary);
	color:#fff;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}

.l_btn_0 {
	width:112px;
	border: 1px solid var(--primary);
	padding-left: 15px;
	line-height: 37px;
	border-radius: var(--radius-sm);
	margin:12px 15px 0 0;
	background:#fff;
	color: var(--primary);
	text-decoration: none;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}

.abtn {
	padding: 0 10px;
	line-height: 30px;
	border-radius: var(--radius-sm);
	margin: 5px 10px 5px 0;
	background: var(--text-3);
	border: 1px solid var(--text-3);
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.read_nav a:hover,
.l_btn:hover,.l_btn_0:hover,
button[class*="abtn"]:hover {
	background: var(--primary-dark);
	border:1px solid var(--primary-dark);
	color:#fff;
}
.l_btn_0:hover{background:var(--primary-soft);}

/* ===== chapter list ===== */
.chapter_list a {
	display:block;
	padding-left: 5px;
	font-size:1.05em;
}
.chapter_list ul {
	display: flex;
	flex-flow: wrap;
	align-items: center;
}

.chapter_list ul li {
	width: 33%;
	line-height: 48px;
	height:48px;
	overflow:hidden;
	border-bottom: 1px solid var(--border);
	transition: background .15s ease;
}
.chapter_list ul li:hover{background:#fdf7ec;}

/* ===== 标题条 ===== */
.title {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	width: 100% !important;
	font-weight: 700;
	color: var(--text-1);
	font-size: 1.1em;
	padding: 2px 0 10px;
	border-bottom: 1px solid var(--border);
}
.title::before{
	content:'';
	width:4px;
	height:16px;
	margin-right:10px;
	background: var(--primary);
	border-radius: 2px;
}

.jcc {
	justify-content: center;
	border: none;
	text-align: center;
	margin-bottom: 5px;
}
.jcc::before{display:none;}

/* ===== reader page 阅读页 ===== */
.read_bg{
	background: var(--paper-body);
}

main[class='container']{
	max-width: 920px;
}

.text_title{
    padding:40px 64px 10px;
}

.style_h1 {
	font-weight: 700;
	font-size: 24px;
	color: var(--text-1);
	text-align:justify;
	margin:0 60px 10px 0;
}

.text_info span{
	color: var(--text-3);
	font-size:14px;
	display:inline-block;
    margin:0 15px 5px 0;
}
.text_info a{
	color: var(--text-3);
}
.text_info a:hover{color: var(--primary);}

.text{
    position: relative;
}

.text_set{
    position:absolute;
    background: var(--paper);
    right:0;
	top:10px;
	padding-right:3px;
	border-radius: var(--radius-sm);
}

#text_control{
    margin:25px 60px 25px 10px;
    text-align: right;
    display:none;
}
#text_control a{
    color: var(--text-2);
    margin-left:21px;
    font-size:36px;
}

.fontsize {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
}

.fontsize button{
    padding: 0 8px;
    line-height: 28px;
    border-radius: var(--radius-sm);
    margin: 5px 0px 5px 25px;
    background: var(--text-3);
    border:1px solid var(--text-3);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s ease;
}

.fontsize button:nth-child(1) {
	width: 30px;
	height: 30px;
}

.fontsize button:nth-child(2) {
	width: 33px;
	height: 33px;
}

.fontsize button:nth-child(3) {
	width: 36px;
	height: 36px;
}

.fontsize button:hover{
    background: var(--primary);
    border:1px solid var(--primary);
}

#gotop:hover,
#gofooter:hover,
.text_info a:hover,
#text_control a:hover,
.text_set .cog:hover{
    color: var(--primary);
    cursor:pointer;
}

.read_nav{
	height:56px;
	background: var(--paper);
	margin-top:14px;
	width:100%;
	display:flex;
	line-height:56px;
	border-radius: var(--radius);
	overflow:hidden;
	box-shadow: var(--shadow-card);
}
.read_nav a{
	text-align:center;
	width:33.33%;
	font-size:17px;
	transition: background .15s ease;
}
.read_nav a:hover{background:var(--primary-soft);}

.read_nav a:nth-child(2){
	width:34%;
	border-left:1px solid var(--border);
	border-right:1px solid var(--border);
}

#article {
	padding: 0 64px 24px;
	font-size: 18px;
	color:#3b2b20;
	min-height:200px;
}

#article>p {
	text-indent: 2em;
	line-height:2em;
	margin:.9em 0;
	text-align: justify;
	overflow:hidden;
}

#article img { /*图片章节*/
	width: 100%;
	padding: 8px;
	border-radius: var(--radius-sm);
	box-shadow: 2px 2px 5px #e2d2ba, -2px -2px 5px #e2d2ba;
	margin: 5px auto;
	display: block;
}

/* ===== footer ===== */
footer {
	color: #cbb49b;
	padding: 18px 0;
	flex-flow: column wrap !important;
	align-items: center;
	font-size: 12px;
	line-height: 1.7;
	margin-top: 14px !important;
}
footer a {color:#cbb49b;}
footer a:hover{color:#fff;}

/* ===== 翻页 ===== */
.pages {
	width: 100%;
	padding: 14px 0;
	text-align: center;
}

#pagestats {
	display:none;
	font-style: normal;
	margin-left: 5px;
}

.pages a,
.pages a:visited,
.pages strong,
kbd input {
	display: inline-block;
	margin: 2px 2px;
	padding: 0 2px;
	min-width: 35px;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	text-align: center;
	text-decoration: none;
	height:35px;
	line-height: 35px;
	background: var(--card);
	transition: background .15s ease, color .15s ease;
}

.pages a:hover,
.pages strong {
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

/* ===== 书库 ===== */
.store {
	display: flex;
	max-width: 1000px;
	margin: 14px auto;
	position:relative;
	padding: 0 12px;
}

.store_left #store_menu{
	float:right;
	cursor:pointer;
	margin-right:5px;
	display:none;
}

.store_left {
	width: 780px;
	margin-right: 14px;
	display:block;
}

#store_right {
	width: 190px;
	z-index:1;
}

.store_left>.side_commend {
	margin: 0;
}

#store_right a {
	text-decoration: none;
	display: table;
}

.onselect,
#store_right a:hover {
	background: var(--primary);
	color: #fff;
}

#store_right>* {
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow-card);
}

#store_right>ul,
#store_right>div {
	margin-bottom: 14px;
	background: var(--card);
}

.store_title {
	border-bottom: 1px solid var(--border);
	line-height: 44px;
	font-size: 1.15em;
	font-weight: 600;
	text-align: center;
	letter-spacing: .1em;
}

#store_right li {
	line-height: 50px;
	text-align: center;
	font-size: 1.1em;
	border-bottom: 1px solid var(--border);
}

#store_right li:last-child {
	border-bottom: none;
}

#store_right li a {
	width: 100%;
}

#store_right>div {
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	text-align: center;
}

#store_right>div>* {
	line-height: 41px;
	font-size: 1.05em;
	width: 50%;
}

/* ===== 移动端筛选菜单 ===== */
#after_menu{display:none;}
#after_menu > div{
	display:flex;
	flex-flow: wrap;
	width:100%;
	border-bottom:1px solid var(--border);
}
#after_menu > div > a{
	text-align:center;
	line-height:40px;
	width:33%;
	height:40px;
	font-size:1.05em;
}

/* ===== home 6 分类区 ===== */
.sortvisit{
	width: calc(50% - 6px); /* 一行两列铺满，消右侧空洞 */
	margin-top:5px;
}

.sortvisit > a{
	color: var(--text-1);
	display: block;
	font-weight: 700;
	font-size: 1.1em;
	padding:0 0 8px 8px;
	border-bottom: 1px solid var(--border);
}

.sortvisit ul{
	display:flex;
	flex-flow:wrap;
	padding:10px;
	justify-content: space-between;
}
.sortvisit > ul p >a{
	font-size:1.05em;
}
.sortvisit > ul > div{
	display:flex;
	width:100%;
	margin-bottom:10px;
	height:85px;
	overflow: hidden;
	line-height:1.6em;
}

.sortvisit > ul > div img{
	width:60px;
	height:80px;
	margin:5px 15px 0 0;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(93, 58, 34, .14);
}

.sortvisit > ul > div p{
	line-height: 2em;
	color: var(--text-2);
}
.sortvisit > ul > div img:hover{
	box-shadow: 0 4px 12px rgba(93, 58, 34, .2);
}
.sortvisit ul li{
	width:50%;
	height:38px;
	line-height:38px;
	border-bottom:1px dashed var(--border);
	overflow:hidden;
}
.bookcase-items p span,
.s_gray,
.sortvisit ul i{
	font-size:11px;
	color: var(--text-3);
}

/* ===== bookcase ===== */
.bookcase-items{
	width:100%;
	display:flex;
	flex-flow:column wrap;
	justify-content: space-between;
}
.bookcase-items > *{
	display:flex;
	align-items:center;
	flex-flow:wrap;
}
.bookcase-items p:first-child{
	font-weight:700;
	font-size:1.1em;
}

.bookcase-items .bookcase_btn{
	display: inline-block;
	padding:5px 10px;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	cursor:pointer;
	margin:1px 0;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.bookcase-items .bookcase_btn:hover{
	background: var(--primary);
	border:1px solid var(--primary);
	color:#fff;
}
.section_mark{
	margin-top: 14px;
	padding: 16px;
	width: calc(100% - 274px); /* 260 侧栏 + 14 间距，防溢出换行 */
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow-card);
}

.section_mark img:hover{
	box-shadow: 0 8px 20px rgba(93, 58, 34, .18);
}
.section_mark li{
	display: flex;
	width:100%;
	padding: 12px 0;
	border-bottom:1px dashed var(--border);
}
.section_mark li:first-child{
	border-top:1px dashed var(--border);
}

/* ===== tempbookcase ===== */
#tempBookcase p.title{
	border-bottom:1px dashed var(--border);
}

#tempBookcase ul{
	display:flex;
	flex-flow:wrap;
}
#tempBookcase ul li{
	width:50%;
	border-top:none;
}

/* ===================== 响应式 ===================== */
@media screen and (max-width: 1119px) {
	#gotop,#gofooter{right:15px;}
}

@media screen and (max-width: 999px) {
	.section.flex,
	.side_commend_width,
	.lastupdate,
	.section_mark,
	aside {
		width: 100%;
		margin: 14px 0 0;
	}
	aside{margin-left:0;}
	.lastupdate li *:nth-child(1),
	.lastupdate li *:nth-child(4) {
		display: none;
	}
	.lastupdate li *:nth-child(2){
		width:40%;
	}
	.lastupdate li *:nth-child(3){
		width:59%;
	}

	.sortvisit,
	.chapter_list ul li{  /*章节列表2列*/
		width: 50% !important;
	}
}

@media screen and (max-width:767px){
	#store_right {
		display:none;
	}
	.store_left{
		width:100%;
		margin:0;
	}
	.store_left #store_menu{
		display:block;
		color: var(--primary);
		position:absolute;
		right:12px;
	}

	.navigation{
		display:none;
	}
	.text_title{
		padding: 15px 2px 0;
	}
	#article {
		padding: 0 2px 16px;
	}
	header form,
	.header_right{
		margin:0 auto;
	}
	.header_right #home{
		display:block;
	}
	.header_right{
		width:100%;
		justify-content:space-between;
		padding:20px 5px 0;
	}
	.header_right a{
		padding-left:0;
	}
	#tempBookcase ul li,
	.side_commend li{
		width:100%!important;
	}
	.read_bg{margin:0 -12px;}
}

@media screen and (max-width: 639px) {
	header form,
	.sortvisit,
	.chapter_list ul li {
		/*章节列表1列*/
		width: 100% !important;
	}
	#logo{
		display: none;
	}
	.style_h1{font-size: 20px;margin-right: 0;}
	.text_set .cog{font-size: 2.2em !important;}
}

@media screen and (max-width:479px){
	.to100{
		width:100%;
	}
	.novel_info_main img {
		width:90px;
		height:120px;
		margin-right:10px;
	}
	.container{padding: 0 8px;}
}

/* ===== 新增页面组件：排行榜 / 分类榜 / 用户中心 / 书架 (2026-11) ===== */
.rank_tabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:0 16px 12px;
}
.rank_tabs a{
	display:inline-block;
	padding:5px 12px;
	border:1px solid var(--border);
	border-radius:999px;
	font-size:13px;
	color:var(--text-2);
	background:var(--card);
	text-decoration:none;
	transition:all .15s ease;
}
.rank_tabs a:hover{border-color:var(--primary);color:var(--primary);}
.rank_tabs a.onselect{background:var(--primary);border-color:var(--primary);color:#fff;}

.rank_list{list-style:none;padding:0 16px 8px;}
.rank_list li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:12px 0;
	border-bottom:1px dashed var(--border);
}
.rank_list li:last-child{border-bottom:0;}
.rank_no{
	flex:0 0 26px;
	height:26px;
	line-height:26px;
	text-align:center;
	border-radius:6px;
	background:var(--bg);
	color:var(--text-3);
	font-size:13px;
	margin-top:2px;
}
.rank_no.hot{background:var(--primary-soft);color:var(--primary);font-weight:600;}
.rank_main{flex:1;min-width:0;}
.rank_name{font-size:16px;color:var(--text-1);text-decoration:none;}
.rank_name:hover{color:var(--primary);}
.rank_intro{
	margin:4px 0 6px;
	font-size:13px;
	color:var(--text-3);
	line-height:1.6;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.rank_meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-3);}
.rank_meta a{color:var(--text-2);text-decoration:none;}

.top_grid{display:flex;gap:18px;padding:0 16px 16px;flex-wrap:wrap;}
.top_col{flex:1 1 220px;min-width:200px;}
.top_col h3{
	font-size:14px;
	color:var(--text-2);
	margin-bottom:8px;
	padding-left:8px;
	border-left:3px solid var(--primary);
}
.top_col ol{list-style:none;counter-reset:toprank;}
.top_col ol li{
	counter-increment:toprank;
	position:relative;
	padding:6px 0 6px 22px;
	font-size:14px;
	line-height:1.5;
	border-bottom:1px dashed var(--border);
	display:flex;
	justify-content:space-between;
	gap:8px;
}
.top_col ol li::before{
	content:counter(toprank);
	position:absolute;
	left:0;
	top:6px;
	width:16px;
	text-align:center;
	font-size:12px;
	color:var(--text-3);
}
.top_col ol li:nth-child(-n+3)::before{color:var(--primary);font-weight:600;}
.top_col ol li a{
	color:var(--text-1);
	text-decoration:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.top_col ol li a:hover{color:var(--primary);}
.top_col ol li em{font-size:12px;white-space:nowrap;}

.user_panel{max-width:480px;margin:20px auto;}
.user_form{padding:8px 20px 20px;}
.user_form label{display:block;margin-bottom:14px;}
.user_form label span{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px;}
.user_form .search_input{width:100%;height:42px;}
.user_form .abtn{
	display:block;
	width:100%;
	height:42px;
	line-height:42px;
	text-align:center;
	background:var(--primary);
	color:#fff;
	border-radius:var(--radius-sm);
	font-size:15px;
	cursor:pointer;
	border:0;
}
.user_form .abtn:hover{background:var(--primary-dark);}
.user_tip{margin-top:14px;font-size:13px;color:var(--text-3);text-align:center;}
.user_tip a{color:var(--primary);text-decoration:none;}

.bookcase-item{
	width:100%;
	display:flex;
	gap:14px;
	padding:14px 16px;
	border-bottom:1px dashed var(--border);
}
.bookcase-cover{flex:0 0 72px;}
.bookcase-cover img{
	width:72px;
	height:96px;
	object-fit:cover;
	border-radius:var(--radius-sm);
	background:var(--bg);
}
.bookcase-info{flex:1;min-width:0;}
.bookcase-info h2{font-size:16px;margin-bottom:6px;}
.bookcase-info p{font-size:13px;line-height:1.8;}
.bookcase-info .l_btn{display:flex;gap:8px;margin-top:8px;}
.bookcase-info .abtn{
	display:inline-block;
	padding:4px 12px;
	font-size:13px;
	border:1px solid var(--primary);
	color:var(--primary);
	border-radius:var(--radius-sm);
	text-decoration:none;
}
.bookcase-info .abtn:hover{background:var(--primary);color:#fff;}

@media (max-width:768px){
	.top_grid{flex-direction:column;gap:12px;}
	.bookcase-item{padding:12px 0;}
	.user_panel{margin:12px auto;}
}

/* ---------- 足迹/阅读记录（2026-11-12） ---------- */
.hist-head{display:flex;align-items:center;gap:10px;padding:2px 0 14px}
.hist-title{font-size:18px;font-weight:800;margin:0;color:var(--text-1)}
.hist-count{font-size:12.5px;color:var(--text-2);background:var(--primary-soft);border-radius:999px;padding:3px 10px}
.hist-clear{margin-left:auto;font-size:12.5px;color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:5px 14px;background:var(--card)}
.hist-clear:hover{color:#c0392b;border-color:#c0392b}
.hist-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hist-item{display:flex;gap:14px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.hist-cover{flex:none;width:82px;height:110px;border-radius:5px;overflow:hidden;background:var(--paper);display:block}
.hist-cover img{width:100%;height:100%;object-fit:cover;display:block}
.hist-info{flex:1;min-width:0;display:flex;flex-direction:column}
.hist-name{margin:0;font-size:15.5px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-name a{color:var(--text-1)}
.hist-name a:hover{color:var(--primary)}
.hist-meta,.hist-progress{margin:5px 0 0;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-btns{margin-top:auto;display:flex;gap:8px;padding-top:10px}
.hist-btn{display:inline-flex;align-items:center;font-size:12.5px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);color:var(--text-1);transition:all .15s}
.hist-btn.main{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}
.hist-btn.main:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}
.hist-btn.ghost:hover{color:var(--primary);border-color:var(--primary)}
.hist-empty{padding:56px 16px;text-align:center;color:var(--text-2);font-size:14px;border:1px dashed var(--border);border-radius:8px;background:var(--card)}
.hist-empty i{display:block;font-size:28px;margin-bottom:12px;color:var(--primary)}
@media(max-width:720px){.hist-list{grid-template-columns:1fr}}