@charset "gb2312";body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,li,ol,p,select,table,td,th,ul{margin:auto;padding:0;}
body{margin:0 auto;background-color:#f9f9f9;color:#888;font-weight:400;font-size:15px;font-family:"微软雅黑",Microsoft Yahei,simsun,arial,sans-serif;line-height:150%;}
ul li{list-style:none outside none;}
a{color:#323030;}
a,a:hover{text-decoration:none;}
a:hover{color:#f50;}
.btn{display:inline-block;margin-bottom:0;padding:6px 9pt;border:1px solid transparent;border-radius:4px;background-image:none;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.42857143;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn-default{border-color:#ccc;background-color:#fff;color:#333;}
.btn-info{border-color:#ff8e94;color:#fff;}
.btn-info,.header{background-color:#ff8e94;}
.header{    background-color: #ff8e94;margin-bottom:10px;width:100%;height:50px;box-shadow:0 1px 1px #ffccd0;line-height:50px;}
.header,.header a{color:#fff;}
.header .header-left{float:left;margin-right:20px;text-align:left;text-shadow:1px 1px 2px #323030;font-size:18px;}
.header .header-right{float:right;text-align:right;font-size:15px;}
.header .header-nav{float:left;width:300px;font-size:1pc;}
.header .header-nav a{float:left;width:60px;text-shadow:1px 1px 1px #666;}
.container,.footer p{width:90%;max-width:75pc;}
.content{clear:both;margin:10px 0;}
.search{overflow:hidden;margin:0;padding:0;width:100%;}
.search form{position:relative;border:2px solid #ff8e94;border-radius:5px;background:#fff;}
.search input{margin:0;padding:0;width:80%;outline:0;background:#f9f9f9;color:#ff8e94;text-indent:1em;}
.search button,.search input{height:38px;border:none;font-size:1pc;}
.search button{position:absolute;top:0;right:0;width:20%;background:#ff8e94;color:#fff;line-height:38px;}
.footer{padding:10px 0;background-color:#ff8e94;box-shadow:0 -1px 1px #ff8e94;color:#fff;text-align:center;font-size:14px;}
.breadcrumb{overflow:hidden;margin:0 0 10px;padding:8px 15px;border:1px solid #ccc;border-radius:4px;background-color:#ccc;list-style:none;font-size:14px;}
.breadcrumb>li{float:left;display:inline-block;}
.breadcrumb>li+li:before{padding:0 5px;color:#666;content:"\00BB";}
.breadcrumb>.active{color:#666;}
h2{margin-top:10px;padding:0 0 10px;border-bottom:1px solid #ccc;color:#333;font-weight:500;font-size:18px;}
.content-left{float:left;width:73%;}
.content-right{float:right;width:25%;}
.row{float:left;margin:0 1%;width:31.333333%;}
/* --- 首页热门推荐 (fengtui) 完整优化版 --- */

/* 1. 外层容器 */
#fengtui {
    overflow: hidden;
    padding: 10px 0;
}

/* 2. 单个推荐项：确保两列布局 */
#fengtui .item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px 20px 0; /* 增加下方间距 */
    display: flex;          /* 开启 Flex 布局 */
    align-items: flex-start; /* 顶部对齐 */
}

/* 移动端自动转为单列 */
@media screen and (max-width: 768px) {
    #fengtui .item {
        width: 100%;
        padding-right: 0;
    }
}

/* 3. 左侧图片区 */
#fengtui .item .image {
    flex-shrink: 0;        /* 强制禁止图片被挤压 */
    width: 90pt;           /* 固定图片宽度 */
    margin-right: 15px;    /* 侧边间距 */
}

/* 图片区域 */
#fengtui .item .image img {
    display: block;
    width: 90pt;        /* 约120px */
    height: 168px;      /* 固定高度，确保能对齐 7 行文字 */
    object-fit: cover;  /* 核心属性：如果原图比例不对，会自动裁切中心，不拉伸 */
    
    /* 建议保留以下装饰，这样封面更有质感 */
    padding: 1px;
    border: 1px solid #ccc;
    background-color: #fff;
    
    /* 消除 flex 布局下可能的挤压 */
    flex-shrink: 0; 
}

/* 4. 右侧文字区容器 */
#fengtui .item dl {
    flex: 1;               /* 占据右侧剩余空间 */
    min-width: 0;          /* ！！！极其重要：防止长文字撑开容器导致换行 */
    margin: 0;
    display: flex;         /* 内部也开启 Flex 以控制 dt/dd */
    flex-direction: column;
}

/* 5. 标题行 (dt) */
#fengtui .item dl dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    border-bottom: 1px dotted #ccc;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    overflow: hidden;      /* 溢出隐藏 */
}

/* 书名链接：长书名自动省略 */
#fengtui .item dl dt a {
    flex: 1;
    white-space: nowrap;   /* 强制一行 */
    overflow: hidden;      /* 隐藏溢出 */
    text-overflow: ellipsis; /* 显示省略号 */
    min-width: 0;          /* 确保在 flex 中截断有效 */
    text-decoration: none;
    color: #333;
}

/* 标题右侧作者 */
#fengtui .item dl dt span {
    flex-shrink: 0;        /* 确保作者名不被压缩 */
    font-weight: 400;
    font-size: 14px;
    color: #888;
    margin-left: 8px;
}

/* 6. 简介内容 (dd) */
#fengtui .item dl dd {
    margin: 0;
    padding: 7px 0 0;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-indent: 2em;
    
    /* 方案二：多行省略（显示5行） */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden;
    
    /* 配合方案一：固定高度+渐变遮罩 */
    height: 120px;         /* (line-height 24 * 5 = 120) */
    position: relative;
}

/* 底部渐变效果：让截断处更自然 */
#fengtui .item dl dd::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(transparent, #fff);
}
/* 统一列表容器 */
#fengyou ul, #gengxin ul, #zuixin ul { padding: 5px 0 0; }

/* 统一列表项为 Flex 布局 */
#fengyou ul li, #zuixin ul li {
    display: flex;                /* 开启弹性布局 */
    justify-content: space-between; /* 两端对齐：标题靠左，信息靠右 */
    align-items: center;          /* 垂直居中 */
    padding: 4px 0;
    height: 28px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
}

/* 标题链接：占据剩余空间，且长标题自动省略 */
#fengyou ul li a, #zuixin ul li a {
    font-size: 15px;
    flex: 1;                      /* 自动填满中间多余空间 */
    white-space: nowrap;          /* 强制一行显示 */
    overflow: hidden;             /* 超出隐藏 */
    text-overflow: ellipsis;      /* 超出部分显示... */
    padding-right: 15px;          /* 给右侧文字留点空隙，防止贴太死 */
}

/* 右侧的信息（如作者或点击量） */
#fengyou ul li span, #zuixin ul li span {
    display: inline-block;
    flex-shrink: 0;               /* 关键：禁止右侧文字被压缩 */
    font-size: 14px;
    text-align: right;            /* 文字靠右对齐 */
    color: #888;                  /* 稍微调淡一点辅助信息 */
}
/* 容器设为 Flex 布局 */
#gengxin ul li {
    display: flex;                /* 开启弹性布局 */
    align-items: center;          /* 垂直居中对齐 */
    padding: 4px 0;
    height: 28px;
    border-bottom: 1px dashed #ccc;
    line-height: 28px;
    overflow: hidden;
}

/* 所有的 span 不再使用 float，而是作为 Flex 的子项 */
#gengxin ul li span {
    display: inline-block;
    flex-shrink: 0;               /* 固定的项不允许被压缩 */
}

/* 分类宽度固定 */
#gengxin ul li .s1 { width: 75px; font-size: 14px; color: #888; }

/* 核心：标题项设为 flex: 1，它会自动吃掉中间所有的剩余宽度 */
#gengxin ul li .s2 {
    flex: 1;                      /* 关键：自动伸缩占据剩余空间 */
    width: 0;                     /* 必须配合 width:0 触发省略号 */
    white-space: nowrap;          /* 强制不换行 */
    overflow: hidden;             /* 溢出隐藏 */
    text-overflow: ellipsis;      /* 超出显示省略号 */
    padding-right: 10px;          /* 给标题和作者之间留点呼吸感 */
}

/* 后面的作者、时间等信息固定宽度并靠右 */
#gengxin ul li .s3 { font-size: 14px; } /* 如果 s3 是作者 */
#gengxin ul li .s4 { width: 90px; text-align: left; font-size: 14px; margin-left: auto; }
#gengxin ul li .s5 { width: 90px; text-align: right; font-size: 14px; color: #999; }
.class{overflow:hidden;margin:10px 0 0;border:1px solid #ccc;border-radius:4px;background:#fff;}
.class ul li{float:left;padding:10px 0;width:11.111111%;text-align:center;font-size:1pc;}
.book{overflow:hidden;padding:0 20px 10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05);}
.bookcover{float:left;width:10pc;}
.bookinfo .booktitle{margin-bottom:5px;color:#ff8e94;font-size:22px;}
.booktag{overflow:hidden;margin:5px 0;}
.booktag a,.booktag span{display:inline-block;overflow:hidden;margin-right:5px;padding:0 10px;height:24px;border-style:solid;border-width:1px;border-radius:3px;text-align:center;}
.booktag a.red,.booktag span.red{border-color:#ffb0b4;color:#bf2c24;transition:border .3s;}
.booktag a.red:hover,.booktag span.red:hover{border-color:#bf2c24;}
.booktag a.blue,.booktag span.blue{border-color:#89d4ff;color:#3f5a93;transition:border .3s;}
.booktag a.blue:hover,.booktag span.blue:hover{border-color:#3f5a93;}

.bookintro {
    overflow: hidden;
    max-height: 88px; /* 初始显示高度 */
    transition: max-height 0.3s ease-out; /* 平滑过渡 */
    position: relative;
}

/* 展开后的状态 */

.chapterlist{margin:10px 0 0;padding:0 10px 10px;}
.chapterlist dd{float:left;overflow:hidden;padding:8px 0;width:25%;border-bottom:1px dashed #ccc;white-space:nowrap;}
#btn-All{color:#a94442;text-align:center;font-weight:700;font-size:1pc;}
.read{padding-top:10px;background-color:#eefaee;color:#333;}
.read h1{margin-bottom:10px;font-size:26px;}
.read .booktag,.read h1{color:#323030;text-align:center;}
.read .readcontent{padding:10px 15px;border-top:1px solid #ccc;letter-spacing:.1em;font-size:18px;line-height:180%;}
#linkIndex,#linkPrev{padding:6px 0;width:30%;}
#linkNext{padding:6px 0;width:30%;}
.kongwen{float:left;clear:both;display:block;width:1px;height:100rem;}
.readmiddle{float:left;width:100%;}
.tuijian a{margin-right:10px;}
.pagination{float:right;display:inline-block;margin:0 0 10px;padding-right:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 9pt;border:1px solid #ddd;background-color:#fff;color:#444;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{border-color:#ddd;background-color:#eee;color:#ff8e94;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#ff8e94;background-color:#ff8e94;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 1pc;font-size:18px;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:9pt;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.pages {width: 100%;padding: 10px 0;text-align: center;}
#pagestats {font-style: normal;	margin-left: 5px;}
.pages a,.pages a:visited,.pages strong,kbd input {	display: inline-block;margin: 2px 2px;padding: 0 2px;min-width: 35px;border: 1px solid #e6e6e6;border-radius: 3px;
	text-align: center;text-decoration: none;height:35px;line-height: 35px;}
.pages a:hover,.pages strong {background: #ff8e94;color: #fff;}
.table{width:100%;max-width:100%;border-collapse:collapse;background-color:transparent;border-spacing:0;}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;border-bottom:1px solid #ddd;vertical-align:top;text-align:left;line-height:1.42857143;}
.login .select,.login .text,.login .textarea{margin:10px 0;padding:0 5px;width:70%;height:30px;border:1px solid #ccc;}
.login .textarea{height:90pt;}
.login .foot{margin-top:20px;text-align:center;}
.login .foot a{margin:0 10px;}
.clear{clear:both;}
.hidden-xs{display:block!important;}
/* 强制让 visible-xs 永远显示，不分电脑还是手机 */
.visible-xs {
    display: block !important;
}
.pull-left{float:left;}
.pull-right{float:right;}
.mt10{margin-top:10px;}
.pt10{padding-top:10px;}
.text-center{text-align:center;}
.bookbox{position:relative;float:left;overflow:hidden;margin:1%;width:31.333333%;}
.bookbox .p10{overflow:hidden;padding:10px;border:1px dashed #ccc;}
.bookbox:hover .p10{border-color:#f50;}
.bookbox .num{position:absolute;top:50%;left:10px;display:block;margin-top:-9pt;width:22px;border-radius:4px;background:#ff8e94;color:#eee;text-align:center;font-weight:700;line-height:22px;}
.bookbox:hover .num{background-color:#f50;}
.bookbox .bookinfo{padding-left:30px;}
.bookbox .author,.bookbox .bookname,.bookbox .cat,.bookbox .update{overflow:hidden;white-space:nowrap;}
.bookbox .author,.bookbox .cat,.bookbox .update{font-size:14px;}
.bookbox .delbutton{position:absolute;top:50%;right:10px;margin-top:-9pt;}
.bookbox .delbutton a{padding:4px 10px;border:1px solid #ff8e94;border-radius:3px;color:#ff8e94;}
.bookbox .delbutton a:hover{border-color:#f50;color:#f50;}
.noshow{display:none;}
@media (max-width:947px){.chapterlist dd{width:33.333333%;}
.bookbox{width:48%;}
#gengxin ul li .s4{display:none;width:0;}
}
@media (max-width:767px){.container,.footer p{width:95%;}

/* 默认隐藏全部章节列表 */
#list-chapterAll {
    display: none; 
}

/* 修正 visible-xs 的冲突 */
/* 如果你希望这个按钮只在手机上显示，保持这样，但不要给列表加这个类 */
.visible-xs {
    display: none; /* 默认隐藏 */
}

/* 响应式：仅在手机端显示按钮 */
@media (max-width: 768px) {
    .visible-xs {
        display: block !important;
    }
}
.header{height:75pt;}
.header .header-right{float:right;width:auto;}
.header .header-nav{clear:both;width:100%;border-top:1px solid #e9faff;}
.header .header-nav a{float:left;width:20%;text-align:center;}
#fengtui .item,.content-left,.content-right{clear:both;width:100%;}
#gengxin ul li .s3,#gengxin ul li .s4{display:none;width:0;}
.class ul li{width:33.333333%;}
/* 基础状态：确保在手机上初始可见 */
.bookintro {
    display: block !important;       /* 强制使用块级布局，防止塌陷 */
    overflow: hidden;
    max-height: 120px;               /* 初始高度，约5行 */
    font-size: 14px;
    line-height: 24px;
    color: #666;
    position: relative;
    transition: max-height 0.3s ease;
    text-align: justify;
}

/* 展开状态 */
.bookintro.open {
    max-height: 5000px !important;    /* 展开后给一个足够大的高度 */
}

/* 渐变遮罩：增加这个能让用户感知到后面还有字，同时解决空白感 */
.bookintro:not(.open)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(transparent, #fff); /* 底部平滑淡出到白色 */
    pointer-events: none;            /* 确保遮罩不影响点击 */
}

#list-chapterAll{display:none;}
.chapterlist dd{width:50%;}
.read .readcontent{padding-right:0;padding-left:0;}
.read .booktag a{margin:0;padding:3px 0;width:30%;}
#linkIndex,#linkPrev{width:46%;}
#linkNext{margin:0px 0;width:94%;}
.row{float:left;margin:0 1%;width:47%;}
.tuijian a{float:left;margin:5px 0 0;padding:2px 0;width:100%;border-top:1px dashed #ccc;}
.bookbox{width:98%;}
}
@media (max-width:467px){.chapterlist dd{width:100%;}
.read h1{font-size:20px;}
.read .readcontent{font-size:18px;}
.row{float:left;margin:0;width:100%;}
}
@media (max-width:347px){.container,.footer p{width:98%;}
}


.ajaxtip {
  position: absolute;
  border: 1px solid #ddd;
  background: #fff;
  color: #ff0000;
  padding: 0.2em 0.3em;
  z-index: 700; }

/* 首页核心容器优化 - 兼容版 */
.container .content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* 确保子项顶部对齐，防止高度拉伸 */
}

#fengtui, #gengxin {
    flex: 1;
    min-width: 0;
    overflow: hidden; /* 防止溢出导致图片不显示 */
}

/* 强制让区块内的图片保持可见 */
#fengtui img, #gengxin img {
    display: inline-block !important; 
    max-width: 100%;
    height: auto;
}

#fengyou, #zuixin {
    width: 300px;
    margin-left: 20px;
    flex-shrink: 0; /* 禁止右侧栏被挤压 */
}

/* 适配手机 */
@media screen and (max-width: 768px) {
    .container .content {
        display: block !important; /* 手机端切回普通布局，最稳妥 */
    }
    #fengyou, #zuixin {
        width: 100% !important;
        margin-left: 0 !important;
    }
}


/* 1. 图片保持浮动 */
.thumbnail {
    display: block;
    float: left;
    width: 100px;
    height: 140px;
    margin: 0 12px 8px 0;
    padding: 2px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    object-fit: cover;
}

/* 2. 简介容器：弃用 webkit-box，改用 max-height 截断 */
.book-content-text {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    /* 核心修改：移除 display: -webkit-box 相关属性 */
    display: block; 
    max-height: 144px; /* 24px * 6行 = 144px */
    text-align: justify; /* 让文字排版更整齐 */
    word-break: break-all;
}

/* 3. 展开状态 */
.book-content-text.open {
    max-height: none !important;
    overflow: visible !important;
}

/* 4. 手机端微调 */
@media (max-width: 767px) {
    .thumbnail {
        width: 90px;
        height: 130px;
    }
    .book-content-text {
        /* 手机端 6 行大约是 130px 左右，刚好平齐图片 */
        max-height: 144px; 
    }
}

/* 1. 容器：确保不影响首页 */
.container .content.book#fengtui {
    display: block !important; 
    overflow: hidden;
    padding: 10px 0;
}