/* 现代化滚动条样式 */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:3px;}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:3px;transition:all 0.3s ease;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #764ba2 0%, #667eea 100%);}

/* CSS变量定义 - 现代化配色方案 */
:root {
  /* 主色调 */
  --primary-color: #667eea;
  --primary-dark: #764ba2;
  --primary-light: rgba(102, 126, 234, 0.1);
  
  /* 辅助色 */
  --secondary-color: #00bcd4;
  --secondary-dark: #0097a7;
  --success-color: #4CAF50;
  --success-dark: #388e3c;
  
  /* 中性色 */
  --text-primary: #2c3e50;
  --text-secondary: #666;
  --text-muted: #999;
  --border-color: rgba(0,0,0,0.05);
  
  /* 背景色 */
  --bg-primary: #f5f7fa;
  --bg-secondary: #c3cfe2;
  --bg-card: rgba(255,255,255,0.9);
  --bg-overlay: rgba(255,255,255,0.95);
  
  /* 阴影 */
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --shadow-primary: 0 4px 15px rgba(102, 126, 234, 0.3);
  
  /* 渐变 */
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  --gradient-bg: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
  --gradient-card: linear-gradient(135deg, var(--primary-light) 0%, rgba(118, 75, 162, 0.1) 100%);
}

/* 基础样式重置 */
*, ::after, ::before {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-moz-tap-highlight-color:rgba(0, 0, 0, 0);
-o-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
box-sizing: border-box;
}

html,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}

body{
font-size:16px;
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height:1.6;
color:var(--text-primary);
background: var(--gradient-bg);
min-height: 100vh;
}

li{list-style:none;}
img{border:none;margin:0;padding:0;max-width:100%;height:auto;}
a{color:var(--text-primary);text-decoration:none;transition:all 0.3s ease;}
a:hover{color:var(--primary-color);}
em,i{font-style:normal;}

/* 现代化字体排版系统 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
  margin: 0 0 1rem 0;
  line-height: 1.6;
  color: var(--text-secondary);
}

/* 文本层次 */
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }

.font-weight-light { font-weight: 300; }
.font-weight-normal { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
.font-weight-bold { font-weight: 700; }

.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }

/* 现代化动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}

/* 页面加载动画 */
.wrap-box {
  animation: fadeInUp 0.6s ease-out;
}

.wrap-box:nth-child(2) { animation-delay: 0.1s; }
.wrap-box:nth-child(3) { animation-delay: 0.2s; }
.wrap-box:nth-child(4) { animation-delay: 0.3s; }
.wrap-box:nth-child(5) { animation-delay: 0.4s; }

.header {
  animation: slideInFromLeft 0.8s ease-out;
}

.nav {
  animation: fadeIn 0.6s ease-out 0.2s both;
}

.novel_search {
  animation: fadeInUp 0.6s ease-out 0.3s both;
}

/* 添加加载状态和微交互 */
.btn-normal:active {
  transform: translateY(1px) scale(0.98);
}

.chapter-list li {
  animation: fadeInUp 0.4s ease-out;
}

.chapter-list li:nth-child(odd) {
  animation-delay: 0.05s;
}

.chapter-list li:nth-child(even) {
  animation-delay: 0.1s;
}

/* 改进的焦点状态 */
button:focus,
input:focus,
a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
}

/* 加载骨架屏效果 */
.loading-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: shimmer 1.5s infinite;
}

/* 改进的卡片阴影层次 */
.wrap-box {
  box-shadow: 
    0 1px 3px rgba(0,0,0,0.12),
    0 1px 2px rgba(0,0,0,0.24);
}

.wrap-box:hover {
  box-shadow: 
    0 14px 28px rgba(0,0,0,0.25),
    0 10px 10px rgba(0,0,0,0.22);
}

