/* =====================================================================
 * 山竹屋 电脑端 · 自定义样式  szw_pc.css   (v2)
 * ---------------------------------------------------------------------
 * 这是一个「追加」文件，不改动主题原来的 style.css（那个太大，动它风险高）。
 * 所有新样式都写在这里，模板里排在 style.css 后面加载，所以这里的规则会盖住原来的。
 *
 * v2 改了什么：
 *   · 全站主色从橙红 #e8523f 换成手机端那个绿 #5eae91
 *   · 只有「被搜索命中的内容」还是橙红底白字（关键词高亮、当前标签），
 *     其余标签一律绿底白字
 *   · 页面背景不再全白，改成手机端那种带点灰的简白 #f5f5f5；
 *     顶部那条渐变粉改成渐变绿
 *   · 书卡改成：书名 / 简介 / 标签 / 人型图标+作者名（照手机端）
 *   · 简介字色从 #999 加深到 #666
 *
 * 注意：主题 style.css 第 1 行把 ul / li / p / h3 / input 全设成了
 *       margin:auto，在 flex / grid 布局里 margin:auto 会让子项自动居中，
 *       最后一行不满 3 个就被推到中间。所以凡是布局相关的地方
 *       都要显式写 margin:0 !important，不能省。
 * ===================================================================== */

:root {
	--szw-pc-main: #5eae91;     /* 主色：和手机端一致的绿 */
	--szw-pc-main-d: #4d9a7e;   /* 主色按下去 / hover 的深一档 */
	--szw-pc-tag: #5eae91;      /* 标签常态：绿底白字 */
	--szw-pc-tag-d: #4d9a7e;
	--szw-pc-hit: #e8523f;      /* 被搜索命中：橙红底白字，只有这一处留橙红 */
	--szw-pc-hit-d: #d4452f;
	--szw-pc-line: #e6ece2;
	--szw-pc-bg: #f5f5f5;       /* 页面底色：带点灰的简白 */
}

/* ============================================================
 * 零、页面底色 + 顶部渐变
 *    原来 style.css 第 1 行给 body 铺了一层渐变粉（320px 高），
 *    首页顶栏、分类栏、书籍目录页都能看到。这里换成渐变绿，
 *    并且整页底色从纯白改成 #f5f5f5。
 * ============================================================ */
