.novel-hero{padding:16px}
/* 勿用 .box-page：移动端分页样式会 float+width:20% 误伤面包屑 */
.novel-breadcrumb{padding:0 0 12px;clear:both}
.novel-breadcrumb .breadcrumb{margin:0;background:transparent;padding:0}
.novel-cover{width:200px;float:left;clear:both;border-radius:6px;overflow:hidden}
/* width:100% 避免 overflow+padding-top 百分比把封面挤成窄条 */
.novel-cover .video-pic{display:block;width:100%;box-sizing:border-box;border-radius:6px}
.novel-meta{margin-left:220px}
.novel-meta h1{margin:0 0 10px;font-size:28px;font-weight:700}
.novel-meta-line{font-size:14px;color:#666;line-height:2}
.novel-meta-line span{margin-right:16px}
.novel-actions{margin-top:14px}
.novel-actions .btn{margin:0 10px 8px 0}
.novel-tabs{border-bottom:1px solid #eee}
.novel-tabs>li>a{font-size:15px}
.novel-pane-wrap{padding:16px 0}
.novel-intro-content{line-height:1.95;font-size:15px;color:#666;word-break:break-all}
.novel-latest{padding:12px;background:#f8fafc;border:1px solid #eef3f7;border-radius:4px;margin-top:12px}
.novel-latest .text-muted{margin-top:6px}
.novel-comment-preview{margin-top:12px}
.novel-comment-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.novel-comment-preview-head h4{font-size:15px;color:#333;font-weight:600}
.novel-comment-preview-head a{font-size:13px}
.novel-comment-preview-focus{margin-top:6px}
.novel-comment-preview-focus .ui-comment{margin:0}
.novel-comment-preview-focus .ui-comment li{margin-bottom:10px}
.novel-comment-preview-focus .ui-comment li:last-child{margin-bottom:0}
.novel-comment-preview-focus .comment-top{padding:0 0 6px}
.novel-comment-preview-focus .comment-top span.time{float:none;display:inline-block;margin-left:12px}
.novel-comment-preview-focus .comment-text{line-height:1.85;text-indent:0}
.novel-comment-preview-focus .kong{padding:14px 8px}
#novelCatalog .playlist>ul.clearfix.novel-catalog{max-height:620px;overflow-y:auto;padding-right:8px;margin:0 -6px;display:flex;flex-wrap:wrap;align-content:flex-start}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li{float:none !important;width:50% !important;max-width:50%;flex:0 0 50%;line-height:34px;padding:0 6px 8px !important;box-sizing:border-box}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li.novel-catalog-full{width:100% !important;max-width:100%;flex-basis:100%}
/* 「更多章节」独占一行，落在章节格子下方 */
#novelCatalog .playlist>ul.clearfix.novel-catalog>li.more{width:100% !important;max-width:100%;flex:0 0 100%;padding:4px 6px 10px !important;text-align:center}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li.more>a{display:inline-block;min-width:160px;padding:0 18px;background:#fff;border:1px dashed #9eb6d4;border-radius:4px;color:#337ab7;line-height:34px}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li.more>a:hover,#novelCatalog .playlist>ul.clearfix.novel-catalog>li.more>a:focus{background:#ecf3ff;border-style:solid;border-color:#337ab7;color:#23527c;text-decoration:none}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li.hided{display:none}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li>a{display:block;padding:0 10px;background:#f8fafc;border:1px solid #e5ecf4;border-radius:4px;color:#3d4a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:34px;transition:all .2s ease}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li>a:hover,#novelCatalog .playlist>ul.clearfix.novel-catalog>li>a:focus{background:#ecf3ff;border-color:#c8d9f0;color:#1f2e40;text-decoration:none}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li>a:focus{outline:2px solid rgba(51,122,183,.28);outline-offset:1px}
#novelCatalog .playlist>ul.clearfix.novel-catalog>li>a.active,#novelCatalog .playlist>ul.clearfix.novel-catalog>li>a:active{background:#337ab7;border-color:#2e6da4;color:#fff}
.novel-side-card .box-video-list li{padding:10px 0;border-bottom:1px dashed #eee}
.novel-side-card .box-video-list li:last-child{border-bottom:0}
.novel-side-cover{width:56px;float:left;border-radius:4px;overflow:hidden}
.novel-side-cover .video-pic{display:block;width:100%;box-sizing:border-box;border-radius:4px}
.novel-side-main{margin-left:68px}
.novel-side-main h4{font-size:14px;margin:0 0 4px;line-height:1.4}
.novel-side-main p{font-size:12px;color:#888;margin:0;line-height:1.6}
@media (max-width: 991px){
  .novel-cover{width:140px}
  .novel-meta{margin-left:156px}
}
@media (max-width: 768px){
  .novel-breadcrumb{padding:0 0 10px}
  .novel-cover{float:none;clear:both;width:120px;max-width:40%;margin:0 auto 12px}
  .novel-cover .video-pic{width:100%}
  .novel-meta{margin-left:0;clear:both}
  .novel-meta h1{font-size:22px}
  .novel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .novel-actions .btn{flex:1 1 calc(50% - 4px);margin:0;min-width:0;padding-left:8px;padding-right:8px}
  .novel-comment-preview-head h4{font-size:14px}
  .novel-comment-preview-focus .comment-top span.time{margin-left:8px}
  .novel-comment-preview-focus .comment-text{font-size:13px;line-height:1.75}
  #novelCatalog .playlist>ul.clearfix.novel-catalog{padding-right:0;margin:0 -4px}
  #novelCatalog .playlist>ul.clearfix.novel-catalog>li{width:50% !important;max-width:50%;flex-basis:50%;padding:0 4px 8px !important}
  #novelCatalog .playlist>ul.clearfix.novel-catalog>li>a{padding:6px 8px;line-height:1.4}
}