@charset "UTF-8";
/* 书卷·墨 —— 套在原 novel 自适应模板上的皮肤。markup/类名不改，只换视觉。
   纸底 + 墨黑报头 + 朱砂红印记 + 宋体标题。响应式沿用原断点思路(768px)。 */
:root{
  --paper:#f3ece0;      /* 页面纸底 */
  --sheet:#fbf7ef;      /* 内容纸面 */
  --ink:#282320;        /* 墨 */
  --ink-soft:#5f564b;   /* 次级字 */
  --ink-fade:#978c7c;   /* 弱化字 */
  --zhu:#b23a2e;        /* 朱砂红 */
  --zhu-d:#8c2a20;
  --line:#e0d5c0;       /* 细线 */
  --line-2:#d2c4aa;
  --serif:"Source Han Serif SC","Noto Serif SC","Songti SC",STSong,STZhongsong,SimSun,"宋体",serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  --wrap:1040px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--zhu)}
img{max-width:100%;display:block}
ul,ol,dl,dd,dt,h1,h2,h3,h4,p{margin:0;padding:0;list-style:none}
em,i{font-style:normal}
.clear{clear:both}.cf::after{content:"";display:table;clear:both}
.hidden-xs{display:none}
@media(min-width:768px){.hidden-xs{display:inline}.visible-xs{display:none!important}}

/* ===== 报头 ===== */
.header{background:var(--ink);color:var(--paper);position:relative}
.header::after{content:"";display:block;height:3px;background:
  repeating-linear-gradient(90deg,var(--zhu) 0,var(--zhu) 60px,transparent 60px,transparent 66px)}
.header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  max-width:var(--wrap);margin:0 auto;padding:14px 16px}
.header_logo{display:block}
.header_logo a{display:flex;align-items:baseline;gap:4px;color:var(--paper)}
.header_logo span{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:3px;
  position:relative;padding-left:30px}
