/* ink Theme - 国风墨迹 */
:root {
  --bg: #f7f2e8;
  --bg2: #efe9db;
  --text: #2c1f14;
  --text2: #6b5744;
  --accent: #8b2e2e;
  --accent-hover: #6e2424;
  --accent-light: rgba(139,46,46,0.08);
  --border: #d5c9b8;
  --card-bg: #fffdf7;
  --header-bg: #2c1f14;
  --header-text: #f7f2e8;
  --font-family: 'ZCOOL XiaoWei','STSong','宋体',Georgia,serif;
  --font-size: 17px;
  --line-height: 1.9;
  --radius: 4px;
  --shadow: 0 2px 12px rgba(44,31,20,.1);
  --transition: .22s ease;
  --max-width: 1000px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:16px;line-height:1.7}
a{color:var(--accent);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--accent-hover)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none;padding:0;margin:0}

/* Progress bar */
#progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:9999;transition:width .1s}

/* Header */
header{background:var(--header-bg);color:var(--header-text);position:sticky;top:0;z-index:100;border-bottom:3px solid var(--accent)}
.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px;height:54px}
.logo{font-size:1.35rem;font-weight:700;color:var(--header-text);white-space:nowrap}
.logo em{font-style:normal;color:#e8d5b0}
.logo span{font-size:.75rem;color:rgba(247,242,232,.5);margin-left:6px}
.menu-btn{display:none;background:none;border:none;color:var(--header-text);font-size:1.4rem;cursor:pointer}
.search-box{display:flex;flex:1;max-width:300px}
.search-box input{flex:1;padding:6px 10px;border:none;border-radius:var(--radius) 0 0 var(--radius);background:rgba(255,255,255,.12);color:var(--header-text);font-size:.88rem}
.search-box input::placeholder{color:rgba(247,242,232,.45)}
.search-box button{padding:6px 14px;background:var(--accent);color:#fff;border:none;border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;font-size:.88rem}
.search-box button:hover{background:var(--accent-hover)}

/* Nav */
nav{background:var(--bg2);border-bottom:1px solid var(--border)}
.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 16px;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.nav-inner a{flex-shrink:0;padding:10px 14px;font-size:.9rem;color:var(--text);border-bottom:2px solid transparent;transition:all var(--transition)}
.nav-inner a:hover,.nav-inner a.active{color:var(--accent);border-bottom-color:var(--accent)}

/* Container */
.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}
main{padding:20px 0 40px}

/* Breadcrumb */
.breadcrumb{padding:8px 0;font-size:.82rem;color:var(--text2)}
.breadcrumb a{color:var(--accent)}
.breadcrumb span{margin:0 6px}

/* Card */
.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:16px}
.card-title{font-size:1.1rem;font-weight:700;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}
.card-title::before{content:'';display:inline-block;width:4px;height:18px;background:var(--accent);border-radius:2px}