/* 响应式设计改进 */
@media (max-width: 768px) {
  .header {
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
  }
  
  .header .operate {
    padding: 6px 12px;
    font-size: 13px;
    margin: 0 3px;
  }
  
  .nav {
    height: 45px;
    line-height: 45px;
  }
  
  .nav ul li {
    font-size: 14px;
  }
  
  .wrap-box {
    margin: 10px 5px;
  }
  
  .block-box {
    padding: 10px;
  }
  
  .novel_search {
    padding: 15px 10px;
    margin: 5px;
  }
  
  #novel_search input {
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    font-size: 15px;
  }
  
  #novel_search button {
    height: 44px;
    line-height: 44px;
    width: 80px;
    font-size: 15px;
  }
  
  .content {
    margin: 10px 5px;
  }
  
  .txt {
    padding: 20px 15px;
    font-size: 17px;
    line-height: 1.7;
  }
  
  .chapter-page-btn {
    margin: 10px 15px;
  }
  
  .chapter-page-btn li a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  
  .set {
    padding: 10px 15px;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }
  
  .set .set2 {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .header {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  
  .header .operate {
    padding: 5px 10px;
    font-size: 12px;
  }
  
  .wrap-title {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    padding: 0 15px;
  }
  
  .novel_search {
    padding: 10px;
  }
  
  #novel_search {
    flex-direction: column;
    gap: 10px;
  }
  
  #novel_search input {
    border-radius: 22px;
    width: 100%;
  }
  
  #novel_search button {
    border-radius: 22px;
    width: 100%;
  }
  
  .btn-group {
    flex-direction: column;
    gap: 8px;
  }
  
  .novel_info .btn-group-cell>.btn-normal {
    width: 100%;
    margin: 0;
  }
  
  .chapter-page-btn ul {
    flex-wrap: wrap;
    gap: 8px;
  }
  
  .chapter-page-btn li {
    flex: 1 1 calc(50% - 4px);
    min-width: calc(50% - 4px);
  }
}
.left{float:left;}
.right{float:right;}
.cf{clear:both;overflow:hidden;}
.space{height:10px;clear:Both;overflow:hidden;}
c{clear: both;display: none;}
.header{
font-size:20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color:#fff;
height:60px;
line-height:60px;
text-align:center;
position:relative;
z-index:999;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 15px;
box-shadow: 0 2px 20px rgba(102, 126, 234, 0.3);
backdrop-filter: blur(10px);
}

.header .title{
flex:1;
height:60px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-weight:600;
letter-spacing:0.5px;
}

.header .bookname{
flex:1;
height:60px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-weight:600;
letter-spacing:0.5px;
}

.header .operate{
padding:8px 16px;
height:auto;
margin:0 5px;
line-height:1.4;
font-size:14px;
background:rgba(255,255,255,0.2);
border-radius:20px;
border:1px solid rgba(255,255,255,0.3);
backdrop-filter: blur(10px);
transition:all 0.3s ease;
}

