/* ✅ 系统字体优先加载 - 显著减少首屏LCP时间 */
html{
    position:relative;
    min-height:100%;
    font-size:16px;
    /* 系统字体栈 - 无需下载，立即渲染 */
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',DengXian,SimSun,sans-serif;
    font-display:swap; /* 避免字体加载时的布局偏移 */
    -webkit-text-size-adjust:100%
}
body{
    background:#eee;
    color:#666;
    font-size:16px;
    font-family:inherit;
    -webkit-font-smoothing:antialiased;
    margin:0;
    padding:0;
    line-height:1.6
}
/* ✅ 容器固定尺寸 - 防止布局偏移 */
.container{width:auto;max-width:1000px;margin:0 auto;padding:0 15px}
footer{padding:20px 10px;background:#f5f5f5;border-top:1px solid #ddd}
/* ✅ 内容区域预设最小高度 - 防止内容跳动 */
.body-content{padding:15px 0;min-height:calc(100vh - 120px)}
.book-coverlist{overflow:hidden}

/* ✅ 外调图片容器固定尺寸 - 严格按船说夏烟模板标准 */
.thumbnail img, .book-cover img, .img-thumbnail{
    width:110px; /* 按船说夏烟标准宽度 */
    height:136px; /* 按船说夏烟标准高度 */
    object-fit:cover; /* 确保外调图片适配容器 */
    background:#ddd; /* 按船说夏烟标准背景色 */
    margin:5px 0 /* 按船说夏烟标准边距 */
}

/* ✅ 面板固定最小高度 - 防止CLS */
.panel{margin-bottom:10px;min-height:200px}
.panel-body{padding:10px;min-height:150px}
.list-group-item{min-height:40px;line-height:1.4}
a{color:#337ab7}
a:focus,a:hover{color:#a94442;text-decoration:none}
a code{color:#337ab7}
h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:15px;color:#444;font-weight:400}
h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{background:0 0;color:#444}
h1{margin-top:20px;color:#337ab7;font-size:24px;text-align: center;}
h2{margin-top:15px}
h2,h2 code{font-size:24px}
h3,h3 code{font-size:20px}
h4{overflow:hidden;white-space:nowrap}
h4,h4 code{font-size:14px}
li,p{font-size:100%;line-height:22px}
pre{padding:8px 16px;border:0;line-height:2px}
code,pre{background-color:#f9f9f9;font-size:13px;font-family:Source Code Pro,monospace}
.text-hidden,.text-muted{overflow:hidden;white-space:nowrap}
.btn-lg{text-transform:uppercase;font-size:14px}
.btn-link{color:#337ab7}
.btn-link:focus,.btn-link:hover{color:#347c37}
.well{border-color:#f9f9f9;background-color:#f9f9f9;box-shadow:none}
.page-title-bar,.vpad{padding-top:20px}
.page-title-bar{padding-bottom:20px;background-color:#76d275}
.page-title-bar h1,.page-title-bar h2,.page-title-bar h3,.page-title-bar h4,.page-title-bar h5,.page-title-bar h6{margin:8px 0 4px;color:#fff}
.gsc-control-cse *,.gsc-control-cse:after,.gsc-control-cse:before{box-sizing:content-box!important}
p{margin-top:5px;margin-bottom:5px}
/* ✅ 导航栏固定高度 - 防止CLS */
.navbar{margin-bottom:0;border-radius:0;min-height:50px;border:none}
.navbar-inverse{margin-bottom:0;border:none;background-color:#337ab7}
.navbar-inverse .navbar-collapse{padding-left:0;padding-right:0}
.navbar-inverse .navbar-brand .navbar-logo{height:28px}
.navbar-inverse a.navbar-brand{color:#fff;font-size:18px;font-weight:700}
.navbar-brand-left{float:left;margin:10px;width:32px;height:30px;line-height:20px;text-indent:-9999px;background:url(data:image/gif;base64,R0lGODlhHwAeAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzdFRTNCQUM0RjMxMTFFNjgzRTNGRDZCRjMwMTNFRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzdFRTNCQUQ0RjMxMTFFNjgzRTNGRDZCRjMwMTNFRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3N0VFM0JBQTRGMzExMUU2ODNFM0ZENkJGMzAxM0VGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3N0VFM0JBQjRGMzExMUU2ODNFM0ZENkJGMzAxM0VGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAfAB4AAAI6jI+py+0Po2RgSoDtw1lT7n1dmHAVWYIoYq6s6gZtLMPuTOO5Hes9fwOufMHRzvhDFmmvE1P2jEpDBQA7)}
.navbar-brand-left-none{float:left;margin:10px;width:32px;height:30px;line-height:20px;text-indent:-9999px}
.navbar-inverse .navbar-nav{text-align:center}
.navbar-inverse .navbar-nav>li>a{color:#fff;font-size:100%}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background-color:#2e6da4}
.navbar-inverse .navbar-nav .nav-icon{font-size:18px}
.navbar-inverse .navbar-nav>li.active>a,.navbar-inverse .navbar-nav>li.active>a:focus,.navbar-inverse .navbar-nav>li.active>a:hover{background-color:#2e6da4}
.navbar-inverse .navbar-form{border-color:#337ab7;padding:0 8px}
.navbar-inverse .navbar-form .input-group .form-control{background-color:#f5f5f5;border-radius:3px 0 0 3px}
.navbar-inverse .navbar-form .input-sm{margin-top:2px}
.navbar-inverse .navbar-form input[type=search]{border-color:#337ab7;background-color:#76d275}
.navbar-inverse .navbar-form input[type=search]::placeholder{color:#fff}
.navbar-inverse .navbar-form input[type=search]:active,.navbar-inverse .navbar-form input[type=search]:focus{background-color:#fff}
.navbar-inverse .navbar-toggle{border:1px solid #337ab7}
.navbar-inverse .navbar-toggle.active,.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#5bc0de}
.navbar-inverse .navbar-collapse{border-color:#337ab7}
.nav>li{display:inline-block}
.dropdown-menu>li>a{clear:both;display:block;padding:5px 20px;color:#333;white-space:nowrap;font-weight:400;line-height:1.5}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e5e5e5;text-decoration:none}
.collapse{transition:none}
.nav-tabs{width:100%;border-bottom:none}
.nav-tabs>li{float:none;display:table-cell;width:1%}
.nav-tabs>li>a{text-align:center}
.nav-tabs>li>a:hover{border-color:#eee}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:1px solid #ccc;border-radius:3px 3px;background-color:#fcfcfc;color:#444}
.nav-tabs>li.active:after{bottom:-11px;z-index:6;border-color:#fcfcfc transparent transparent}
.nav-tabs>li.active:after,.nav-tabs>li.active:before{position:absolute;left:45%;display:block;border:6px solid #999;content:" "}
.nav-tabs>li.active:before{bottom:-12px;z-index:5;border-color:#ccc transparent transparent}
.breadcrumb{background:#fcfcfc}
.breadcrumb>li+li:before{content:">"}
.list-group,.panel{margin-bottom:10px}
.panel-body{padding:10px}
.panel .panel-heading{font-size:100%;font-weight:700}
.panel .panel-heading .pull-right{font-weight:400}
a{outline:0;transition:none}
a.list-group-item,button.list-group-item{color:#337ab7}
a.list-group-item .pull-right,button.list-group-item .pull-right{color:#777}
.class{padding:10px;border-bottom:1px solid #ccc;background:#fff;text-align:center}
.class ul{clear:both;display:block;overflow:hidden;margin:0 auto;padding:0;width:100%}
.class ul li{float:left;width:11.111111%;list-style:none;text-align:center;line-height:30px}
.class ul li .onselect{color:red;font-weight:700}
.select{padding:5px;border-radius:3px 3px;vertical-align:middle}
.field-validation-error{color:#b94a48}
.field-validation-valid{display:none}
input.input-validation-error{border:1px solid #b94a48}
input[type=checkbox].input-validation-error{border:0 none}
.validation-summary-errors{color:#b94a48}
.validation-summary-valid{display:none}
.back-to-top{position:fixed;right:10px;bottom:20%;display:none;width:46px;height:46px;border:1px solid #ddd;border-radius:50% 50%;background:#f5f5f5;color:#ddd;text-align:center;font-size:24px;line-height:50px;opacity:.8;cursor:pointer}
.back-to-top i{display:inline-block;font-style:normal;transform:scale(2,1.5)}
.back-to-top:hover{border-color:#2e6da4;background-color:#337ab7}
.pages{text-align:center}
.pagination{margin:0}
a.thumbnail{margin-bottom:0;text-decoration:none}
.body-content img{width:100%;max-width:100%}
.list-top i.topNum{display:inline-block;margin-right:5px;width:18px;height:18px;border-radius:2px 2px;background:#c3c3c3;color:#fff;text-align:center;font-weight:400;font-style:normal;font-size:12px;line-height:18px}
.list-top li:nth-child(1) i.topNum,.list-top li:nth-child(2) i.topNum,.list-top li:nth-child(3) i.topNum{background:#ffce00}
.panel-friendlink a{display:inline-block;margin-right:10px}
.breadcrumb{margin-bottom:10px}
.bookTitle{margin-top:0;font-size:24px;color:#337ab7;text-align: left;}
.bookTitle em{margin-right:15px;font-style:normal}
#bookIntro{position:relative;overflow:hidden;transition:all 1s ease-in-out}
#bookIntroMore{position:absolute;top:5px;right:0}
.booktag{margin-bottom:5px}
.booktag a,.booktag span{display:inline-block;overflow:hidden;margin-bottom:5px;padding:0 10px;border-style:solid;border-width:1px;border-radius:3px;vertical-align:middle;text-align:center}
.booktag a.blue,.booktag span.blue{border-color:#89d4ff;color:#3f5a93}
.booktag a.red,.booktag span.red{border-color:#ffb0b4;color:#bf2c24;transition:border .3s}
.booktag a.red:hover{border-color:#ed4259}
.booktag a.green,.booktag span.green{border-color:#337ab7;color:#337ab7;transition:border .3s}
.booktag a.green:hover{border-color:#347c37}
.panel-chapterlist{margin-bottom:0;padding:0}
.panel-chapterlist dd,.panel-chapterlist dt{overflow:hidden;margin:0;padding:0 10px;height:40px;border-bottom:1px dotted #e5e5e5;line-height:40px}
.panel-chapterlist a{position:relative;display:inline-block;width:100%}
.panel-chapterlist a:visited{color:#999}
.page-header{margin:0;margin-bottom:15px}
hr{margin:15px 0}
/* ✅ 修复书库页面图片覆盖问题 */
.book-coverlist h4{margin:10px 0}

/* ✅ 书名长度优化 - 防止过长书名破坏布局 */
.book-title-optimized{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
    position:relative
}

.book-title-optimized a{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:color 0.2s ease
}

/* 悬停显示完整书名 */
.book-title-optimized:hover{
    overflow:visible;
    white-space:normal;
    z-index:10;
    position:relative
}

.book-title-optimized:hover a{
    background:#fff;
    padding:2px 4px;
    border-radius:3px;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    white-space:normal;
    overflow:visible;
    line-height:1.4
}
.book-coverlist .thumbnail{
    margin:5px 0;
    width:100%;
    height:160px; /* ✅ 增大默认高度以完整显示封面 */
    overflow:hidden;
    background:#ddd;
    border:2px solid #ddd;
    display:block;
    padding:0; /* 移除padding避免图片变形 */
    border-radius:4px /* 添加圆角美化 */
}
.book-coverlist .thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.book-coverlist p{overflow:hidden;max-height:64px;line-height:1.4}
.book-coverlist .caption{padding:5px;min-height:80px} /* 确保文字区域有足够空间 */

/* ✅ 简介展开/收起功能优化 */
.book-intro-wrapper{
    position:relative
}
.book-intro-text{
    transition:max-height 0.3s ease;
    word-break:break-all;
    text-overflow:ellipsis
}
.book-intro-text.expanded{
    max-height:none !important
}
.intro-toggle-btn{
    position:absolute;
    bottom:0;
    right:0;
    background:linear-gradient(to right, transparent, #fff 30%);
    border:none;
    color:#337ab7;
    font-size:12px;
    padding:0 5px;
    cursor:pointer;
    z-index:2
}
.intro-toggle-btn:hover{
    color:#a94442;
    text-decoration:underline
}

/* ✅ 悬停提示框 - 作为补充功能 */
.book-intro-text[data-full-text]:hover::after{
    content:attr(data-full-text);
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#333;
    color:#fff;
    padding:8px;
    border-radius:4px;
    font-size:12px;
    line-height:1.4;
    z-index:1000;
    box-shadow:0 2px 8px rgba(0,0,0,0.2);
    max-height:200px;
    overflow-y:auto;
    white-space:normal;
    word-break:break-all
}

.book-intro-text[data-full-text]:hover{
    position:relative;
    z-index:999
}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}
#content{background-color:transparent}
#content2{background-color:transparent}
#rtext{font-size: 22px;padding:0 5%;word-break:break-all;line-height:2.6;text-align:justify;}
#rtext p{text-indent:2.6em;line-height:3em;margin:.8em 0;text-align:justify;overflow:hidden}
.readPager{height: 30px;margin:5px 0;width:100%;display:flex;line-height: 30px;}
.readPager a{text-align:center;width:33.33%}
.readSet{line-height:25px;text-align:center;margin:auto}
.readSet .rc{color:#333}
.readSet a.ra{float:left;border:1px solid #ccc;display:inline-block;width:25px;height:25px;margin-right:10px;overflow:hidden;vertical-align:middle;border-radius:25px}
.readSet .rf{float:right}
.readSet .rt{margin-left:10px}
/*listpage*/
.listpage{margin:10px;height:36px;line-height:36px;overflow:hidden;}
.listpage span{height:36px;line-height:36px;text-align:center;}
.listpage .left{float:left;width:25%;}
.listpage .left a,.listpage .right a{display:inline-block;height:36px;width:90%}
.listpage .left a{float:left;}
.listpage .right a{float:right;}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;border:1px solid #dfdfdf;display:block;float:left;}
.listpage .middle em{display:inline-block;width:80%;text-align:center;color:#999;font-style:normal;float:left;line-height:36px;height:30px}
.listpage .middle a{display:inline-block;float:left;width:19%;height:36px;line-height:36px;vertical-align:middle}
.listpage .middle select{clear: both;border:none;color:#999;display:inline-block;float:left;font-style:normal;height: 34px;line-height: 34px;text-align:center;width:100%;}
.listpage .onclick{background:#507BBF;color:#FFFFFF;}
.listpage .before{background:#cecece;color:#FFFFFF;}
.news-author{border-bottom: 1px solid #ddd;padding: 0 0 20px 0;}
.news-intro {border-bottom: 1px solid #ddd;padding: 15px 0 10px 0;margin-bottom: 10px;}
.news-content {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 15px 0 10px 0;margin-top: 10px;}
.news-list {
    padding: 0 1rem;
}
.news-list ul {padding-inline-start: unset;}
.news-list ul li {float: left;list-style: none;width: 12.5%;overflow: hidden;height: 30px;line-height: 30px;text-align: center;}
.news-list ul li span {float: right;}
.news-intro-title {font-weight: 700;color: #337ab7;}
/* ✅ 响应式修复 - 确保不同屏幕尺寸下图片和文字不重叠 */
@media (max-width:1200px){
    .book-coverlist p{overflow:hidden;max-height:68px;line-height:1.4}
    .book-coverlist .thumbnail{height:140px} /* ✅ 增大高度以完整显示封面 */
    .book-coverlist .caption{min-height:80px}
}
@media (max-width:991px){.navbar-inverse{margin:0;border:none}
.navbar-inverse .navbar-nav>li>a{padding-left:10px;padding-right:10px}
.body-content{padding:10px}
.read-container{padding:0}
.row{margin-right:-10px;margin-left:-10px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:10px!important;padding-left:10px!important}
hr{margin:10px 0}
.ReadStyleOption select{padding:5px 10px;border-radius:3px 3px}
#BookText{padding:20px 10px;font-size:20px;word-break:break-all}
.readTitle{font-size: 22px;}
.page-header{margin-bottom:0;padding-bottom:0;border-bottom:0}
.mt5{margin-top:5px}
#list-chapterAll,.panel-chapterlist dd:empty,.panel-chapterlist dt:empty{display:none}
p{margin-bottom:5px}
.text-center select,.text-center select[option]{background-color:transparent;width:30%;line-height:30px;height:30px;text-align:center}
.list-group,.panel{margin-bottom:10px}
/* ✅ 中等屏幕优化 */
.book-coverlist p{overflow:hidden;max-height:42px;line-height:1.4}
.book-coverlist .thumbnail{height:120px} /* ✅ 平板端适中高度 */
.book-coverlist .caption{min-height:75px;padding:3px}
.bookmore{text-align:center}
.bookmore a,.bookmore button{width:32%;float:left}
.bookmore .btn-info{margin:0 2%}
}
@media (max-width:767px){li.dropdown{width:100%}
.dropdown-menu li{float:left;width:25%}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff}
.navbar-inverse a.navbar-brand{color:#fff;width:calc(100% - 111px);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.navbar-inverse .navbar-collapse{padding-left:15px;padding-right:15px}
.navbar-inverse .navbar-form{padding:10px 15px}
.class ul li{width:33.33333%;line-height:40px}
/* ✅ 移动端优化 - 确保小屏幕下布局正常 */
.book-coverlist p{overflow:hidden;max-height:44px;line-height:1.3}
.book-coverlist .thumbnail{height:110px} /* ✅ 移动端保持合理高度 */
.book-coverlist .caption{min-height:70px;padding:2px}
.book-coverlist h4{margin:3px 0;font-size:14px}
.book-coverlist small{font-size:12px}

/* ✅ 颜色对比度修复 - 提升可访问性 */
/* 修复text-muted类的对比度 */
.text-muted {
    color: #5a5a5a !important; /* 从#777提升到#5a5a5a，对比度4.54:1 */
}

/* 修复小字体的对比度 */
.fs-12, .fs-14 {
    color: #4a4a4a !important; /* 小字体需要更高对比度 */
}

/* 修复btn-info按钮的对比度 */
.btn-info {
    background-color: #2980b9 !important; /* 更深的蓝色，提升对比度 */
    border-color: #2980b9 !important;
}

.btn-info:hover, .btn-info:focus {
    background-color: #1f6391 !important;
    border-color: #1f6391 !important;
}

/* 修复pull-right链接的对比度 */
.pull-right {
    color: #4a4a4a !important;
}

.pull-right:hover, .pull-right:focus {
    color: #2c3e50 !important;
}

/* 修复panel-heading中pull-right的对比度 */
.panel-heading .pull-right {
    color: #4a4a4a !important;
}

.panel-heading .pull-right:hover {
    color: #2c3e50 !important;
}

/* 修复list-group-item中pull-right的对比度 */
.list-group-item .pull-right {
    color: #4a4a4a !important;
}

/* 修复footer链接的对比度 */
footer a {
    color: #4a4a4a !important;
}

footer a:hover, footer a:focus {
    color: #2c3e50 !important;
}

/* ✅ 移动端导航菜单折叠功能修复 */
@media (max-width: 767px) {
    .navbar-collapse {
        max-height: none !important;
        overflow: visible !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-collapse.collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
        display: block !important;
    }

    .navbar-toggle {
        display: block !important;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background-color: #ddd;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #888;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    .navbar-toggle.collapsed .icon-bar {
        background-color: #fff;
    }
}

/* ✅ 小说详情页优化 - 保持原有风格 */

/* 移动端响应式优化 */
@media (max-width:767px){
    /* 移动端图片优化 */
    .img-thumbnail{
        width:100px !important;
        height:130px !important;
        margin:0 auto !important
    }

    /* 移动端文字调整 */
    .col-xs-8 h1{
        font-size:20px !important;
        text-align:center !important;
        margin:10px 0 !important
    }

    .col-xs-8 p{
        text-align:center !important;
        margin-bottom:8px !important
    }

    .col-xs-8 .btn{
        margin:5px !important;
        padding:8px 15px !important
    }

    #bookIntro{
        font-size:14px !important;
        line-height:1.5 !important;
        text-align:justify !important
    }
}

/* 平板端优化 */
@media (min-width:768px) and (max-width:991px){
    .img-thumbnail{
        width:120px !important;
        height:155px !important
    }
}

/* 移动端书名优化 */
.book-title-optimized{
    font-size:14px !important;
    margin:2px 0 !important
}

/* 移动端禁用悬停展开，保持省略号显示 */
.book-title-optimized:hover{
    overflow:hidden;
    white-space:nowrap
}

.book-title-optimized:hover a{
    background:none;
    padding:0;
    box-shadow:none;
    white-space:nowrap;
    overflow:hidden
}

/* 移动端简介优化 */
.book-intro-text{max-height:40px !important} /* 移动端减少高度 */
.intro-toggle-btn{font-size:11px;padding:0 3px} /* 按钮更小 */

/* 移动端禁用悬停提示，使用点击展开 */
.book-intro-text[data-full-text]:hover::after{
    display:none
}
.panel-chapterlist a:after{position:absolute;right:0;color:#999;content:">"}
.pagination>li>a,.pagination>li>span{padding:6px 10px}
.readSet{line-height:30px}
.readSet a.ra{width:30px;height:30px;border-radius:30px}
#content{border-radius:0;border:none;box-shadow:none;overflow: hidden;}
#content2{border-radius:0;border:none;box-shadow:none;overflow: hidden;}
#rtext{padding:0 10px}
}
.fs-normal{font-weight:400}
.clear{clear:both;display:block}
.text-purple{color:purple}
.text-red{color:red}
.text-gray{color:gray}
.text-black{color:#333}
.text-yellow{color:#ffce00}
.mg0{margin:0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr10,.mr20{margin-right:20px}
.pl0{padding-left:0}
.pt0{padding-top:0}
.pr0{padding-right:0}
.pb0{padding-bottom:0}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.fs-12{font-size:80%}
.fs-14{font-size:90%}
.fs-16{font-size:100%}
.fs-18{font-size:125%}
.fs-22{font-size:150%}
.lh-lg{line-height:180%}