/* Commend Grid */
.commend-grid{display:grid;gap:12px}
.commend-item{display:flex;gap:12px;padding:8px 0}
.commend-item img{width:65px;height:88px;object-fit:cover;border-radius:2px;border:1px solid var(--border)}
.commend-item-info{flex:1;min-width:0}
.commend-item-info h3{font-size:.95rem;font-weight:600;margin-bottom:3px}
.commend-item-info h3 a{color:var(--text)}
.commend-item-info h3 a:hover{color:var(--accent)}
.commend-item-info .author{font-size:.78rem;color:var(--text2)}
.commend-item-info .intro{font-size:.82rem;color:var(--text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}

/* Hot List */
.hot-list{display:flex;flex-direction:column;gap:6px}
.hot-item{display:flex;justify-content:space-between;padding:4px 0;font-size:.88rem;border-bottom:1px dashed var(--border)}
.hot-item:last-child{border-bottom:none}
.hot-item a{color:var(--text)}
.hot-item a:hover{color:var(--accent)}
.hot-item .author{color:var(--text2);font-size:.8rem;white-space:nowrap}

/* Sort Sections */
.sort-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.sort-sections{grid-template-columns:1fr}}
.sort-item-main{display:flex;gap:10px;margin-bottom:10px}
.sort-item-main img{width:48px;height:64px;object-fit:cover;border-radius:2px}
.sort-item-main h4{font-size:.9rem;font-weight:600;margin-bottom:2px}
.sort-item-main h4 a{color:var(--text)}
.sort-item-main p{font-size:.78rem;color:var(--text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sort-list-more{display:flex;flex-wrap:wrap;gap:4px 10px}
.sort-list-more a{font-size:.82rem;color:var(--text2)}
.sort-list-more a:hover{color:var(--accent)}

/* Update Items */
.bottom-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.bottom-sections{grid-template-columns:1fr}}
.update-item{display:flex;justify-content:space-between;padding:5px 0;font-size:.85rem;border-bottom:1px dashed var(--border)}
.update-item:last-child{border-bottom:none}
.update-item .meta{color:var(--text2);font-size:.78rem;white-space:nowrap;margin-left:10px}

/* Info Page */
.info-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px}
.info-main{display:flex;gap:18px}
.info-main img{width:110px;height:148px;object-fit:cover;border:2px solid var(--border);border-radius:2px}
.info-detail{flex:1;min-width:0}
.info-detail h1{font-size:1.5rem;font-weight:700;margin-bottom:10px}
.info-detail p{margin-bottom:5px;font-size:.9rem;color:var(--text2)}
.info-detail p a{color:var(--accent)}
.info-btn{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:7px 18px;border-radius:var(--radius);font-size:.88rem;cursor:pointer;border:none;transition:all var(--transition);font-family:var(--font-family)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-hover);color:#fff}
.btn-secondary{background:transparent;border:1px solid var(--accent);color:var(--accent)}
.btn-secondary:hover{background:var(--accent);color:#fff}
.info-intro{margin-top:12px;font-size:.9rem;color:var(--text2);line-height:1.8}
.info-commend{margin-top:8px;font-size:.82rem;color:var(--text2)}
.info-commend a{color:var(--accent);margin-right:6px}

/* Chapter List */
.chapter-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:16px}
.chapter-title{font-size:1.05rem;font-weight:700;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--border)}
.chapter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.chapter-list a{display:block;padding:6px 10px;font-size:.86rem;color:var(--text);background:var(--bg);border-radius:var(--radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chapter-list a:hover{background:var(--accent);color:#fff}

/* Reader */
.reader-wrap{max-width:780px;margin:0 auto;padding:0 12px}
.reader-header{text-align:center;margin-bottom:16px}
.reader-header h1{font-size:1.3rem;font-weight:700;margin-bottom:4px}
.chapter-meta{font-size:.82rem;color:var(--text2)}
.read-nav{display:flex;justify-content:center;gap:8px;padding:10px 0;background:var(--bg2);border-radius:var(--radius);margin-bottom:12px}
.read-nav a{padding:6px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.88rem;color:var(--text);transition:all var(--transition)}
.read-nav a:hover{border-color:var(--accent);color:var(--accent)}
.read-nav a.disabled{color:var(--text2);pointer-events:none}
.article-content{font-size:var(--font-size);line-height:var(--line-height);padding:16px 0}
.article-content p{text-indent:2em;margin-bottom:.8em}
.commend-row{padding:8px 0;font-size:.82rem;color:var(--text2);display:flex;flex-wrap:wrap;gap:4px 10px}
.commend-row a{color:var(--text2)}
.commend-row a:hover{color:var(--accent)}

/* Search */
.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.search-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;gap:12px}
.search-item img{width:60px;height:80px;object-fit:cover;border-radius:2px;flex-shrink:0}
.search-item h3{font-size:.95rem;font-weight:600;margin-bottom:4px}
.search-item h3 a{color:var(--text)}
.search-item h3 a:hover{color:var(--accent)}
.search-item .author{font-size:.78rem;color:var(--text2);margin-bottom:3px}
.search-item .intro{font-size:.82rem;color:var(--text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Category */
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.category-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}
.category-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px;margin-bottom:8px}
.category-item h3{font-size:.95rem;font-weight:600;margin-bottom:4px}
.category-item h3 a{color:var(--text)}
.category-item h3 a:hover{color:var(--accent)}
.category-item .meta{font-size:.8rem;color:var(--text2)}

/* Rank */
.rank-list{display:flex;flex-direction:column;gap:10px}
.rank-item{display:flex;gap:12px;padding:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center}
.rank-item img{width:50px;height:68px;object-fit:cover;border-radius:2px;flex-shrink:0}
.rank-no{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;border-radius:50%;background:var(--border);color:var(--text);flex-shrink:0}
.rank-no.top1{background:var(--accent);color:#fff}
.rank-no.top2{background:#b87333;color:#fff}
.rank-no.top3{background:#5a7247;color:#fff}
.rank-item-info{flex:1;min-width:0}
.rank-item-info h3{font-size:.92rem;font-weight:600}
.rank-item-info h3 a{color:var(--text)}
.rank-item-info h3 a:hover{color:var(--accent)}
.rank-item-info .meta{font-size:.78rem;color:var(--text2)}

/* Link Box */
.link-box{margin-top:16px;padding:10px 0;font-size:.82rem;color:var(--text2);border-top:1px solid var(--border)}

/* Footer */
footer{background:var(--header-bg);color:#a09080;text-align:center;padding:18px 16px;font-size:.82rem;margin-top:30px;border-top:3px solid var(--accent)}
footer a{color:#c8b8a8}

/* Gotop */
.gotop-btn{position:fixed;bottom:30px;right:20px;width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);font-size:1rem;opacity:0;pointer-events:none;transition:all .3s;z-index:99;border:none}
.gotop-btn.show{opacity:1;pointer-events:auto}

/* Reader Settings Panel */
.reader-settings{display:none;position:fixed;bottom:60px;right:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:14px;box-shadow:var(--shadow);z-index:200;min-width:180px}
.reader-settings.show{display:block}
.settings-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text2)}
.font-size-btns{display:flex;gap:4px;margin-left:auto}
.font-size-btns button{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;font-size:.82rem;font-family:var(--font-family)}
.font-size-btns button:hover{border-color:var(--accent);color:var(--accent)}
.reader-toolbar{position:fixed;bottom:80px;right:20px;z-index:200}
.toolbar-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow);font-size:.9rem}

/* Responsive */
@media(max-width:640px){
  .menu-btn{display:block}
  nav{display:none}
  nav.show{display:block}
  .info-main{flex-direction:column;align-items:center;text-align:center}
  .info-btn{justify-content:center}
  .sort-sections{grid-template-columns:1fr}
  .bottom-sections{grid-template-columns:1fr}
  .search-results{grid-template-columns:1fr}
}


/* ===== 首页封推区 ===== */
.fengtui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.fengtui-item{display:flex;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;}
.fengtui-item img{width:80px;height:110px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--bg3);}
.fengtui-info h3{font-size:14px;color:var(--text);margin-bottom:4px;}
.fengtui-info .author{font-size:12px;color:var(--accent);margin-bottom:6px;}
.fengtui-info .intro{font-size:12px;color:var(--text2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ===== 更新列表链接 ===== */
.update-item .meta a{color:var(--text2);}
.update-item .meta a:hover{color:var(--accent);}

/* ===== 分类页封推 ===== */
.category-fengtui{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.category-fengtui-item{display:flex;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;}
.category-fengtui-item img{width:80px;height:110px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--bg3);}
.category-fengtui-item h3{font-size:14px;color:var(--text);margin-bottom:4px;}
.category-fengtui-item .author{font-size:12px;color:var(--accent);margin-bottom:6px;}
.category-fengtui-item .intro{font-size:12px;color:var(--text2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ===== 分类页列表 ===== */
.category-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:12px;}
.category-list-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:8px;padding:8px 12px;background:var(--bg3);border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;}
.category-list-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:8px;padding:8px 12px;border-bottom:1px dashed var(--border);align-items:center;}
.category-list-row:last-child{border-bottom:none;}
.category-list-row a{color:var(--text);font-size:13px;}
.category-list-row a:hover{color:var(--accent);}
.category-list-row .name a{font-weight:500;}
.category-list-row .latest a{color:var(--text2);font-size:12px;}
.category-list-row .meta{font-size:12px;color:var(--text2);}

/* ===== 分页 ===== */
.pages{text-align:center;padding:12px 0;font-size:13px;}
.pages a,.pages strong,.pages span{display:inline-block;padding:4px 10px;margin:0 3px;border:1px solid var(--border);border-radius:4px;background:var(--bg2);color:var(--text2);}
.pages a:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.pages strong{background:var(--accent);color:#fff;border-color:var(--accent);}
.pages span{color:var(--text2);}