html[data-fwn-lights="off"] .page-novel .m-imgtxt .txt .s2 > a{
  color:#ccc!important;
}
html[data-fwn-lights="off"] .page-novel .m-imgtxt .txt .s2 > a:hover,
html[data-fwn-lights="off"] .page-novel .m-imgtxt .txt .s2 > a:focus{
  color:var(--fwn-ui-link,#a9d4f3)!important;
  text-decoration:underline!important;
}


.m-desc .score{
  overflow:visible;
  min-height:52px;
  margin-bottom:4px;
}
.m-desc .stars-section{
  display:flex;
  align-items:center;
  justify-content:center;
  list-style:none;
  margin:0;
  padding:0;
  gap:2px;
  cursor:pointer;
}
.m-desc .stars-section > li{
  flex:0 0 36px;
  width:36px;
  height:42px;
  list-style:none;
  font-size:0;
  line-height:42px;
  background:none;
  cursor:pointer;
  position:relative;
}
.m-desc .stars-section > li::before,
.m-desc .stars-section > li.active-half::after{
  content:"\2606";
  position:absolute;
  left:0;
  top:0;
  width:36px;
  height:42px;
  font:400 36px/42px Arial,sans-serif;
  text-align:center;
  color:#d4a63d;
  text-shadow:0 1px 1px rgba(122,85,20,.28),0 0 2px rgba(222,177,69,.3);
  pointer-events:none;
}
.m-desc .stars-section > li.active::before{
  content:"\2605";
  color:#d4a63d;
}

.m-desc .stars-section > li.active-half::after{
  content:"\2605";
  clip-path:inset(0 50% 0 0);
}
.m-desc .stars-section > li:focus-visible{
  outline:2px solid var(--fwn-ui-link,#315f7b);
  outline-offset:2px;
  border-radius:4px;
}
.m-desc .score .vote{
  line-height:1.4;
  font-size:12px;
  color:#777;
  font-family:Arial,sans-serif;
  text-align:center;
  margin:2px 0 0;
}
.m-desc .score .vote-hint{margin-top:0}

.m-info > .g-tit,
#latest-chapter > .g-tit,
#list-chapter > .g-tit,
.m-newest1 > .g-tit,
.m-newest2 > .g-tit{
  display:flex;
  align-items:center;
  height:40px;
  line-height:40px;
  box-sizing:border-box;
}
.m-info > .g-tit{padding:0 20px}
#latest-chapter > .g-tit,
#list-chapter > .g-tit,
.m-newest1 > .g-tit,
.m-newest2 > .g-tit{padding:0 12px}
.m-info > .g-tit > .tit,
#latest-chapter > .g-tit > .tit,
#list-chapter > .g-tit > .tit,
.m-newest1 > .g-tit > .tit,
.m-newest2 > .g-tit > .tit{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0!important;
  padding:0!important;
  height:40px;
  line-height:40px;
  min-width:0;
  flex:1 1 auto;
}
.m-info > .g-tit > .tit .glyphicon,
#latest-chapter > .g-tit > .tit .glyphicon,
#list-chapter > .g-tit > .tit .glyphicon,
.m-newest1 > .g-tit > .tit .glyphicon,
.m-newest2 > .g-tit > .tit .glyphicon{
  top:0!important;
  position:relative;
  line-height:1;
  flex:0 0 auto;
}
.m-newest1 > .g-tit > .tit .lastupdate,
#latest-chapter > .g-tit > .tit .lastupdate{
  line-height:1;
  margin-left:4px;
}
@media (max-width:767px){
  .m-info > .g-tit,
  #latest-chapter > .g-tit,
  #list-chapter > .g-tit,
  .m-newest1 > .g-tit,
  .m-newest2 > .g-tit{padding:0 10px}
}

#novel-comments.comment-box,
.comments-widget.comment-box{
  margin-top:15px!important;
  margin-bottom:15px!important;
  padding:0!important;
  text-align:left!important;
  background-color:var(--fwn-panel,#fff)!important;
  background:var(--fwn-panel,#fff)!important;
  box-shadow:0 0 6px #e9e9e9;
  border-radius:2px;
  overflow:hidden;
}
html[data-fwn-lights="off"] #novel-comments.comment-box,
html[data-fwn-lights="off"] .comments-widget.comment-box,
html[data-fwn-lights="off"] .m-newest3.comment-box,
html[data-fwn-lights="off"] .m-newest3 .comment-box{
  background:#222!important;
  background-color:#222!important;
  box-shadow:none!important;
}
#novel-comments > .comment-panel{
  padding:12px 10px 14px!important;
  margin:0!important;
  box-sizing:border-box;
}

#novel-comments > .g-tit.comment-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  float:none;
  clear:both;
  height:40.8px;
  line-height:40px;
  padding:0 10px!important;
  box-sizing:border-box;
}
#novel-comments > .g-tit.comment-heading > .tit{
  float:none!important;
  flex:1 1 auto;
  min-width:0;
  margin:0!important;
  padding:0!important;
  line-height:40px;
  height:40px;
  display:flex;
  align-items:center;
  gap:6px;
}
#novel-comments > .g-tit.comment-heading > .tit .glyphicon{
  top:0!important;
  position:relative;
  line-height:1;
}
#novel-comments > .g-tit.comment-heading > .tit .badge{
  position:relative;
  top:0;
  margin:0;
  vertical-align:middle;
  font-size:11px;
  font-weight:700;
  line-height:1;
  padding:3px 7px;
}
#novel-comments > .g-tit.comment-heading .comment-rules-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  float:none!important;
  height:40px;
  margin:0;
  padding:0;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none!important;
  color:inherit;
  white-space:nowrap;
}
#novel-comments > .g-tit.comment-heading .comment-rules-link,
#novel-comments > .g-tit.comment-heading .comment-rules-link:hover,
#novel-comments > .g-tit.comment-heading .comment-rules-link:focus{
  color:var(--fwn-link,#3974a9)!important;
  text-decoration:none!important;
}
#novel-comments > .g-tit.comment-heading .comment-rules-link .glyphicon{
  top:0!important;
  position:static;
  font-size:14px;
}
.comment-panel{margin:0}
.comment-form{margin-bottom:15px}
.comment-form-actions{text-align:right!important;margin-top:8px}
.comment-form-actions #comment-submit{
  float:none!important;
  display:inline-block;
  background:var(--theme-primary,#14425d)!important;
  border-color:var(--theme-primary,#14425d)!important;
}
.comment-form-actions #comment-submit:hover{
  background:var(--theme-primary-hover,#11374e)!important;
  border-color:var(--theme-primary-hover,#11374e)!important;
}
.comment-list .comment-item,
.comment-manage-list .comment-item{
  padding:14px 0;
  border-bottom:1px solid #ececec;
  text-align:left;
}
.comment-list .comment-item:last-child{border-bottom:0}
.comment-empty{padding:12px 0;margin:0;font-size:13px}
.comment-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  box-sizing:border-box;
}
.comment-aside{flex:0 0 32px;width:32px}
.comment-main{flex:1 1 auto;min-width:0;text-align:left}
.comment-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 4px;
}
.comment-avatar{
  width:32px;height:32px;border-radius:3px;display:block;
  text-align:center;line-height:32px;background:#7e57c2;color:#fff;object-fit:cover;
}
.comment-avatar-fallback{font-size:14px;font-weight:700;text-transform:uppercase}
.comment-author{
  margin:0;font-size:14px;color:#333;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.comment-author-wrap{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
}
.comment-author-wrap .comment-author,
.comment-composer-user .comment-author-wrap strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.comment-vip-badge{
  flex:0 0 auto;
  display:inline-block;
  padding:1px 6px;
  border-radius:2px;
  background:#d4a017;
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.4px;
  line-height:1.4;
  text-transform:uppercase;
  vertical-align:middle;
}
.comment-like-btn{
  display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;
  color:#888;padding:2px 0;cursor:pointer;font-size:13px;line-height:1;flex:0 0 auto;
}
.comment-like-btn .glyphicon{top:0;font-size:14px}
.comment-like-btn:hover,.comment-like-btn.is-liked{color:var(--fwn-link,#3974a9)}
.comment-like-btn.is-liked .glyphicon{color:#eca314}
.comment-main > .comment-body,
.comment-item .comment-main .comment-body{
  word-wrap:break-word;
  margin:0 0 8px!important;
  padding:0!important;
  font-size:14px;line-height:1.55;color:#444;text-align:left;
}
.comment-main > .comment-foot,
.comment-item .comment-main .comment-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0!important;padding:0!important;min-height:22px;
}
.comment-time{font-size:12px;color:#999;line-height:1.3;white-space:nowrap}
.comment-foot-actions{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}
.comment-manage{font-size:12px;color:#888;display:inline-flex;align-items:center;gap:0}
.comment-manage a{text-decoration:none!important}
.comment-manage .comment-delete{color:#c9302c!important}
.comment-dot{margin:0 4px;color:#bbb}
.comment-reply-btn{
  display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;
  color:var(--fwn-link,#3974a9);padding:0;cursor:pointer;font-size:13px;font-weight:600;line-height:1;
}
.comment-reply-btn .glyphicon{top:0;font-size:13px;color:var(--fwn-link,#3974a9)}
.comment-reply-btn:hover{text-decoration:underline}
.comment-reply-btn + .comment-manage{
  margin-left:2px;
  padding-left:10px;
  border-left:1px solid #ddd;
}
.comment-reply-box{margin:10px 0 4px;padding:0}
.comment-reply-form{padding:10px 12px;border:1px solid #e6e6e6;border-radius:4px;background:#fafbfc;text-align:left}
.comment-reply-form .comment-reply-input{margin-bottom:8px;resize:vertical}
.comment-reply-actions{text-align:right}

.comment-replies{
  margin:8px 0 0 15px;
  padding:0 0 0 27px;
  border-left:2px solid #e8e8e8;
  box-sizing:border-box;
}
.comment-item.is-reply{padding:10px 0 6px;border-bottom:0}
.comment-item.is-reply .comment-aside{flex-basis:28px;width:28px}
.comment-item.is-reply .comment-avatar{width:28px;height:28px;line-height:28px;font-size:12px}
.comment-replies-more{margin:6px 0 2px}
.comment-load-more-replies{
  display:inline-block;border:0;background:transparent;padding:0;
  color:var(--fwn-link,#3974a9);font-size:12px;font-weight:600;cursor:pointer;line-height:1.4;
}
.comment-load-more-replies:hover{text-decoration:underline}
.comment-load-more-wrap{margin:14px 0 2px}
.comment-load-more-btn{min-width:180px}
html[data-fwn-lights="off"] .comment-author{color:#ddd}
html[data-fwn-lights="off"] .comment-main > .comment-body{color:#ccc}
html[data-fwn-lights="off"] .comment-time{color:#888!important}
html[data-fwn-lights="off"] .comment-like-btn{color:#999}
html[data-fwn-lights="off"] .comment-replies{border-left-color:#444}
html[data-fwn-lights="off"] .comment-list .comment-item{border-bottom-color:#444}
html[data-fwn-lights="off"] .comment-reply-form{background:#222;border-color:#444}
html[data-fwn-lights="off"] .comment-load-more-replies{color:#8ab4d9}
.comment-composer{margin-bottom:15px;text-align:left}
.comment-composer-user{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.comment-composer-user .comment-avatar{margin-right:0;flex:0 0 32px;width:32px;height:32px;line-height:32px}
.comment-composer-user .comment-author-wrap{flex:1 1 auto;min-width:0}
.comment-composer-user strong{line-height:1.2;font-size:14px}
.comment-composer-user .text-muted{margin-left:auto;font-size:12px;flex:0 0 auto}


.comment-box .comment-rules-link{
  text-decoration:none!important;
}
.comment-box .comment-rules-link:hover,
.comment-box .comment-rules-link:focus{text-decoration:none!important}
.comment-rules-body{font-size:14px;line-height:1.55;max-height:70vh;overflow-y:auto;text-align:left;color:#333!important}
.comment-rules-body p,.comment-rules-body li,.comment-rules-body ol{color:#333!important}
.comment-rules-body ol{padding-left:22px;margin:10px 0 16px}
.comment-rules-body li{margin-bottom:8px}
.comment-form-actions{text-align:right!important}
.comment-form-actions #comment-submit{float:none;display:inline-block}

#comment-rules-modal{z-index:1060!important}
#comment-rules-modal.in{z-index:1060!important}
#comment-rules-modal .modal-dialog{margin:30px auto;width:auto;max-width:640px;left:auto;right:auto;transform:none;z-index:1061;position:relative}
#comment-rules-modal .modal-content{background:#fff!important;color:#333!important;opacity:1!important;box-shadow:0 5px 15px rgba(0,0,0,.5)}
#comment-rules-modal .modal-header{background:#fff!important;border-bottom:1px solid #e5e5e5;text-align:left}
#comment-rules-modal .modal-title{color:#222!important}
#comment-rules-modal .modal-body{background:#fff!important;color:#333!important}
#comment-rules-modal .modal-footer{background:#fff!important;text-align:right;border-top:1px solid #e5e5e5}
.modal-backdrop,.modal-backdrop.in{z-index:1050!important;opacity:.5!important}
body.modal-open #comment-rules-modal{display:block}

#latest-chapter,#list-chapter{clear:both}

.m-newest2 .page,
#barcon.page{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between;
gap:6px;
padding-left:8px;
padding-right:8px;
box-sizing:border-box;
}
#idData.ul-list5.loading{
opacity:.45;
pointer-events:none;
transition:opacity .15s ease;
}
.m-newest2 .page a,
#barcon.page a{
flex:0 1 auto;
width:auto!important;
min-width:0;
max-width:none;
margin:0!important;
padding:0 8px!important;
font-size:13px;
line-height:28px;
box-sizing:border-box;
white-space:nowrap;
}
.m-newest2 .page select,
#barcon.page select{
flex:1 1 auto;
width:auto!important;
min-width:0;
max-width:none;
margin:0!important;
font-size:13px;
height:30px;
box-sizing:border-box;
}



.page-novel .m-desc .btn.flex-center > a[data-reading-continue]{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.page-novel .m-desc .btn.flex-center > a[data-reading-continue] > .glyphicon{top:0;margin-right:0;flex:0 0 auto}
.page-novel .m-desc.hasmore.open .more.hide{display:block!important}
.page-novel .m-desc .btn .fwn-reading-note{display:block;flex-basis:100%;width:100%;margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--fwn-ui-muted)}
.nn-reading-guide,.nn-editorial-related{color:inherit;line-height:1.65;text-align:left;overflow-wrap:anywhere}
.nn-reading-guide{margin:20px 0 4px;padding-top:16px;border-top:1px solid var(--fwn-ui-border,#8886)}
.nn-reading-guide h2,.nn-editorial-related h2{font-size:20px;line-height:1.35;font-weight:600;margin:0 0 10px;color:inherit}
.nn-reading-guide p,.nn-editorial-related p{font-size:16px;line-height:1.65;margin:0;color:inherit}
.nn-editorial-related{margin:24px 0;padding:20px 0;border-top:1px solid var(--fwn-ui-border,#8886)}
.nn-editorial-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.nn-editorial-related h3{font-size:18px;line-height:1.4;margin:0 0 5px}
.nn-editorial-related a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.nn-editorial-related a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){.nn-editorial-related ul{grid-template-columns:minmax(0,1fr);gap:18px}}