body:not(.szw-read) {
	background-color: var(--szw-pc-bg) !important;
	background-image: linear-gradient(180deg, #dfe8d8 0%, #e9f0e4 45%, var(--szw-pc-bg) 100%) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 320px !important;
	background-attachment: scroll !important;
}
/* 阅读页（body.szw-read）不套上面这条：它的底色由顶栏「背景」下拉决定，
   默认豆绿，颜色写在 html 上，body 透出来即可。 */
body.szw-read { background: transparent !important; background-image: none !important; }

/* ============================================================
 * 一、页头：LOGO 山竹素材 + 登录 + 问题
 * ============================================================ */

/* LOGO：山竹图 + 「山竹屋」三个字，图和「山」字一样大，中间半个字的空 */
.header .pc-logo, a.pc-logo {
	display: inline-flex !important;
	align-items: center !important;
	width: auto !important; height: auto !important;
	overflow: visible !important; text-indent: 0 !important;
	background: none !important; text-decoration: none !important;
	line-height: normal !important;
}
/* 原来 style.css 把 LOGO 图片藏起来、用 :after 画文字。图片要显示出来，所以翻过来。
   下面两个数就是 LOGO 的全部尺寸：图片高度 100px、「山竹屋」三个字 34px，
   觉得大了小了改这两个数即可，其它不用动。 */
.header .pc-logo img, a.pc-logo img {
	display: block !important;
	float: none !important;
	margin: 0 14px 0 0 !important;   /* 这个数越大，山竹图越往左 */
	height: 100px !important;
	width: auto !important;
	vertical-align: middle;
}
.header .pc-logo:after, a.pc-logo:after {
	content: "山竹屋"; display: inline-block;
	font: 700 34px/1 "Microsoft YaHei", "PingFang SC", sans-serif;
	color: var(--szw-pc-main); white-space: nowrap;
}
/* LOGO 是绝对定位在 1020px 容器左外侧、上下居中的，
   图片变高之后顶栏本身也要跟着高一点，不然会露到外面去 */
.header .header-div { min-height: 112px !important; }
/* 窄屏（1460 以下）两侧放不下，LOGO 缩一档，免得和分类挤在一起 */
@media (max-width: 1460px) {
	.header .pc-logo img, a.pc-logo img { height: 52px !important; }
	.header .pc-logo:after, a.pc-logo:after { font-size: 24px !important; }
	.header .header-div { min-height: 68px !important; }
}
.szw-cats > a:hover, .szw-cats > a.active { color: var(--szw-pc-main) !important; }
.header .szw-right .pc-login > a:hover { color: var(--szw-pc-main) !important; }
.header .header-search input:focus { border-color: var(--szw-pc-main) !important; }
/* 右边搜索框：边框用山竹屋的绿，不再用原来的灰黑 */
.header .header-search input,
.header .szw-right .header-search input {
	border: 1px solid var(--szw-pc-main) !important;
	color: #333 !important;
}
.header .header-search input::-webkit-input-placeholder { color: #a8bdb4; }

.header .pc-login .szw-login,
.header .pc-login .szw-help { cursor: pointer; }
.header .pc-login .szw-help { position: relative; }

/* 「问题」鼠标放上去弹出来的指引：绿底白字，移开就没 */
.szw-help-tip {
	position: absolute; top: calc(100% + 8px); right: 0; z-index: 99999;
	display: none; white-space: nowrap;
	padding: 7px 14px; border-radius: 5px;
	background: var(--szw-pc-main); color: #fff !important;
	font: 13px/18px "Microsoft YaHei", sans-serif;
	box-shadow: 0 4px 14px rgba(94, 174, 145, .35);
	margin: 0 !important;
}
.szw-help-tip:before {
	content: ''; position: absolute; top: -5px; right: 14px;
	border: 5px solid transparent; border-top: 0;
	border-bottom-color: var(--szw-pc-main);
}
.header .pc-login .szw-help:hover .szw-help-tip { display: block; }

/* 「登录」点开的小气泡：还在开发 */
.szw-toast {
	position: fixed; left: 50%; top: 30%; z-index: 999999;
	transform: translate(-50%, -50%);
	padding: 14px 30px; border-radius: 6px;
	background: var(--szw-pc-main); color: #fff;
	font: 15px/22px "Microsoft YaHei", sans-serif;
	box-shadow: 0 8px 26px rgba(94, 174, 145, .35);
	opacity: 0; transition: opacity .25s;
}
.szw-toast.on { opacity: 1; }

/* ============================================================
 * 二、通用书卡：分类页 / TOP99 / 搜索结果 / 标签页 共用一套
 *     一张卡从上到下：书名 → 简介（两行）→ 标签 → 人型图标 + 作者名
 * ============================================================ */

.szw-sec {
	width: 1020px; margin: 16px auto 40px !important; box-sizing: border-box;
	background: #fff; border: 1px solid var(--szw-pc-line); border-radius: 6px;
	padding: 0 18px 16px;
}
/* 框头：左上角分类名，右上角「最新」 */
.szw-sec .szw-sec-hd {
	display: flex; align-items: baseline; justify-content: space-between;
	padding: 14px 0 10px; border-bottom: 1px solid #f1f4ef;
	margin: 0 !important;
}
.szw-sec .szw-sec-hd h2 {
	margin: 0 !important; padding: 0 !important;
	color: var(--szw-pc-main) !important;
	font: 700 19px/26px "Microsoft YaHei", "PingFang SC", sans-serif !important;
	height: auto !important; background: none !important;
}
.szw-sec .szw-sec-hd h2 a { color: var(--szw-pc-main) !important; text-decoration: none; }
.szw-sec .szw-sec-hd .hd-r {
	color: #999; font: 14px/26px "Microsoft YaHei", sans-serif;
	margin: 0 !important;
}
.szw-sec .szw-sec-hd .hd-r a { color: #999 !important; margin: 0 0 0 14px !important; }
.szw-sec .szw-sec-hd .hd-r a:hover { color: var(--szw-pc-main) !important; }

/* 卡片网格：一行 3 本 */
ul.szw-cards {
	display: flex !important; flex-wrap: wrap !important;
	justify-content: flex-start !important;
	margin: 0 !important; padding: 0 !important; list-style: none !important;
}
ul.szw-cards > li {
	box-sizing: border-box !important;
	width: 33.3333% !important; min-width: 0 !important;
	height: auto !important; overflow: hidden;
	float: none !important;
	margin: 0 !important;
	padding: 15px 18px 15px 0 !important;
	border-bottom: 1px solid #f1f4ef;
	background: none !important;
}
ul.szw-cards > li:nth-child(3n) { padding-right: 0 !important; }
ul.szw-cards > li:last-child,
ul.szw-cards > li.no-line { border-bottom: 0; }

/* 第一行：书名（整行，作者移到最下面去了） */
ul.szw-cards .bt {
	display: block !important;
	margin: 0 0 6px 0 !important; padding: 0 !important;
	height: auto !important; background: none !important;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
ul.szw-cards .bt a {
	color: #333 !important; text-decoration: none !important;
	font: 700 16px/22px "Microsoft YaHei", "PingFang SC", sans-serif !important;
	margin: 0 !important;
}
ul.szw-cards .bt a:hover { color: var(--szw-pc-main) !important; }

/* 第二行：简介，最多两行，放不下就截掉；字色比原来深一档 */
ul.szw-cards .in {
	margin: 0 0 8px !important; padding: 0 !important;
	color: #666 !important; font-size: 13px !important; line-height: 20px !important;
	height: 40px !important; overflow: hidden;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	text-overflow: ellipsis; word-break: break-all;
}

/* 第三行：标签，绿底白字 */
ul.szw-cards .tg { margin: 0 0 4px !important; padding: 0 !important; font-size: 0; }
ul.szw-cards .tg a,
.szw-tagbox a {
	display: inline-block; margin: 0 6px 6px 0 !important; padding: 0 10px;
	height: 22px; line-height: 22px; border-radius: 3px;
	background: var(--szw-pc-tag); color: #fff !important;
	font: 12px/22px "Microsoft YaHei", sans-serif; text-decoration: none !important;
}
ul.szw-cards .tg a:hover,
.szw-tagbox a:hover { background: var(--szw-pc-tag-d); }

/* 被搜索命中的那个标签：橙红底白字（全站只有「被搜索的内容」保留橙红） */
ul.szw-cards .tg a.on,
.szw-tagbox a.on { background: var(--szw-pc-hit); color: #fff !important; }
ul.szw-cards .tg a.on:hover,
.szw-tagbox a.on:hover { background: var(--szw-pc-hit-d); }

/* 第四行：人型图标 + 作者名 */
ul.szw-cards .au {
	display: block !important; margin: 0 !important; padding: 0 !important;
	color: #999 !important; font-size: 12px !important; line-height: 18px !important;
}
ul.szw-cards .au:before {
	content: ''; display: inline-block; width: 14px; height: 14px;
	margin-right: 5px; vertical-align: -2px;
	background: no-repeat center/100% 100%;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M6.2 18.6a6.5 6.5 0 0 1 11.6 0'/%3E%3C/svg%3E");
}

/* 关键词高亮：被搜索的内容，保留橙红 */
.szw-sec em.hl {
	font-style: normal; background: var(--szw-pc-hit); color: #fff;
	padding: 0 2px; border-radius: 2px;
}

/* 空列表 */
.szw-sec .szw-empty {
	padding: 50px 0; text-align: center; color: #bbb;
	font: 15px/1.8 "Microsoft YaHei", sans-serif;
}
.szw-sec .szw-empty a { color: var(--szw-pc-main) !important; }

/* ============================================================
 * 三、翻页条
 * ============================================================ */
.szw-sec .pages, .szw-pages {
	clear: both; padding-top: 18px; text-align: center;
	font: 14px/32px "Microsoft YaHei", sans-serif; color: #888;
}
.szw-sec .pages .pg-bar, .szw-pages .pg-bar { display: inline-block; }
.szw-sec .pages a, .szw-pages a {
	display: inline-block; margin: 0 4px !important; padding: 0 16px;
	height: 32px; line-height: 32px; border: 1px solid #e3e6e1; border-radius: 4px;
	color: #666 !important; text-decoration: none !important; background: #fff;
}
.szw-sec .pages a:hover, .szw-pages a:hover {
	border-color: var(--szw-pc-main); color: var(--szw-pc-main) !important;
}
.szw-sec .pages a.dis, .szw-pages a.dis {
	color: #ccc !important; border-color: #eee; cursor: default; pointer-events: none;
}
.szw-sec .pages .pg-now, .szw-pages .pg-now {
	display: inline-block; margin: 0 6px; padding: 0 14px;
	height: 32px; line-height: 32px; border-radius: 4px;
	background: var(--szw-pc-main); color: #fff;
}
.szw-sec .pages .pg-jump, .szw-pages .pg-jump {
	width: 50px !important; height: 32px; margin: 0 6px !important; padding: 0 6px;
	box-sizing: border-box; text-align: center;
	border: 1px solid #e3e6e1; border-radius: 4px; outline: none; font-size: 14px;
}
.szw-sec .pages .pg-jump:focus, .szw-pages .pg-jump:focus { border-color: var(--szw-pc-main); }

/* ============================================================
 * 四、首页 / 排行榜：分类框右上角 TOP99
 * ============================================================ */
.rank-head .rank-top99 {
	float: right; margin: 0 !important; padding: 0 10px;
	height: 22px; line-height: 22px; border-radius: 3px;
	border: 1px solid var(--szw-pc-main);
	color: var(--szw-pc-main) !important; background: #fff;
	font: 700 12px/22px "Microsoft YaHei", sans-serif; text-decoration: none !important;
	letter-spacing: .5px;
}
.rank-head .rank-top99:hover { background: var(--szw-pc-main); color: #fff !important; }
.rank-head { position: relative; }

/* 首次进来弹一次的指引 */
.szw-t99-tip {
	position: absolute; z-index: 99998; white-space: nowrap;
	padding: 7px 14px; border-radius: 5px;
	background: var(--szw-pc-main); color: #fff;
	font: 13px/18px "Microsoft YaHei", sans-serif;
	box-shadow: 0 6px 18px rgba(94, 174, 145, .35);
	opacity: 0; transition: opacity .4s;
	pointer-events: none;
}
.szw-t99-tip.on { opacity: 1; }
.szw-t99-tip:before {
	content: ''; position: absolute; top: -5px; right: 22px;
	border: 5px solid transparent; border-top: 0;
	border-bottom-color: var(--szw-pc-main);
}

/* ============================================================
 * 五、搜索页：书名&作者 / 搜索标签 / 寻书&留言 三个入口
 *     字大一点、框窄一点，选中绿底白字，没选中黑字
 * ============================================================ */
.szw-tabs3 {
	display: flex; width: 1020px; margin: 0 auto 16px !important;
	box-sizing: border-box; gap: 12px; justify-content: flex-start;
}
.szw-tabs3 a {
	flex: 0 0 auto; margin: 0 !important;
	height: 42px; line-height: 42px; padding: 0 36px;
	text-align: center; border-radius: 6px;
	background: #fff; border: 1px solid var(--szw-pc-line);
	color: #333 !important; text-decoration: none !important;
	font: 700 16px/42px "Microsoft YaHei", "PingFang SC", sans-serif;
	letter-spacing: .5px;
}
.szw-tabs3 a:hover { border-color: var(--szw-pc-main); color: var(--szw-pc-main) !important; }
.szw-tabs3 a.on {
	background: var(--szw-pc-main); border-color: var(--szw-pc-main); color: #fff !important;
}
.szw-tabs3 a.on:hover { background: var(--szw-pc-main-d); color: #fff !important; }

/* 搜索框（搜索页 / 标签大全页共用） */
.szw-searchbar {
	width: 1020px; margin: 20px auto 14px !important; box-sizing: border-box;
	display: flex !important; align-items: center;
}
.szw-searchbar input[type=text] {
	flex: 1 1 auto; height: 42px; box-sizing: border-box;
	padding: 0 14px; margin: 0 !important;
	border: 1px solid var(--szw-pc-main); border-right: 0 !important;
	border-radius: 4px 0 0 4px; font-size: 15px; outline: none;
}
.szw-searchbar button {
	flex: 0 0 auto; height: 42px; padding: 0 32px; margin: 0 !important;
	border: 1px solid var(--szw-pc-main); border-left: 0 !important; cursor: pointer;
	background: var(--szw-pc-main); color: #fff; font-size: 16px; border-radius: 0 4px 4px 0;
}
.szw-searchbar button:hover { background: var(--szw-pc-main-d); }

/* 标签大全里的一堆标签 */
.szw-tagbox { padding: 14px 0 6px; line-height: 1; }
.szw-tagbox a { height: 28px !important; line-height: 28px !important;
                padding: 0 14px !important; font-size: 14px !important; }

/* 搜索页底部的提示块 */
.szw-tipbox {
	width: 1020px; margin: 0 auto 40px !important; box-sizing: border-box;
	padding: 16px 20px; background: #f1f6ef; border-radius: 6px;
	color: #777; font: 14px/2 "Microsoft YaHei", sans-serif;
}
.szw-tipbox a { color: var(--szw-pc-main) !important; text-decoration: underline; }
.szw-tipbox a:hover { text-decoration: none; }

/* ============================================================
 * 六、页脚：免责声明 + 举报 + 合作留言
 * ============================================================ */
.footer_cont .szw-disclaim { color: #999; }
.footer_cont .szw-disclaim a {
	color: var(--szw-pc-main) !important; text-decoration: none; margin: 0 2px;
}
.footer_cont .szw-disclaim a:hover { text-decoration: underline; }
.footer_cont .szw-disclaim .wn { color: var(--szw-pc-main); font-weight: 700; margin-left: 6px; }
.footer_cont .szw-copy { color: #bbb; }

/* ============================================================
 * 七、自建页面（合作留言 / 解决问题 / TOP99 / 标签大全）的外壳
 * ============================================================ */
.szw-page { width: 1020px; margin: 0 auto 40px; box-sizing: border-box; }
.szw-crumb {
	width: 1020px; margin: 14px auto 0; box-sizing: border-box;
	font: 14px/30px "Microsoft YaHei", sans-serif; color: #999;
}
.szw-crumb a { color: #999 !important; text-decoration: none; }
.szw-crumb a:hover { color: var(--szw-pc-main) !important; }
.szw-crumb b { color: #555; font-weight: 400; }

/* 表单（合作留言） */
.szw-form {
	width: 640px; margin: 24px auto 50px; box-sizing: border-box;
	background: #fff; border: 1px solid var(--szw-pc-line); border-radius: 8px;
	padding: 28px 32px 32px;
}
.szw-form h2 {
	margin: 0 0 6px !important; padding: 0 !important; height: auto !important;
	background: none !important;
	font: 700 19px/28px "Microsoft YaHei", sans-serif; color: #333;
}
.szw-form .tip { margin: 0 0 20px !important; color: #999; font: 13px/1.8 "Microsoft YaHei", sans-serif; }
.szw-form label { display: block; margin: 0 0 7px; color: #555; font-size: 14px; }
.szw-form label i { font-style: normal; color: var(--szw-pc-main); margin-right: 3px; }
.szw-form input[type=text], .szw-form textarea {
	display: block; width: 100% !important; box-sizing: border-box;
	margin: 0 0 18px !important; padding: 9px 12px;
	border: 1px solid #e0e4de; border-radius: 4px;
	font: 14px/1.6 "Microsoft YaHei", sans-serif; color: #333; outline: none;
	background: #fff;
}
.szw-form textarea { resize: vertical; min-height: 120px; }
.szw-form input[type=text]:focus, .szw-form textarea:focus { border-color: var(--szw-pc-main); }
.szw-form .cnt { margin: -14px 0 18px !important; color: #bbb; font-size: 12px; text-align: right; }
.szw-form button {
	display: block; width: 100%; height: 44px; margin: 4px 0 0 !important;
	border: 0; border-radius: 4px; cursor: pointer;
	background: var(--szw-pc-main); color: #fff;
	font: 16px/44px "Microsoft YaHei", sans-serif;
}
.szw-form button:hover { background: var(--szw-pc-main-d); }
.szw-form button[disabled] { background: #a8ccbc; cursor: default; }
.szw-form .msg { margin: 14px 0 0 !important; font-size: 14px; text-align: center; min-height: 20px; }
.szw-form .msg.err { color: var(--szw-pc-hit); }
.szw-form .done { text-align: center; padding: 26px 0 10px; }
.szw-form .done h3 {
	margin: 0 0 10px !important; padding: 0 !important; height: auto !important;
	background: none !important;
	font: 700 20px/30px "Microsoft YaHei", sans-serif; color: #333;
}
.szw-form .done p { margin: 0 0 22px !important; color: #999; font-size: 14px; }
.szw-form .done a.home {
	display: inline-block; padding: 0 28px; height: 38px; line-height: 38px;
	border-radius: 4px; background: var(--szw-pc-main); color: #fff !important;
	text-decoration: none !important; font-size: 15px;
}
.szw-form .done a.home:hover { background: var(--szw-pc-main-d); }

/* 解决问题（FAQ） */
.szw-faq {
	width: 860px; margin: 24px auto 50px; box-sizing: border-box;
	background: #fff; border: 1px solid var(--szw-pc-line); border-radius: 8px;
	padding: 10px 34px 34px;
}
.szw-faq h2 {
	margin: 26px 0 12px !important; padding: 0 0 8px !important;
	height: auto !important; background: none !important;
	border-bottom: 1px solid #f1f4ef;
	font: 700 17px/26px "Microsoft YaHei", sans-serif; color: #333;
}
.szw-faq h2.red { color: var(--szw-pc-main); }
.szw-faq ol { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.szw-faq ol li {
	margin: 0 0 10px !important; padding: 0 !important;
	height: auto !important; background: none !important; float: none !important;
	color: #666; font: 14px/1.9 "Microsoft YaHei", sans-serif;
}
.szw-faq a { color: var(--szw-pc-main) !important; text-decoration: underline; }
.szw-faq a:hover { text-decoration: none; }
.szw-faq .back {
	display: inline-block; margin-top: 26px; padding: 0 24px;
	height: 38px; line-height: 38px; border-radius: 4px;
	border: 1px solid var(--szw-pc-main); color: var(--szw-pc-main) !important;
	text-decoration: none !important; font-size: 15px;
}
.szw-faq .back:hover { background: var(--szw-pc-main); color: #fff !important; }

/* ============================================================
 * 八、书籍详情页 / 阅读页里残留的橙红，一并换绿
 * ============================================================ */
#info .szw-tags a { background: var(--szw-pc-tag) !important; color: #fff !important; }
#info .szw-tags a:hover { background: var(--szw-pc-tag-d) !important; }
.bos1 h2, #hotcontent .lll h2, .crumb b { color: var(--szw-pc-main) !important; }
.footer_cont .szw-disclaim b { color: var(--szw-pc-main); }

/* ============================================================
 * 九、窄屏兜底（1060 以下）
 * ============================================================ */
@media (max-width: 1060px) {
	.szw-sec, .szw-tabs3, .szw-searchbar, .szw-tipbox, .szw-page, .szw-crumb {
		width: auto !important; margin-left: 12px !important; margin-right: 12px !important;
	}
	ul.szw-cards > li { width: 50% !important; }
	ul.szw-cards > li:nth-child(3n) { padding-right: 18px !important; }
	ul.szw-cards > li:nth-child(2n) { padding-right: 0 !important; }
	.szw-form, .szw-faq { width: auto; margin-left: 12px; margin-right: 12px; }
	.szw-tabs3 a { flex: 1 1 0; padding: 0 10px; }
}

/* ============================================================
 * 十、扫尾：主题 style.css 里残留的粉 / 橙红，统一换成绿
 *     （这些规则写在文件最后，一定盖得住前面的）
 * ============================================================ */

/* 页脚上方那根粉线 */
.footer { border-top: 1px solid var(--szw-pc-main) !important; background: transparent !important; }
.footer_main { border-top-color: var(--szw-pc-main) !important; }
.footer_main span { background: var(--szw-pc-main) !important; }

/* 顶栏搜索框里的放大镜、聚焦边框、书架小按钮 */
.header .header-search i { color: var(--szw-pc-main) !important; }
.header .header-search input:focus { border-color: var(--szw-pc-main) !important; }
.header a.active { color: var(--szw-pc-main) !important; }
.header .bookrack { border-color: var(--szw-pc-main) !important; color: var(--szw-pc-main) !important; }
.header .bookrack i { color: var(--szw-pc-main) !important; }

/* 足迹 / 搜索历史下拉面板 */
.foot-panel .fp-hd b { color: var(--szw-pc-main) !important; }
.foot-panel .fp-hd a:hover { color: var(--szw-pc-main) !important; }
.foot-panel .fp-b:hover, .foot-panel .fp-c:hover { color: var(--szw-pc-main) !important; }
.foot-panel::-webkit-scrollbar-thumb:hover { background: var(--szw-pc-main); }
.foot-panel { scrollbar-color: #cfcfcf #f5f5f5; }
.sh-panel .sh-hd b { color: var(--szw-pc-main) !important; }
.sh-panel .sh-hd a:hover { color: var(--szw-pc-main) !important; }
.sh-panel li a:hover { background: #f2f8f4; color: var(--szw-pc-main) !important; }
.sh-panel::-webkit-scrollbar-thumb:hover { background: var(--szw-pc-main); }

/* 首页 / 排行榜的榜单 */
.rank-more:hover { color: var(--szw-pc-main) !important; }
.rank-list .rk1, .rank-list .rk2, .rank-list .rk3 { color: var(--szw-pc-main) !important; }
.rank-list .tt a:hover { color: var(--szw-pc-main) !important; }

/* 面包屑 */
.crumb a:hover { color: var(--szw-pc-main) !important; }
.crumb b { color: var(--szw-pc-main) !important; }

/* 书籍详情页的「最新章节列表」「小说全部目录」标题 */
.box_con dt { color: var(--szw-pc-main) !important; }

/* 书籍目录页 / 阅读页的翻页条 */
.pg-bar a:hover, .ch-pager .pg-bar a:hover, #wrapper .pg-bar a:focus {
	color: var(--szw-pc-main) !important; border-color: var(--szw-pc-main) !important; }
.pg-bar .pg-now { color: var(--szw-pc-main) !important; }
.pg-bar .pg-jump:focus { border-color: var(--szw-pc-main) !important; }

/* 分类页旧版右上角那个 TOP 角标（新模板已不用，留着以防别的页面还在走老样式） */
.main-content-wrap:before { color: var(--szw-pc-main) !important; }

/* 书库 / 筛选页里的粉红按钮 */
.select-list .work-filter ul li.act, .select-list li a.current,
.sort-wrap a.act, .all1, .num1 { background: var(--szw-pc-main) !important; color: #fff !important; }
.tag span.pink { border-color: var(--szw-pc-main) !important; color: var(--szw-pc-main) !important; }
.light-border-btn { color: var(--szw-pc-main) !important; border-color: #cfe6da !important; }

/* 页脚那行字别在「山竹屋 合作留言」中间断开 */
.footer_cont .szw-disclaim { width: 100% !important; line-height: 26px; }
.footer_cont .szw-disclaim .hz { white-space: nowrap; margin-left: 4px; }

/* ============================================================
 * 十一、收尾修正
 * ============================================================ */

/* 翻页条：绿底的时候字一定要白，否则看不见。
   上面第十节那条 .pg-bar .pg-now 把当前页码写成了绿字，
   配上绿底就成了「绿字压绿底」，这里改回来。 */
.szw-sec .pages .pg-now,
.szw-pages .pg-now {
	background: var(--szw-pc-main) !important;
	color: #fff !important;
	border: 0 !important;
}
.szw-sec .pages a:hover,
.szw-pages a:hover {
	background: var(--szw-pc-main) !important;
	color: #fff !important;
	border-color: var(--szw-pc-main) !important;
}
/* 书籍目录页 / 阅读页那套老翻页条是白底的，当前页码用绿字正好 */
.bos1 .pages .pg-bar .pg-now,
.ch-pager .pg-bar .pg-now { background: transparent !important; color: var(--szw-pc-main) !important; }

/* 页脚：「山竹屋」和前面的正文一样大小、一样颜色，前面不留空 */
.footer_cont .szw-disclaim .wn {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: 400 !important;
	margin: 0 !important;
}
.footer_cont .szw-disclaim .hz { white-space: nowrap; margin: 0 !important; }
.footer_cont .szw-disclaim a { margin: 0 !important; }

/* 阅读页：顶上那排设置下拉别被站点样式压扁 */
body.szw-read #page_set select {
	height: auto !important; padding: 1px 4px; font-size: 13px;
	vertical-align: middle; margin: 0 2px !important;
}

/* ============================================================
 * 十二、这一批的调整（写在最后，一定盖得住前面的）
 * ============================================================ */

/* ---- 首页 / 排行榜：TOP99 和前三名用山竹屋橙红（表示热门），
        后面的序号和作者名从浅灰加深到深灰，看得清 ---- */
.rank-head .rank-top99 {
	border-color: var(--szw-pc-hit) !important;
	color: var(--szw-pc-hit) !important;
}
.rank-head .rank-top99:hover {
	background: var(--szw-pc-hit) !important; color: #fff !important;
}
.rank-list .rk { color: #666 !important; }          /* 4～10 的序号：深灰 */
/* 前三名要写在 .rk 后面，不然会被上面那条盖掉（两条权重一样，后写的赢） */
.rank-list .rk1, .rank-list .rk2, .rank-list .rk3 {
	color: var(--szw-pc-hit) !important; font-weight: 700 !important;
}
.rank-list .au { color: #666 !important; }          /* 作者名 */
.rank-list .tt a { color: #333 !important; }
.rank-list .tt a:hover { color: var(--szw-pc-main) !important; }

/* ---- 分类页右上角的「最新」也用橙红 ---- */
.szw-sec .szw-sec-hd .hd-r.hot { color: var(--szw-pc-hit) !important; font-weight: 700; }

/* ---- 我的书架：一律黑字，不要蓝色红色；作品名称稍微加粗 ---- */
.novelslist2 { border: 1px solid var(--szw-pc-line); }
.novelslist2 h2 { color: #333 !important; border-bottom-color: #e6e6e6 !important; }
.novelslist2 li span, .novelslist2 li b { color: #333 !important; }
.novelslist2 li .s5, .novelslist2 li .s5 a { color: #333 !important; }   /* 原来「操作」和「删除」是红的 */
.novelslist2 li a { color: #333 !important; }                            /* 原来是蓝紫色 */
.novelslist2 li a:hover { color: var(--szw-pc-main) !important; }
.novelslist2 li .s2 a { font-weight: 700 !important; }                   /* 作品名称加粗 */

/* ---- 足迹面板：书名加粗，读到第几章用深灰 ---- */
.foot-panel .fp-b { font-weight: 700 !important; color: #333 !important; }
.foot-panel .fp-c { color: #666 !important; }
.foot-panel .fp-none { color: #999 !important; }
.foot-panel .fp-b:hover, .foot-panel .fp-c:hover { color: var(--szw-pc-main) !important; }

/* ---- 解决问题页：两个「打不开」小标题用橙红，其余小标题保持绿 ---- */
.szw-faq h2.red { color: var(--szw-pc-hit) !important; }

/* ============================================================
 * 十三、我的书架（自己画的表格）
 * ============================================================ */
.szw-shelf {
	width: 1020px; margin: 16px auto 40px !important; box-sizing: border-box;
	background: #fff; border: 1px solid var(--szw-pc-line); border-radius: 6px;
	padding: 0 20px 18px; float: none !important;
}
.szw-shelf .sh-hd {
	display: flex; align-items: baseline; justify-content: space-between;
	padding: 15px 0 11px; border-bottom: 1px solid #f1f4ef;
}
.szw-shelf .sh-hd h2 {
	margin: 0 !important; padding: 0 !important; border: 0 !important;
	height: auto !important; background: none !important;
	font: 700 17px/26px "Microsoft YaHei", "PingFang SC", sans-serif !important;
	color: #333 !important;
}
.szw-shelf .sh-cnt { color: #999; font-size: 13px; }

/* 多选工具条：点了垃圾桶才出现 */
.szw-shelf .sh-bar { display: none; align-items: center; gap: 10px; padding: 12px 0 2px; }
.szw-shelf.multi .sh-bar { display: flex; }
.szw-shelf .sh-bar .btn {
	display: inline-block; padding: 0 16px; height: 30px; line-height: 30px;
	border: 1px solid var(--szw-pc-line); border-radius: 4px;
	color: #555 !important; font-size: 13px; text-decoration: none !important; background: #fff;
}
.szw-shelf .sh-bar .btn:hover { border-color: var(--szw-pc-main); color: var(--szw-pc-main) !important; }
.szw-shelf .sh-bar .btn.ok {
	background: var(--szw-pc-main) !important; border-color: var(--szw-pc-main) !important; color: #fff !important;
}
.szw-shelf .sh-bar .btn.ok:hover { background: var(--szw-pc-main-d) !important; }
.szw-shelf .sh-bar .sel { color: #999; font-size: 13px; }

/* 表格：列宽拉开，行高比原来高半个字 */
.szw-shelf .sh-tb { width: 100%; border-collapse: collapse; table-layout: fixed; }
.szw-shelf .sh-tb th {
	text-align: left; padding: 12px 10px; border-bottom: 1px solid #eef1ec;
	color: #666 !important; font: 400 13px/22px "Microsoft YaHei", sans-serif;
	white-space: nowrap;
}
.szw-shelf .sh-tb td {
	padding: 13px 10px; border-bottom: 1px solid #f5f7f4;
	color: #333 !important; font-size: 14px; line-height: 24px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.szw-shelf .sh-tb tr:last-child td { border-bottom: 0; }
.szw-shelf .sh-tb .c0 { width: 0; padding-left: 0; padding-right: 0; overflow: visible; }
.szw-shelf.multi .sh-tb .c0 { width: 38px; padding-left: 2px; }
.szw-shelf .sh-tb .c1 { width: 13%; }
.szw-shelf .sh-tb .c2 { width: 25%; }
.szw-shelf .sh-tb .c3 { width: 32%; }
.szw-shelf .sh-tb .c4 { width: 15%; }
.szw-shelf .sh-tb .c5 { width: 11%; }
.szw-shelf .sh-tb td a { color: #333 !important; text-decoration: none !important; }
.szw-shelf .sh-tb td a:hover { color: var(--szw-pc-main) !important; }
.szw-shelf .sh-tb .c2 a { font-weight: 700; }           /* 作品名称加粗 */
.szw-shelf .sh-tb .c3 a { color: #666 !important; }     /* 上次阅读章节：深灰 */
.szw-shelf .sh-tb .c4 { color: #666 !important; }
.szw-shelf .sh-empty { text-align: center; color: #bbb; padding: 60px 0 !important; font-size: 15px; }

/* 「移除」深灰字（写长一点，盖过上面那条 td a 的 #333） */
.szw-shelf .sh-tb td a.sh-del { color: #666 !important; font-size: 13px; }
.szw-shelf .sh-tb td a.sh-del:hover { color: var(--szw-pc-main) !important; }

/* 表头「操作」旁边的垃圾桶 */
.szw-shelf .sh-trash {
	display: inline-block; margin-left: 8px !important; vertical-align: -4px;
	color: #999 !important; line-height: 0;
}
.szw-shelf .sh-trash:hover { color: var(--szw-pc-main) !important; }
.szw-shelf.multi .sh-trash { color: var(--szw-pc-main) !important; }

/* 每行最前面的方框：勾上是绿底白勾 */
.szw-shelf .sh-ck {
	display: none; width: 18px; height: 18px; box-sizing: border-box;
	border: 1px solid #c6d2c8; border-radius: 3px; background: #fff;
	cursor: pointer; vertical-align: -4px; position: relative;
}
.szw-shelf.multi .sh-ck { display: inline-block; }
.szw-shelf .sh-ck.on { background: var(--szw-pc-main); border-color: var(--szw-pc-main); }
.szw-shelf .sh-ck.on:after {
	content: ''; position: absolute; left: 5px; top: 1px;
	width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.szw-shelf .szw-pages { padding-top: 16px; }

@media (max-width: 1060px) {
	.szw-shelf { width: auto !important; margin-left: 12px !important; margin-right: 12px !important; }
}

/* ============================================================
 * 十四、问题页顶部的「下载 app · 传送门」
 *      手机端原来就有这一块，电脑端补上样式
 * ============================================================ */
.szw-faq .app {
	margin: 18px 0 6px !important; padding: 16px 0 !important;
	background: #f7faf8; border: 1px dashed var(--szw-pc-main);
	border-radius: 6px; text-align: center;
	font: 15px/1.9 "Microsoft YaHei", sans-serif; color: #555;
}
.szw-faq .app a {
	display: inline-block; margin-top: 6px; padding: 0 30px;
	height: 34px; line-height: 34px; border-radius: 4px;
	background: var(--szw-pc-main); color: #fff !important;
	text-decoration: none !important; font-size: 15px;
}
.szw-faq .app a:hover { background: var(--szw-pc-main-d); }


/* ============================================================
 * 十五、第八批的几处调整
 * ============================================================ */

/* ---- 足迹面板：书名一栏太窄，长书名全被省略号吃掉，整体放大 ---- */
.foot-panel {
	width: 440px !important; max-height: 420px !important;
}
.foot-panel .fp-hd { padding: 11px 16px !important; font-size: 15px !important; }
.foot-panel li { padding: 8px 16px !important; font-size: 14px !important; line-height: 24px !important; }
.foot-panel .fp-b {
	flex: 0 0 60% !important; font-weight: 700 !important;
	color: #333 !important; font-size: 14px !important;
}
.foot-panel .fp-c { font-size: 13px !important; color: #666 !important; }
.foot-panel .fp-none { color: #999 !important; }

/* ---- 阅读页底部：一键分享旁边那张 love 装饰图去掉 ---- */
.content_read .bottem2, .content_read .sharebar,
.content_read .bottem2 .nav, .content_read .bottem2 .share {
	background-image: none !important;
}
.content_read .bottem2 img, .content_read .sharebar img { display: none !important; }
.content_read .bottem2:before, .content_read .bottem2:after { content: none !important; }

/* ---- 问题页顶部的「小编建议尝试下载app」：字号和小标题一样大，去掉绿虚线框 ---- */
.szw-faq .app {
	margin: 20px 0 4px !important; padding: 6px 0 14px !important;
	background: none !important; border: 0 !important; border-radius: 0 !important;
	text-align: center;
	font: 700 17px/28px "Microsoft YaHei", sans-serif !important; color: #333 !important;
}