.header .operate:hover{
background:rgba(255,255,255,0.3);
transform:translateY(-1px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.header .operate a{
color:#fff;
font-weight:500;
}

.nav{
height:50px;
line-height:50px;
overflow:hidden;
background:rgba(255,255,255,0.95);
backdrop-filter: blur(10px);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}

.nav ul{
display:flex;
margin:0;
padding:0;
}

.nav ul li{
text-align:center;
font-size:15px;
flex:1;
transition:all 0.3s ease;
}

.nav ul li:hover{
background:rgba(102, 126, 234, 0.1);
}

.nav ul li a{
display:block;
padding:0 15px;
color:#2c3e50;
font-weight:500;
transition:all 0.3s ease;
}

.nav ul li a:hover{
color:#667eea;
}

#navbox{position:absolute;z-index:999999;top:50px;left:0;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;background:#000;width:100%}
#navbox ul{width:100%;padding:5px 0;clear:both;overflow:hidden}
#navbox li{float:left;width:25%;height:30px;line-height:30px;text-align:center}
#navbox li a{font-size:14px;color:#fff}
#navbox li a:hover{color:#fff}
.z{float: left;}
.y{float: right;}

.wrap-box{
margin:15px auto;
background:rgba(255,255,255,0.9);
border-radius:12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
backdrop-filter: blur(10px);
overflow:hidden;
transition:all 0.3s ease;
}

.wrap-box:hover{
transform:translateY(-2px);
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

.wrap-title{
position:relative;
height:50px;
line-height:50px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color:#fff;
font-size:16px;
padding:0px 20px;
clear:both;
overflow:hidden;
border-radius:12px 12px 0 0;
}

.wrap-title span, .wrap-title span a{
font-size:16px;
font-weight:600;
color:#fff;
letter-spacing:0.5px;
}

.wrap-title .more{
position:absolute;
right:20px;
top:0px;
font-size:13px;
font-weight:500;
color:rgba(255,255,255,0.9);
transition:all 0.3s ease;
}

.wrap-title .more:hover{
color:#fff;
transform:translateX(-2px);
}

.wrap-title-2{
border-bottom:2px solid #667eea;
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
height:45px;
line-height:45px;
padding-left:20px;
font-weight:600;
font-size:15px;
margin:10px auto;
border-radius:8px;
color:#2c3e50;
}

.block-box{
width:100%;
margin:0 auto;
height:auto;
clear:both;
overflow:hidden;
padding:15px;
}

.navbar-list{width:100%;margin:10px 0px 0px;}
.navbar-list ul{display:-moz-box;display:-webkit-box;display:box;padding-left: .25rem;padding-right: .25rem;}
.navbar-list li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;text-align:center;width:50%;margin-bottom: .5rem;}
.navbar-list li a{display:block;width: calc(100% - .5rem);margin-left: .25rem;box-sizing:border-box;border:1px solid #aaa;padding:8px 0;}
.navbar-list li.state a{background:#ccc}

.novel_search{
background:rgba(255,255,255,0.9);
padding:20px;
box-sizing: border-box;
width: 100%;
margin:10px auto;
border-radius:12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
backdrop-filter: blur(10px);
}

#novel_search{
width:100%;
margin: 0 auto;
box-sizing: border-box;
font-size:0px;
display:flex;
gap:0;
}

#novel_search input{
height:48px;
line-height:48px;
box-sizing: border-box;
padding: 0 20px;
flex:1;
border: 2px solid #667eea;
color: #2c3e50;
font-size:16px;
background:rgba(255,255,255,0.9);
border-radius: 24px 0 0 24px;
outline:none;
transition:all 0.3s ease;
}

#novel_search input:focus{
border-color:#764ba2;
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

#novel_search input::placeholder{
color:#999;
}

#novel_search button{
border: 0;
height:48px;
line-height:48px;
margin:0;
cursor: pointer;
width:100px;
color: #fff;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
font-size:16px;
font-weight:600;
border-radius:0 24px 24px 0;
transition:all 0.3s ease;
}

#novel_search button:hover{
background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
transform:translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}