.header_logo span::before{content:"書";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:24px;height:24px;line-height:24px;text-align:center;font-size:14px;
  background:var(--zhu);color:#fff;border-radius:3px;letter-spacing:0}
.header_logo p{font-size:11px;color:#b7ab97;letter-spacing:1px}
.header_search{flex:1;min-width:180px;max-width:440px;margin-left:auto}
.header_search form{display:flex;height:38px;border:1px solid #4a423a;background:#332d28;border-radius:2px;overflow:hidden}
.header_search input{flex:1;border:0;outline:0;background:transparent;color:var(--paper);padding:0 14px;font-size:14px}
.header_search input::placeholder{color:#8a8072}
.header_search button{border:0;cursor:pointer;background:var(--zhu);color:#fff;padding:0 22px;
  font-family:var(--serif);font-size:15px;letter-spacing:4px}
.header_search button:hover{background:var(--zhu-d)}
.header_login{color:#c9bda8;font-size:13px;white-space:nowrap}
.header_login:hover{color:#fff}
.header_logo_left,.header_logo_middle{display:none}
.header_logo_right{display:flex;gap:8px;margin-left:auto}
.header_logo_right li{list-style:none}
.header_logo_right a{display:none;width:36px;height:36px;border:1px solid #4a423a;border-radius:2px;
  color:var(--paper);align-items:center;justify-content:center}
#search-btn::before{content:"搜";font-family:var(--serif);font-size:15px}
#menu-btn::before{content:"≡";font-size:20px}

/* 导航 */
.nav{background:var(--sheet);border-bottom:1px solid var(--line-2)}
.nav ul{display:flex;max-width:var(--wrap);margin:0 auto;padding:0 10px;overflow-x:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav li{list-style:none;flex:0 0 auto}
.nav a{display:block;padding:11px 18px;font-family:var(--serif);font-size:16px;color:var(--ink-soft);
  white-space:nowrap;border-bottom:2px solid transparent}
.nav a:hover,.nav li.active a,.nav a.active{color:var(--zhu);border-bottom-color:var(--zhu)}

/* ===== 版心 & 区块纸面 ===== */
#main{max-width:var(--wrap);margin:18px auto;padding:0 16px}
.sheet,#hotcontent .l,#hotcontent .r,.novelslist .content,#newscontent .l,#newscontent .r,
.box_con,.panel,.newscontent,.newslist{background:var(--sheet);border:1px solid var(--line);
  margin-bottom:16px}
/* 区块标题：朱砂竖记 + 宋体 */
h2,.novelslist .content h2,#hotcontent h2,#newscontent h2,.panel-heading,.newscontent h2,.newslist h2{
  font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);
  padding:11px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;letter-spacing:1px}
.novelslist .content h2::before,#hotcontent h2::before,#newscontent h2::before,.panel-heading::before{
  content:"";width:3px;height:17px;background:var(--zhu)}
.novelslist .content h2 a{color:inherit}
h2 .more{margin-left:auto;font-family:var(--sans);font-size:12px;color:var(--ink-fade);font-weight:400}

/* ===== 首页 ===== */
#hotcontent{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:18px}
#hotcontent>div{min-width:0}
@media(min-width:900px){#hotcontent{grid-template-columns:1fr 300px}}
#hotcontent .l.rank{grid-column:1/-1}/* 分类/搜索页推荐独占整行(无人气榜) */
#hotcontent .l,#hotcontent .r,#newscontent .l,#newscontent .r,.novelslist .content{margin:0}
/* 推荐图文卡 .item */
.item{display:flex;gap:13px;padding:14px 16px;border-bottom:1px solid var(--line)}
.item:last-child{border-bottom:0}
.item .image{flex:0 0 70px}
.item .image img{width:70px;height:93px;object-fit:cover;border:1px solid var(--line-2);
  background:var(--paper);box-shadow:2px 2px 0 var(--line)}
.item dl{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.item dt{font-family:var(--serif);font-size:16px;font-weight:700}
.item dd{font-size:12.5px;color:var(--ink-soft);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item .btm{margin-top:auto;font-size:12px;color:var(--ink-fade)}
.item .btm em{margin-left:8px;padding:0 6px;border:1px solid var(--line-2);border-radius:2px;font-size:11px}
.item .btm .orange{color:var(--zhu);border-color:var(--zhu)}
.item .btm .blue{color:var(--ink-soft)}
@media(min-width:620px){#hotcontent .l{display:grid;grid-template-columns:1fr 1fr}
  #hotcontent .l h2{grid-column:1/-1}}
/* 分类页/搜索页：推荐独占整行，封面卡 3 列平铺,不留空 */
@media(min-width:680px){#hotcontent .l.rank{grid-template-columns:repeat(3,1fr)}}
#hotcontent .l.rank .item{min-width:0}

/* 人气榜 .r li s1/s2/s5 —— 朱砂宋体序号 */
#hotcontent .r ul,#newscontent .r ul{padding:6px 0}
#hotcontent .r li,#newscontent .r li{display:flex;align-items:baseline;gap:9px;padding:8px 16px;font-size:14px}
#hotcontent .r li+li,#newscontent .r li+li{border-top:1px dotted var(--line-2)}
#hotcontent .r ul{counter-reset:rk}
#hotcontent .r li{counter-increment:rk}
#hotcontent .r li::before{content:counter(rk);flex:0 0 18px;font-family:var(--serif);font-weight:700;
  color:var(--ink-fade);text-align:center}
#hotcontent .r li:nth-child(-n+3)::before{color:var(--zhu)}
/* s1 是分类名(非排名)：做成小标签 */
#hotcontent .r .s1,#newscontent .r .s1{flex:0 0 auto;font-size:11px;color:var(--ink-fade);
  border:1px solid var(--line-2);padding:0 5px;line-height:16px;border-radius:2px}
#hotcontent .r .s2,#newscontent .r .s2{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hotcontent .r .s5,#newscontent .r .s5{flex:0 0 auto;color:var(--ink-fade);font-size:12px;max-width:34%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hotcontent .r .s3,#hotcontent .r .s4,#newscontent .r .s3,#newscontent .r .s4{display:none}

/* 分类书单 .novelslist .content ul li a+i */
.novelslist{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}
@media(min-width:680px){.novelslist{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.novelslist{grid-template-columns:1fr 1fr 1fr}}
.novelslist .content{min-width:0;overflow:hidden}/* 防长书名撑宽该列 */
.novelslist .content ul{padding:8px 16px 12px}
.novelslist .content li{display:flex;align-items:baseline;gap:8px;padding:7px 0;font-size:14px;
  border-bottom:1px dotted var(--line-2)}
.novelslist .content li:last-child{border-bottom:0}
.novelslist .content li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.novelslist .content li a::before{content:"〇";font-size:8px;color:var(--zhu);vertical-align:middle;margin-right:7px}
.novelslist .content li i{flex:0 0 auto;color:var(--ink-fade);font-size:12px;max-width:40%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 最近更新/入库 .sN 列表 */
#newscontent{display:grid;grid-template-columns:1fr;gap:16px}
#newscontent .l,#newscontent .r{min-width:0;overflow:hidden}/* 防超长名撑大 1fr 轨道 */
@media(min-width:900px){#newscontent{grid-template-columns:300px 1fr}}/* 入库窄/更新宽 */
#newscontent .l ul{padding:4px 0}
#newscontent .l li{display:flex;align-items:baseline;gap:10px;padding:9px 16px;font-size:14px;
  border-bottom:1px dotted var(--line-2)}
#newscontent .l li:last-child{border-bottom:0}
#newscontent .l .s1{flex:0 0 66px;color:var(--zhu);font-size:12px;font-family:var(--serif)}
#newscontent .l .s2{flex:0 0 27%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
#newscontent .l .s3{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft)}
#newscontent .l .s4{flex:0 0 auto;color:var(--ink-fade);max-width:18%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#newscontent .l .s5{flex:0 0 auto;color:var(--ink-fade);font-size:12px}
@media(max-width:560px){#newscontent .l .s3,#newscontent .l .s4{display:none}}

/* 排行榜页 top.qs */
.container.body-content{max-width:var(--wrap);margin:18px auto;padding:0 16px}
.body-content .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.col-md-4,.pr0{min-width:0;padding:0}
.panel{margin:0}.panel-heading{background:transparent}
.list-group{counter-reset:rk;padding:4px 0}
.list-group-item{display:block;padding:8px 16px 8px 42px;font-size:14px;position:relative;counter-increment:rk;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px dotted var(--line-2)}
.list-group-item:first-child{border-top:0}
.list-group-item::before{content:counter(rk);position:absolute;left:16px;top:50%;transform:translateY(-50%);
  font-family:var(--serif);font-weight:700;color:var(--ink-fade)}
.list-group-item:nth-child(-n+3)::before{color:var(--zhu)}
.list-group-item small{color:var(--ink-fade)}

/* ===== 详情页 ===== */
.box_con{max-width:var(--wrap);margin:16px auto}
.con_top{font-size:13px;color:var(--ink-soft);padding:11px 16px;border-bottom:1px solid var(--line)}
.con_top a{color:var(--zhu)}
/* 用浮动而非 flex：原模板里 #info / #intro / .readbtn 是并列兄弟 */
#maininfo{overflow:hidden;padding:18px 16px}
#sidebar{float:left;width:118px;margin-right:20px}
#fmimg img{width:118px;height:157px;object-fit:cover;border:1px solid var(--line-2);
  background:var(--paper);box-shadow:4px 4px 0 var(--line)}
#info{overflow:hidden}
#info h1{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:12px}
#info p{font-size:13.5px;color:var(--ink-soft);margin:6px 0}
#info p a{color:var(--zhu)}
.lastchapter{clear:both;padding:10px 0 0;font-size:13.5px}
#intro{clear:both;margin-top:14px;padding-top:12px;font-size:14.5px;color:var(--ink-soft);
  line-height:1.9;text-align:justify;border-top:1px dotted var(--line-2);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}/* 简介只露3行,全文留源码SEO */
#intro p{text-indent:2em}
.readbtn{clear:both;display:flex;gap:14px;padding-top:16px;flex-wrap:wrap}
.readbtn a{flex:0 1 auto;padding:10px 30px;font-family:var(--serif);font-size:16px;letter-spacing:2px;
  border:1px solid var(--zhu);color:var(--zhu);background:transparent;text-align:center;white-space:nowrap}
.readbtn a.chapterlist{background:var(--zhu);color:#fff}
.readbtn a:hover{background:var(--zhu-d);border-color:var(--zhu-d);color:#fff}
/* 相关推荐：链接全留在源码(SEO 友好),视觉只露 ~3 行,不拉长页面 */
.listtj{padding:12px 16px;font-size:13px;color:var(--ink-soft);border-top:1px solid var(--line);
  line-height:2;max-height:7.4em;overflow:hidden}
.listtj a{display:inline-block;margin:0 14px 0 0;color:var(--zhu)}
@media(max-width:767px){.listtj-rec{display:none}}/* 相关推荐移动端隐藏 */
#info1{padding:16px}#info1 h1{font-family:var(--serif);font-size:20px;text-align:center}
#info1 p{text-align:center;color:var(--ink-soft);font-size:13.5px;margin-top:4px}

/* 章节目录 #list —— dl 用 grid：标题整行；章节链接默认 1 列，桌面 3 列 */
/* 章节列表：浮动布局(无 :has / 无 grid,和原主题一样快)。dd=章节 3列,dt/标题整行 */
#list{padding:6px 12px 14px}
#list dl{overflow:hidden}
#list dt{clear:both;float:left;width:100%;font-family:var(--serif);font-weight:700;font-size:16px;
  padding:12px 6px 8px;border-bottom:1px solid var(--line);margin:6px 0 4px}
#list dd{float:left;width:100%;padding:9px 10px;border-bottom:1px dotted var(--line-2);font-size:14px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#list dd:hover{color:var(--zhu)}
#list p{clear:both;float:left;width:100%;padding:10px;color:var(--ink-soft);font-size:13px}
#list #content_1{clear:both;float:left;width:100%;overflow:hidden}
@media(min-width:768px){#list dd{width:33.333%}}
/* 目录页翻页条：上一页 | 章节段下拉 | 下一页，居中一行(覆盖 #list a{display:block}) */
#list dt>div{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-weight:400}
#list .index-container-btn{display:inline-block;padding:7px 22px;border:1px solid var(--line-2);border-radius:3px;
  color:var(--ink-soft);font-size:13.5px;font-family:var(--sans);font-weight:400;margin:0}
#list .index-container-btn:hover{border-color:var(--zhu);color:var(--zhu)}
#list .index-container-btn.disabled-btn,#list .index-container-btn.disabled-btn:hover{color:var(--ink-fade);border-color:var(--line);cursor:default}
#list .form-control{display:inline-block;width:auto;min-width:160px;padding:7px 12px;border:1px solid var(--line-2);
  border-radius:3px;background:var(--sheet);color:var(--ink);font-size:13.5px;font-family:var(--sans);font-weight:400}

/* ===== 阅读页 ===== */
.bookname{font-family:var(--serif);text-align:center;font-size:23px;font-weight:700;letter-spacing:1px;padding:24px 16px 8px}
.box_con #content,#content{font-family:var(--serif);font-size:20px;line-height:2.1;color:#30291f;
  padding:12px 24px 26px;max-width:800px;margin:0 auto;text-align:justify}
#booktxt p,#content p{text-indent:2em;margin:18px 0}
.bottem1,.bottem2{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:800px;margin:12px auto;padding:0 16px}
.bottem1 a,.bottem2 a{padding:9px 24px;font-family:var(--serif);font-size:15px;letter-spacing:1px;
  border:1px solid var(--line-2);color:var(--ink-soft);background:var(--sheet)}
.bottem1 a.next,.bottem2 a.next{background:var(--zhu);color:#fff;border-color:var(--zhu)}
.bottem1 a:hover,.bottem2 a:hover{border-color:var(--zhu);color:var(--zhu)}
.bottem1 a.next:hover,.bottem2 a.next:hover{background:var(--zhu-d);color:#fff}
#readSet{float:right;font-size:12.5px}
.text-danger{color:var(--zhu)}.text-center{text-align:center}.mg0{margin:0}
/* 阅读工具条：仅移动端显示(字号 + 护眼/夜间);PC 保持面包屑里的 #readSet 不动 */
.m-readbar{display:none}
@media(max-width:767px){
  .con_top #readSet{display:none}
  .m-readbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;
    padding:9px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-soft)}
}
.m-readbar .rt-lab{color:var(--ink-fade)}
.m-readbar a{padding:5px 12px;border:1px solid var(--line-2);border-radius:3px;color:var(--ink-soft);font-size:13px}
.m-readbar a:hover{border-color:var(--zhu);color:var(--zhu)}
.m-readbar .rt-mode{margin-left:0}
.m-readbar a[data-m="eye"]{margin-left:auto}
.m-readbar .rt-mode.on{background:var(--zhu);color:#fff;border-color:var(--zhu)}
/* 护眼 */
body.eye{background:#c7edcc!important}
body.eye .box_con{background:#d3ebd4;border-color:#b6d9b8}
body.eye #content,body.eye #booktxt{color:#243318!important}
body.eye .m-readbar{border-color:#b6d9b8}
/* 夜间(关灯) */
body.night{background:#191919!important}
body.night .nav{background:#232323;border-color:#333}
body.night .nav a{color:#bbb}
body.night .box_con{background:#232323;border-color:#363636}
body.night .con_top{border-color:#363636;color:#999}
body.night .con_top a{color:#c98a6a}
body.night .m-readbar{border-color:#363636;color:#aaa}
body.night .m-readbar a{border-color:#444;color:#bbb}
body.night .bookname{color:#ddd}
body.night #content,body.night #booktxt{color:#b3b3b3!important}
body.night .bottem1 a,body.night .bottem2 a{background:#2a2a2a;border-color:#3a3a3a;color:#bbb}
body.night .bottem1 a.next,body.night .bottem2 a.next{background:var(--zhu);color:#fff;border-color:var(--zhu)}

/* ===== 阅读记录页(临时书架) ===== */
body.novel_tmpbook #hotcontent .l.rank{display:block}
body.novel_tmpbook #hotcontent h2 a{margin-left:auto;float:none!important;margin-right:0!important;
  font-family:var(--sans);font-weight:400;font-size:13px;color:var(--zhu)}
#tmpbook{display:grid;grid-template-columns:1fr}
@media(min-width:620px){#tmpbook{grid-template-columns:1fr 1fr}}
#tmpbook .item{min-width:0}
#tmpbook .item .btm a{color:inherit}
#tmpbook .nobook{padding:30px 16px;text-align:center;color:var(--ink-fade)}

/* ===== 分类/搜索/翻页/友链/页脚 ===== */
.pages{text-align:center;padding:18px 10px}
.pages a,.pages strong{display:inline-block;min-width:38px;padding:7px 12px;margin:3px;
  border:1px solid var(--line-2);font-size:14px;background:var(--sheet);font-family:var(--serif)}
.pages strong,.pages a:hover{background:var(--zhu);color:#fff;border-color:var(--zhu)}
.listpage{padding:10px 16px;border-bottom:1px solid var(--line);overflow:hidden;font-size:13.5px}
.listpage .middle select{border:1px solid var(--line-2);background:var(--sheet);padding:4px}
#firendlink{max-width:var(--wrap);margin:0 auto 16px;padding:12px 16px;background:var(--sheet);
  border:1px solid var(--line);font-size:12.5px;color:var(--ink-fade)}
#firendlink a{display:inline-block;margin:0 12px 4px 0}
.footer{background:var(--ink);color:#b7ab97;text-align:center;padding:22px 16px;margin-top:20px;font-size:12.5px;line-height:1.9}
.footer a{color:#d7ccb7}
.footer_cont p{margin:3px 0}
.gotop{position:fixed;right:14px;bottom:72px;width:46px;height:46px;background:var(--ink);color:var(--paper);
  border:1px solid var(--zhu);border-radius:8px;display:none;align-items:center;justify-content:center;
  font-size:0;z-index:60;cursor:pointer;opacity:.9;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.gotop::before{content:"顶";font-family:var(--serif);font-size:17px}
@media(max-width:767px){.gotop.show{display:flex}}/* 仅移动端,滚动后显示 */

/* ===== 移动端 ===== */
@media(max-width:767px){
  .header{padding:12px 14px;gap:8px}
  .header_logo span{font-size:20px}
  .header_search{order:3;flex:1 0 100%;max-width:none;margin:8px 0 0}
  #search-btn{display:none}
  .readbtn a{flex:1;text-align:center;padding:10px 0}
  #maininfo{padding:14px}
  #sidebar,#fmimg{flex:0 0 96px}
  #fmimg img{width:96px;height:128px}
  #info h1{font-size:20px}
  .box_con #content,#content{font-size:19px;padding:10px 16px 22px}
  .bookname{font-size:20px}
}