.rank-box{margin-bottom:10px;}
.rank-box-first{clear:both;overflow:hidden;}
.rank-box-first .image{float:left;padding:15px 0px 5px;}
.rank-box-first .info{float:left;margin-left:10px;height:100px;overflow:hidden;padding:15px 0px 5px 0px;}
.rank-box-first .info dt{font-size:16px;font-weight:bold;}
.rank-box-first .info dd{font-size:13px;padding-top:5px;}
.rank-box-list li{padding:5px 0px 5px 28px;border-bottom:1px solid #ececec;position:relative;}
.rank-box-list li span{position:absolute;top:10px;left:0;display:inline-block;background:#8b8b8b;color:#fff;width:20px;height:14px;line-height:14px;border-radius:3px;text-align:center;font-size:12px;}
.rank-box-list li span.no2{background:#e69025;}
.rank-box-list li span.no3{background:#e6bf25;}

.rec-focus{
padding:20px;
}

.rec-focus-book{
height:120px;
clear:both;
overflow:hidden;
margin-bottom:20px;
background:rgba(255,255,255,0.8);
border-radius:12px;
padding:15px;
box-shadow: 0 2px 15px rgba(0,0,0,0.05);
transition:all 0.3s ease;
}

.rec-focus-book:hover{
transform:translateY(-2px);
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.rec-focus-book .book-img{
float:left;
width:80px;
border-radius:8px;
overflow:hidden;
}

.rec-focus-book .book-img img{
width:80px;
height:110px;
object-fit:cover;
transition:all 0.3s ease;
}

.rec-focus-book:hover .book-img img{
transform:scale(1.05);
}

.rec-focus-book .book-info{
padding:0 0 0 15px;
height:110px;
overflow:hidden;
}

.rec-focus-book .book-info h2{
font:600 16px/24px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
height:auto;
margin-bottom:8px;
color:#2c3e50;
}

.rec-focus-book .book-info p{
font:normal 13px/22px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
height:auto;
color:#666;
}

.sort-box{
padding:20px;
}

.sort-book-first{
height:110px;
clear:both;
overflow:hidden;
margin-bottom:15px;
background:rgba(255,255,255,0.8);
border-radius:12px;
padding:15px;
box-shadow: 0 2px 15px rgba(0,0,0,0.05);
transition:all 0.3s ease;
}

.sort-book-first:hover{
transform:translateY(-2px);
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.sort-book-first .book-img{
float:left;
width:80px;
border-radius:8px;
overflow:hidden;
}

.sort-book-first .book-img img{
width:80px;
height:100px;
object-fit:cover;
transition:all 0.3s ease;
}

.sort-book-first:hover .book-img img{
transform:scale(1.05);
}

.sort-book-first .book-info{
padding:0 0 0 15px;
height:100px;
overflow:hidden;
}

.sort-book-first .book-info h4{
font:600 16px/24px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
height:auto;
margin-bottom:8px;
color:#2c3e50;
}

.sort-book-first .book-info p{
font:normal 13px/22px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
height:auto;
color:#666;
}

.sort-book-list li{
line-height:45px;
border-bottom:1px solid rgba(0,0,0,0.05);
position:relative;
padding:0 15px;
transition:all 0.3s ease;
}

.sort-book-list li:hover{
background:rgba(102, 126, 234, 0.05);
}

.sort-book-list li span{
font:normal 12px/20px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
position:absolute;
top:12px;
right:15px;
color:#999;
}

.sort-book-list li:last-child{
border:0;
}

.navpf{width:100%;position: relative;z-index: 99;background: #fff;overflow: hidden;font-size: 14px;}
.sortChannel_nav{background: #fff;height:40px;box-sizing: border-box;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;position: relative;padding-left: 80px;}
.sortChannel_nav a{white-space: nowrap;display: inline-block;padding: 10px 6px;text-decoration: none;line-height: 20px;height: 20px;}
.sortChannel_nav a:last-of-type{border-right:0;}
.sortChannel_nav a.on{color: #dc0000;position: absolute;left: 0;}
.sortChannelG_nav a.on{color:#ff77a5;}
.sortChannelP_nav a.on{color:#67c3a6;}

.sortChannel_nav{padding-left:115px;border-bottom: 1px solid #FBFBFB;}
.sortChannel_nav a.on{color:#C3C3C3}
.sortChannel_nav a.on2{left:45px;color:#03a9f4;}



.rank-box{padding:10px 10px 0px 10px;}
.rank-box .rank-tag{z-index:10;display:inline-block;font:12px/20px Arial;width:20px;height:20px;text-align:center;background:#808080;color:#fff;}
.rank-box .no1{background:#ff6077;color:#fff;}
.rank-box .no2{background:#ff9733;color:#fff;}
.rank-box .no3{background:#ffb333;color:#fff;}
.rank-book-first{height:100px;clear:both;overflow:hidden;margin-bottom:10px;}
.rank-book-first .book-img{float:left;position:relative;width:80px;}
.rank-book-first .book-img img{width:80px;height:100px;}
.rank-book-first .book-img span{position:absolute;top:0;left:0;}
.rank-book-first .book-info{padding:0 0 0 10px;height:100px;overflow:hidden;}
.rank-book-first .book-info h4{font:bold 16px/20px "Microsoft Yahei";height:auto;margin-bottom:5px;}
.rank-book-first .book-info p{font:normal 12px/20px "宋体";height:auto;color:#999;}
.rank-book-first .tag{margin:6px 0px;}
.rank-book-first .tag span{display:inline-block;padding:0px 5px;font:12px/16px "宋体";border-radius:2px;margin-right:6px;}
.rank-book-first .intro{margin-top:3px;}
.rank-book-list li{position:relative;line-height:35px;padding-left:30px;}
.rank-book-list li span{position:absolute;top:8px;left:0px;font:normal 12px/20px "宋体";}
.rank-book-list li:last-child{border:0;}
.rank-book-list a{display:inline-block;width:100%;border-bottom:1px solid #ececec;}

.sort-view-list{padding:0px 10px 0px 10px;}
.sort-view-book{position:relative;clear:both;overflow:hidden;padding:15px 0px;height:100px;border-bottom:1px solid #dfdfdf;}
.sort-view-book .book-img{float:left;width:80px;height:100px;position:relative;}
.sort-view-book .book-img img{width:80px;height:100px;}
.sort-view-book .rank-tag{position:absolute;z-index:10;top:0;left:0;display:inline-block;font:12px/20px Arial;min-width:20px;height:20px;text-align:center;background:#808080;color:#fff;}
.sort-view-book .no1{background:#ff6077;color:#fff;}
.sort-view-book .no2{background:#ff9733;color:#fff;}
.sort-view-book .no3{background:#ffb333;color:#fff;}
.sort-view-book .book-info{overflow:hidden;z-index:10;padding-left:10px;color:#999;}
.sort-view-book h4{font:700 16px/20px "Microsoft Yahei";overflow:hidden;}
.sort-view-book h4 a{display:block;}
.sort-view-book h4 span{positon:absolute;right:0;top:0;font:normal 12px/20px "宋体";}
.sort-view-book .tag{margin:6px 0px;}
.sort-view-book .tag span{display:inline-block;padding:0px 5px;font:12px/16px "宋体";border-radius:2px;margin-right:6px;}
.sort-view-book p{width:auto;height:auto;font:normal 12px/20px "宋体";text-overflow:ellipsis;white-space:nowrap;}
.sort-view-book .author{}
.sort-view-book .intro{margin-top:3px;}

.tag .red{color:#ff3955;border:1px solid #ff3955;}
.tag .orange{color:#ff7e00;border:1px solid #ff7e00;}
.tag .blue{color:#4284ed;border:1px solid #4284ed;}
.tag .green{color:#4fb53d;border:1px solid #4fb53d;}

/*书架*/
.bookcase-book{position:relative;padding:15px 10px;border-bottom:1px solid #ececec;height:100px;padding:15px 10px;}
.bookcase-book .book-img{float:left;width:80px;}
.bookcase-book .book-img img{width:80px;height:100px;}
.bookcase-book .book-info{padding-left:10px;height:100px;overflow:hidden;}
.bookcase-book h4{font-size:16px;height:30px;overflow:hidden;}
.bookcase-book .author, .bookcase-book .classify, .bookcase-book .read{color:#999;font:normal 12px/20px "宋体";text-overflow:ellipsis;white-space:nowrap;}
.bookcase-book .del-btn{z-index:999;position:absolute;right:15px;top:15px;}
.bookcase-book .del-btn a{display:block;width:56px;height:30px;font-size:12px;line-height:30px;border-radius:3px;text-align:center;}
.bookcase-book .del-btn .border-btn{border:1px solid #ff4643;color:#ff4643;box-sizing:border-box;}

/* 书籍详情 */
.book-main{padding:10px;}
.book-main .book-img{width:80px;height:100px;float:left;}
.book-main .book-img img{width:80px;height:100px;}
.book-main .book-info{padding-left:10px;height:100px;overflow:hidden;}
.book-main .bookname h1{font:700 18px/24px "Microsoft Yahei";display:block;}
.book-main .bookname span{font:normal 12px/20px "宋体";display:inline-block;padding-left:10px;color:#999;}
.book-main .book-info p{font:normal 12px/20px "宋体";height:auto;}
.book-main .tag{margin:6px 0px;}
.book-main .tag span{display:inline-block;padding:0px 5px;font:12px/16px "宋体";border-radius:2px;margin-right:6px;}
.book-main .book-info .time{}
.book-main .book-info .update span, .book-main .book-info .time span{color:#999;}
.book-detail-btn{margin:15px 0px 0px;}
.btn-group{
display:flex;
width:100%;
margin:20px auto;
gap:10px;
}

.btn-group-cell{
flex:1;
text-align:center;
}

.btn-group-cell:first-child>.btn-normal{
margin-left:0;
}

.btn-group-cell>.btn-normal{
display:block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius:25px;
width:100%;
padding:12px 20px;
color:#fff;
font-weight:600;
font-size:15px;
border:none;
cursor:pointer;
transition:all 0.3s ease;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.btn-group-cell>.btn-normal:hover{
transform:translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.novel_info .btn-group-cell>.btn-normal{
display:inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius:25px;
width: calc(32% - 1%);
margin: 1%;
padding:12px 15px;
color:#fff;
font-weight:600;
font-size:14px;
}

.novel_info .btn-group-cell>.btn-normal.abt1{
background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%);
}

.novel_info .btn-group-cell>.btn-normal.abt3{
background: linear-gradient(135deg, #4CAF50 0%, #388e3c 100%);
}
.chapter-list li{
border-bottom:1px solid rgba(0,0,0,0.05);
padding:15px 20px;
transition:all 0.3s ease;
}

.chapter-list li:hover{
background:rgba(102, 126, 234, 0.05);
}

.chapter-list li a{
display:block;
font-size:15px;
color:#2c3e50;
font-weight:500;
transition:all 0.3s ease;
}

.chapter-list li:hover a{
color:#667eea;
}

.chapter-list span{
background:url(list.png) no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:20px;
margin-right:10px;
margin-top:2px;
width:14px;
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 章节页 */
.set{
width:100%;
height:auto;
padding:15px 20px;
font-size:14px;
clear:both;
overflow:hidden;
background:rgba(255,255,255,0.9);
backdrop-filter: blur(10px);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
display:flex;
align-items:center;
justify-content:space-between;
}

.set .set1{
border:2px solid #667eea;
padding:8px 16px;
margin-right:8px;
border-radius:20px;
color:#667eea;
background:rgba(255,255,255,0.9);
cursor:pointer;
transition:all 0.3s ease;
font-weight:500;
}

.set .set1:hover{
background:#667eea;
color:#fff;
transform:translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.set .set2{
display:flex;
align-items:center;
gap:8px;
}

.set .set2 span{
display:block;
border:2px solid #667eea;
padding:6px 12px;
border-radius:20px;
color:#667eea;
background:rgba(255,255,255,0.9);
cursor:pointer;
transition:all 0.3s ease;
font-weight:500;
font-size:13px;
}

.set .set2 span:hover{
background:#667eea;
color:#fff;
transform:translateY(-1px);
}

.content{
margin:15px auto;
background:rgba(255,255,255,0.95);
border-radius:12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
backdrop-filter: blur(10px);
overflow:hidden;
}

.content h1{
padding:20px;
font-weight:600;
font-size:20px;
text-align:center;
color:#2c3e50;
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
margin:0;
letter-spacing:0.5px;
}

.txt{
line-height:1.8;
padding:25px 20px;
font-size:18px;
font-family:"方正启体简体", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
text-align:justify;
color:#2c3e50;
}

.chapter-page-btn{
margin:15px 20px;
}

.chapter-page-btn ul{
display:flex;
width:100%;
gap:10px;
}

.chapter-page-btn li{
flex:1;
box-sizing:border-box;
text-align:center;
}

.chapter-page-btn li.mulu{
border-left:0;
}

.chapter-page-btn li a{
display:block;
height:45px;
line-height:45px;
text-align:center;
color:#667eea;
background:rgba(255,255,255,0.9);
border:2px solid #667eea;
border-radius:22px;
font-weight:500;
transition:all 0.3s ease;
}

.chapter-page-btn li a:hover{
background:#667eea;
color:#fff;
transform:translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.chapter-page-btn li.next{
border-left:0;
}


/* 翻页 */
.pagebtn{height:35px;width:100%;margin:15px 0 15px;font-size:14px;}
.pagebtnbox{position:relative;display:block;height:35px;}
.pageleftbtn{width:90px;display:inline-block;height:35px;line-height:35px;position:absolute;left:0;text-align:center;background:#fff;z-index:10;}
.pagebtnbox a{background:#dcebcd;display:block;height:35px;margin:0 10px;width:70px;}
.pagecenterbtn{display:inline-block;height:35px;line-height:35px;text-align:center;width:100%;position:relative;margin:0;}
.pagerightbtn{display:inline-block;height:35px;width:90px;position:absolute;right:0;top:0;text-align:center;line-height:35px;background:#fff;}
.pagebox{display:block;margin:0 90px;background:#dcebcd;color:#004d00;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pageselect{position:absolute;display:block;padding:0;top:0;width:100%;}
.pageselectlist{position:relative;border:0 none;vertical-align:top;height:35px;width:100%;text-align:center;opacity:0;}
.pagebtn .open{float:right;background:url(sj_close.png) no-repeat scroll 0 0/cover transparent;margin-top:14px;width:16px;height:10px;display:block;position:relative;right:7px;}
.pagebtn a,.pagebtn a:hover{color:#004d00;}
.pagebtn a.no_pre{background:none repeat scroll 0 0 #CCC;color:#868586;}

/* 底部 */
.footer{
height:auto;
line-height:50px;
background:rgba(255,255,255,0.9);
backdrop-filter: blur(10px);
padding:15px 0;
text-align:center;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}

.footer ul{
display:flex;
margin:0;
padding:0;
}

.footer li{
text-align:center;
font-size:15px;
flex:1;
}

.footer li a{
color:#2c3e50;
font-weight:500;
transition:all 0.3s ease;
}

.footer li a:hover{
color:#667eea;
}

.btn-mulu{
padding: 15px 30px;
display: block;
width: auto;
max-width: 200px;
text-align: center;
margin: 20px auto;
border-radius: 25px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
font-size: 16px;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
border: none;
cursor: pointer;
}

.btn-mulu:hover{
background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
.page_num{text-align: center;font-size: 14px;box-sizing: border-box;padding: 10px;width: 330px;margin: 0 auto;}
.page_num select{padding: 0 10px;height: 34px;line-height: 35px;box-sizing: border-box;border: 1px solid #7d9465;background: #fff;border-radius: 5px;margin: 0 10px;width: 140px;cursor: pointer;}
.page_num a{height:34px;line-height: 35px;padding: 0 15px;display: block;margin: 0;box-sizing: border-box;background: #dcebcd;
color: #004d00;border-radius:5px;transition: all 0.3s;}
.page_num a:hover{background: #004d00;color:#fff}
.habt{font-size: 14px;font-weight: normal;color: #F44336;}

.dvfd{background: #fff;width: 200px;height: 140px;position: absolute;top: 50%;left: 50%;margin-top: -70px;margin-left: -100px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);text-align: center;border-radius: 5px;z-index: 99999;position: fixed;}
.dvfd .red{display: block;margin:35px 0 15px;font-size: 18px;}
.dvfd .qdbtn{background: #03A9F4;display: inline-block;padding: 5px 30px;color: #fff;border-radius: 3px;font-size: 16px;border: solid 1px #2196F3;}
.dvfd .qdbtn:hover{background: #F44336;border: solid 1px #E91E63;}
.jjdfjkozd #txt>p{padding-bottom: 1em;text-indent:2em;line-height: 2em;}

.novel_login .login{line-height: 50px;background: #fff;overflow: hidden;padding: 10px;box-sizing: border-box;position: relative;}
.novel_login .login h2{font-size: 18px;text-align: center;height: 34px;line-height: 24px;border-bottom: 1px solid #eee;color: #2c7498;letter-spacing: 0.5em;}

.novel_login .login a{height:30px; line-height:30px;color: #F44336;}
.novel_login .login i{ position:absolute;left:29%;}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;padding:0px;border:none;outline:medium;height:30px; line-height:30px;padding-left:10px;background: #F7F7F7;}
.novel_login .login_name,.login_pass,.login_email,.login_code{width:100%;overflow: hidden;box-sizing: border-box;}
.novel_login .login .l1,.login .l2{ float:left;}
.login_xs #logintips{text-align: center;color: #de2900;}
.novel_login .login .l1{text-align: right;}
.novel_login .login .l2{width:100%;text-align: left;position: absolute;box-sizing: border-box;padding-left:100px;right:10px;overflow: hidden;}
.novel_login .login_name input{-webkit-appearance: none;}
.novel_login .login_pass input{-webkit-appearance: none;}
.novel_login .login_code input{-webkit-appearance: none;}
.novel_login .login_code2{margin:0;padding: 0 0 10px;text-align:center;border-bottom: 1px solid #eee;}
.novel_login .login_code2>img{display: block;margin:20px auto 0;cursor: pointer;width: 150px;}
.novel_login .login_btn{text-align: center;margin:0;overflow: hidden;}
.novel_login .login_btn a{display:block;color: #fff;border-radius: 2px;text-align: center;margin:20px 60px;box-sizing:border-box;border: 1px solid #2196F3;color:#2196F3;height: 40px;line-height: 40px;}
.novel_login .login_btn a.ok{color:#fff;background:#03A9F4;}
.novel_login .login_btn a.ok:hover{background:#3F51B5;border: 1px solid #3F51B5;}
.novel_login .login .login_save{width:20px;height:20px; padding:5px;}
.novel_login .login_code{margin-bottom:0;}
.qs_book .txt-list{background:#eee;padding-bottom:10px;overflow: hidden;}
.qs_book .txt-list>li>span{display: block;font-size: 14px;color: #444;padding:5px 0}
.qs_book .txt-list>li>span>a{color: #444;}
.qs_book .txt-list>li{background:#fff;margin:10px;padding: 10px;box-sizing: border-box;border-radius: 5px;}
.qs_book .txt-list>li>span.s1{text-align:center;color: #007bb1;font-size: 18px;height: 34px;line-height: 35px;}
.qs_book .txt-list>li>span.s1>a{color: #007bb1;}
.qs_book .txt-list>li>span.s5{text-align: center;}
.qs_book .txt-list>li>span.s5>a{display: inline-block;padding: 0 15px;margin: 0 10px;background: #03A9F4;height:36px;line-height:37px;border-radius:5px;color: #fff;cursor:pointer;transition: all 0.3s;}
.qs_book .txt-list>li>span.s5>a.xsdel{background:#F44336;}
.qs_book .txt-list>li>span.s5>a:hover{background:#673AB7;}
.novel_mybook .wrap-title,.novel_tmpbook .wrap-title{background:#fff}
.qs_nav{overflow: hidden;}
.qs_nav li{float: left;width:33%;box-sizing: border-box;padding:5px;}
.qs_nav li>a{display: block;padding: 10px;text-align: center;border: 1px solid #eee;}
.sort_list>li{padding: 0 10px;box-sizing: border-box;height:42px;line-height:43px;border-bottom: 1px dashed #eee;clear: both;overflow: hidden;}
.sort_list>li .s1,.sort_list>li .s3,.sort_list>li .s4{display:none;}
.sort_list>li .s2 a{color:#007bb1}
.sort_list>li .s5{float: right;color: #999;}

.sort_page_num{text-align:center;padding: 0 10px;overflow: hidden;}
.sort_page_num>a{padding:5px 10px; background: #4ab2e6;margin: 5px;color: #fff;display: inline-block;}
.sort_page_num>a.prev_off{background:#eee;}
.sort_page_num>a:hover,.sort_page_num>a.page_on{background: #3F51B5;}