:root{
  --ui-radius:4px;
  --ui-shadow:0 1px 5px rgba(24,42,58,.10);
  --ui-border:#dfe4e8;
  --ui-surface:#fff;
  --ui-muted:#7a858e;
  --ui-gap:16px;
}
html{overflow-x:clip}
body{min-width:320px;background:var(--fwn-bg,#f4f4f4)}
img{max-width:100%;height:auto}
.fwn-slot-host:empty{display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important}
.fwn-wp{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
.header .navbar{margin:0;border:0;border-radius:0}

html[data-fwn-lights="off"] .header{--nn-header-night:#175f57;--fwn-header:var(--nn-header-night);--fwn-header-deep:var(--nn-header-night);--fwn-header-menu:rgba(0,0,0,.16)}
html[data-fwn-lights="off"][data-fwn-theme="navy"] .header{--nn-header-night:#183342}
html[data-fwn-lights="off"][data-fwn-theme="purple"] .header{--nn-header-night:#443966}
html[data-fwn-lights="off"][data-fwn-theme="blue"] .header{--nn-header-night:#264b69}
html[data-fwn-lights="off"] .header,
html[data-fwn-lights="off"] .header .navbar-default{background-color:var(--nn-header-night)!important;background-image:none!important}
.header .head-pc{min-height:50px;display:flex;align-items:center}
.header .head-pc::after{content:none!important;display:none!important}
.header .fwn-logo{flex:0 0 auto}
.header .fwn-logo .header-logo{display:flex;align-items:center;gap:0}
.header .fwn-logo-mark{
  --nn-logo-accent:#b7ead7;
  overflow:visible;
}

.header .navbar-header.fwn-logo .fwn-logo-mark{width:auto!important;height:34px!important;max-width:143px!important}
html[data-fwn-theme="navy"] .header .fwn-logo-mark{--nn-logo-accent:#b9dce9}
html[data-fwn-theme="purple"] .header .fwn-logo-mark{--nn-logo-accent:#ddd0f5}
html[data-fwn-theme="blue"] .header .fwn-logo-mark{--nn-logo-accent:#c7e6f8}
.header .nn-logo-ink{fill:#fff}
.header .nn-logo-accent{fill:var(--nn-logo-accent)}
.header .fwn-logo-emblem{stroke:none}
.header .fwn-logo-word{font-family:Georgia,"Times New Roman",serif;font-weight:400;text-transform:none!important}
.header .fwn-logo-word tspan{text-transform:none!important}
.header .fwn-nav-links{flex:0 0 auto}
.header .fwn-hdr{
  float:none!important;
  margin-left:auto!important;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
}
.header .fwn-soBox-desktop{margin:0 0 0 10px;padding:0}
.header .fwn-soBox-desktop .search-holder{width:226px}


@media (min-width:992px){
  .header .fwn-logo{flex:0 0 143px;width:143px;height:50px}
  .header .navbar-header.fwn-logo .header-logo{width:143px;height:50px!important;max-width:143px;margin:0!important}
  .header .navbar-header.fwn-logo .fwn-logo-mark{width:143px!important;height:34px!important;max-width:143px!important}
  .header .fwn-nav-links{margin-left:20px}
  .header .fwn-nav-links>li>a{padding-left:14px;padding-right:14px}
  .header .fwn-nav-links>li:first-child{width:101px}
  .header .fwn-nav-links>li:nth-child(2){width:88px}
  .header .fwn-nav-links>li>a{width:100%}
  .header a.fwn-lights-desktop.light-switch{width:30px;height:30px;margin:0!important}
  .header .fwn-header-icons{display:flex;width:72px;height:50px;margin:0;padding:0}
  .header .fwn-header-icons>li{flex:0 0 36px;width:36px}
  .header .fwn-header-icons>li:first-child>a{width:36px;height:50px;padding:0;display:flex;align-items:center;justify-content:center}
  .header .fwn-header-icons>li:last-child>a{width:36px;height:50px!important;line-height:50px!important;margin:0;padding:0;display:flex;align-items:center;justify-content:center}
  .header .fwn-header-icons>li:last-child>a>.glyphicon{top:0;line-height:1}
  .header .navbar-form.fwn-soBox-desktop{margin-left:10px!important}
}
.header a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.footer a:focus-visible,.btn:focus-visible{outline:3px solid var(--fwn-focus,#005fcc);outline-offset:3px}
.header .fwn-nav-toggle::after{content:none!important;display:none!important}
.header .navbar-default .navbar-nav.fwn-nav-links>li>a.fwn-nav-toggle{white-space:nowrap!important}
.header .fwn-nav-toggle .fwn-nav-caret-svg{display:inline-block!important;width:8px!important;height:5px!important;margin-left:4px!important;vertical-align:middle!important;color:#fff!important;fill:#fff!important;overflow:visible!important;transition:transform .15s ease}
.header .fwn-nav-dd.is-open>.fwn-nav-toggle .fwn-nav-caret-svg,.header .fwn-nav-dd.open>.fwn-nav-toggle .fwn-nav-caret-svg{transform:rotate(180deg)}
@media (min-width:992px){
  .header .navbar-nav>.fwn-novellist-nav>.fwn-novellist-menu.dropdown-menu{top:50px;left:0;min-width:180px;width:auto;margin:2px 0 0;padding:0;border-radius:4px;box-shadow:none}
  .header .fwn-novellist-menu>li>a{padding:6px 15px 8px;font-size:14px;font-weight:400;line-height:1.42857143}
  .header .fwn-novellist-menu>li>a .glyphicon{margin-right:5px;padding-right:0;font-size:13px;top:1px}
}

.header .fwn-novellist-menu>li>a>.glyphicon::before{padding:0}
.header .fwn-reading.is-active{background:rgba(255,255,255,.16)!important;border-radius:4px}
.online{border-bottom:1px solid rgba(0,0,0,.03)}
.g-tit{min-height:42px;display:flex;align-items:center;justify-content:space-between}
.g-tit .tit{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-tit .more{flex:0 0 auto}
.m-newest,.m-info,.comments-widget,.member-main.panel,.member-side,.single-page .list{
  border-radius:var(--ui-radius);
}
.breadcrumb-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer{margin-top:24px}
.footer>.container{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.footer .fwn-footer-ll{min-width:0}
.footer .fwn-footer-rr{flex:0 0 auto;text-align:center}
.footer .fwn-footer-rr>a{display:inline-block;white-space:nowrap}
.footer .fwn-footer-sep{padding:0 2px;opacity:.6}
.single-page .content{line-height:1.75}
.single-page .content h2,#contact-container fieldset h2{font-size:20px;line-height:1.35;margin-top:24px;margin-bottom:10px}
.single-page .content li{margin-bottom:8px}
#contact-container .help-block{clear:both;padding-top:12px;font-size:13px}
#contact-container legend{color:inherit;border-color:var(--ui-border)}
@media (min-width:992px){
  .footer{padding:15px 0!important}
  .footer>.container{min-height:44px;padding-left:0!important;padding-right:0!important;justify-content:space-between!important}
  .footer>.container::before,.footer>.container::after{content:none!important;display:none!important}
  .footer .ll,.footer .fwn-footer-ll{float:none!important;flex:1 1 auto;width:auto;max-width:none;padding-left:0!important;padding-right:0!important;text-align:left;line-height:22px}
  .footer .rr,.footer .fwn-footer-rr{float:none!important;flex:0 0 auto;width:auto;max-width:none;margin:0;padding-left:0!important;padding-right:0!important;text-align:center;line-height:22px}
  .footer .fwn-footer-brand,.footer .fwn-footer-text{line-height:22px}
}
.login-popup-dialog{max-height:calc(100vh - 32px);overflow:auto}


.page-index #fwn-home{padding-bottom:6px}
.page-index .fwn-hot-wrap,.page-index .fwn-home-row,.page-index .fwn-shelf-section{margin-bottom:18px}
.page-index .home-release-list>li{min-height:42px}
.page-index .home-release-title{font-weight:400}
.page-index .home-shelf-card img,.page-index .fwn-hot-board img{object-fit:cover}


.page-archive .archive{display:block}
.page-archive .archive>.col-truyen-main{float:none;min-width:0}
.page-archive .archive>.fwn-archive-side{float:none;padding:0}
.page-archive .fwn-arch-head{display:block;width:100%;margin-bottom:10px}
.page-archive .fwn-rank-list{display:block;width:100%;border-radius:var(--ui-radius);overflow:hidden}
.page-archive .fwn-rank-list::after{content:"";display:table;clear:both}
.page-archive .fwn-rank-list .li-row:last-child{border-bottom:0}
.page-archive .fwn-arch-pages{clear:both;display:flex;width:100%;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin-top:16px}


.page-novel #truyen{display:flex;align-items:flex-start;gap:16px}
.page-novel #truyen>.col-content{flex:1 1 auto;min-width:0}
.page-novel #truyen .col-truyen-main{float:none;width:100%;padding:0}
.page-novel #truyen>.fwn-novel-side{float:none;padding:0;flex:0 0 285px;width:285px}
.page-novel .m-info,.page-novel .m-newest2,.page-novel #novel-comments{margin-bottom:16px;overflow:hidden}
.page-novel .m-imgtxt>.pic img{object-fit:cover}
.page-novel .comment-body{overflow-wrap:anywhere}
.page-novel .m-desc>.tit,.page-novel .m-desc>h1.tit{display:block!important;width:100%!important;max-width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center!important;box-sizing:border-box}

.page-novel #barcon.page{display:flex!important;text-align:center;margin:0 auto!important;padding:15px 0 15px 5%!important;gap:0!important;background:var(--ui-surface,#fff);box-sizing:border-box}
.page-novel #barcon.page>a.index-container-btn{overflow:hidden;display:block!important;flex:0 0 15%!important;width:15%!important;min-width:0!important;height:auto!important;margin:0 0 0 5px!important;padding:0 10px!important;line-height:30px!important;font-size:14px!important;color:#212020;border:1px solid #ddd;border-radius:3px!important;text-align:center;box-sizing:border-box}
.page-novel #barcon.page>#indexselect{display:block;flex:0 0 30%!important;width:30%!important;min-width:0!important;height:auto!important;margin:0 0 0 5px!important;padding:0 7px!important;line-height:normal;font-family:"Roboto Condensed",sans-serif;font-size:14px!important;font-weight:700;border:0;border-bottom:1px solid #ddd;border-radius:0!important;box-sizing:border-box}


@media (min-width:992px){
  .page-novel #truyen{display:grid!important;grid-template-columns:70% minmax(0,1fr);gap:15px}
  .page-novel #truyen>.col-content{grid-column:1;grid-row:1;float:none!important;flex:none!important;width:auto!important;max-width:none!important;min-width:0}
  .page-novel #truyen>.fwn-novel-side{grid-column:2;grid-row:1;float:none!important;flex:none!important;width:auto!important;max-width:none!important;padding:0!important}
}


.page-chapter .m-read>.wp{width:min(calc(100% - 30px),1140px);max-width:1140px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.page-chapter .m-read>.wp.fullscreen{width:calc(100% - 30px);max-width:none}
.page-chapter .m-read>.wp.smallscreen{width:min(100% - 30px,730px)}
.page-chapter .fwn-reader-txt{overflow-wrap:anywhere}
.page-chapter .ul-list7{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.page-chapter .ul-list7 .btn{margin:0}


.page-account #member-account,.page-history #history-page,.page-library #library-page,.page-login .single-page{
  padding-top:8px;padding-bottom:12px;
}
.page-account .member-account-row{display:flex;align-items:flex-start;gap:16px}
.page-account .member-account-side{flex:0 0 250px;width:250px}
.page-account .member-account-main{flex:1 1 auto;min-width:0}
.member-shelf-title,.member-continue-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-shelf-item{min-width:0}
.login-page-card{max-width:520px;margin-left:auto;margin-right:auto}

html[data-fwn-lights="off"]{
  --ui-surface:#222;
  --ui-border:#414141;
  --ui-muted:#aaa;
  --ui-shadow:none;
}


@media (min-width:768px) and (max-width:991px){
  .fwn-wp{padding-left:18px;padding-right:18px}
  .header .head-pc{padding-left:18px;padding-right:18px}
  .page-index .fwn-hot-board{margin-left:0;margin-right:0}
  .page-index .home-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .page-archive .archive>.col-truyen-main,.page-novel #truyen>.col-content{width:100%}
  .page-chapter .m-read>.wp{width:min(100% - 36px,820px)}
  .footer>.container{padding-left:18px;padding-right:18px}
}


@media (max-width:767px){
  :root{--ui-gap:10px}
  .fwn-wp{padding-left:10px;padding-right:10px}
  .header .head-pc{min-height:50px;padding-left:10px;padding-right:10px}
  .header .navbar-header.fwn-logo .header-logo{width:143px;max-width:143px;margin:0}
  .header .navbar-header.fwn-logo .fwn-logo-mark{width:auto!important;height:34px!important}
  .header .nav-m{margin-left:auto;display:flex;align-items:center;gap:0}
  .header .nav-m>a,.header .nav-m>.menuBtn{display:flex;align-items:center;justify-content:center}
  .header .nav-m .fwn-lights-mobile{width:30px;min-width:30px;height:30px;min-height:30px}
  .header .nav-m .fwn-reading{width:30px;min-width:30px;height:30px;min-height:30px;margin:0 10px!important}
  .header .nav-m>.menuBtn{width:44px;min-width:44px;height:34px;min-height:34px;padding:4px 10px}
  .header .fwn-head-m{left:10px;right:10px;width:auto}
  .header .fwn-soBox-mobile{margin:0;padding:10px}
  .online{margin-bottom:10px}
  .g-tit{min-height:40px;padding-left:10px;padding-right:10px}
  .g-tit .tit{font-size:17px}
  .footer{margin-top:18px}
  .footer>.container{display:block;padding:18px 12px;text-align:center}
  .footer .fwn-footer-rr{margin-top:14px;text-align:center}
  .footer .backtop{margin-left:8px}
  .login-popup-dialog{width:calc(100% - 24px);padding:24px 16px 18px}

  .page-index #fwn-home{padding-left:10px;padding-right:10px}
  .page-index .fwn-hot-wrap,.page-index .fwn-home-row,.page-index .fwn-shelf-section{margin-bottom:12px}
  .page-index .home-release-list>li{min-height:65px}
  .page-index .home-release-time{display:inline}
  .page-index .home-release-title-cell{min-width:0}

  .page-archive .archive,.page-novel #truyen{display:block}
  .page-archive .archive>.col-truyen-main,.page-novel #truyen>.col-content{width:100%;padding:0}
  .page-archive .fwn-rank-list .li-row{padding-left:8px;padding-right:8px}
  .page-archive .fwn-arch-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .page-archive .fwn-arch-pages a,.page-archive .fwn-arch-pages strong{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center}

  .page-novel .m-info,.page-novel .m-newest2,.page-novel #novel-comments{margin-bottom:12px}
  .page-novel .m-imgtxt{padding-left:10px;padding-right:10px}
  .page-novel .m-imgtxt>.pic{float:none;margin:0 auto 14px;text-align:center}
  .page-novel .m-imgtxt>.txt{margin-left:0!important;min-width:0}
  .page-novel .comment-row{align-items:flex-start}

  .page-chapter .m-read>.wp,.page-chapter .m-read>.wp.smallscreen,.page-chapter .m-read>.wp.fullscreen{width:calc(100% - 20px)}
  .page-chapter .top{padding-left:4px;padding-right:4px}
  .page-chapter .fwn-reader-txt{font-size:var(--reader-font-size,18px);line-height:1.75;padding-left:2px;padding-right:2px}
  .page-chapter .ul-list7{gap:4px}
  .page-chapter .ul-list7 .btn{min-height:38px}

  .page-account .member-account-row{display:block}
  .page-account .member-account-side{width:100%;margin-bottom:12px}
  .member-shelf-item{padding:10px;gap:10px}
  .member-shelf-actions{gap:2px}
  .member-shelf-del,.member-shelf-add{width:38px;height:38px}
  .login-page-card{margin-top:12px;padding:22px 14px}
}


@media (max-width:767px){
  html,body.page-chapter,body.page-chapter #wrapper,body.page-chapter #container{max-width:100%}
  body.page-chapter:not(.modal-open),body.page-chapter #wrapper,body.page-chapter #container{height:auto;overflow:visible}
  body.page-chapter .header .head-pc{width:100%;max-width:100%;padding-left:10px;padding-right:10px;flex-wrap:wrap}
  body.page-chapter .header .fwn-logo{flex:0 1 auto;max-width:143px}
  body.page-chapter .header .fwn-logo-mark{width:auto!important;height:34px!important}
  body.page-chapter .header .nav-m{flex:0 0 auto;gap:0;margin-left:auto}
  body.page-chapter .header .nav-m .fwn-reading{margin:0 10px!important}
  body.page-chapter .header .menuBtn{width:44px;min-width:44px;height:34px;min-height:34px;padding:4px 10px}

  .page-chapter .m-read{width:100%;padding-top:12px;overflow:hidden}
  .page-chapter .m-read>.wp,
  .page-chapter .m-read>.wp.smallscreen,
  .page-chapter .m-read>.wp.fullscreen,
  .page-chapter .m-read>.wp:not(.fullscreen):not(.smallscreen){
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box;
  }
  .page-chapter .m-read .top{min-width:0;padding:0 42px}
  .page-chapter .m-read .top .tit,
  .page-chapter .m-read .top .tit a,
  .page-chapter .m-read .top .truyen-title,
  .page-chapter .m-read .top .chapter,
  .page-chapter .m-read .top .chapter-title{
    width:100%;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.3;
  }
  .page-chapter .m-read .top .tit a,.page-chapter .m-read .top .truyen-title{font-size:19px}
  .page-chapter .m-read .top .chapter,.page-chapter .m-read .top .chapter-title{font-size:16px}
  .page-chapter .m-read>.wp>a.btn.toggle-nav-open{width:38px;height:38px;padding:4px 8px;font-size:20px;line-height:28px;border-radius:6px}
  .page-chapter .fwn-reader-txt,
  .page-chapter .fwn-reader-txt #chapter-content,
  .page-chapter #chapter-content.chapter-c,
  .page-chapter .fwn-reader-txt p,
  .page-chapter .fwn-reader-txt div{
    width:auto;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;
  }
  .page-chapter .fwn-reader-txt{font-size:18px;line-height:1.7;padding:12px 0 0}
  .page-chapter .ul-list7{margin:12px 0}
  .page-chapter .ul-list7 li a{min-width:42px;min-height:40px;line-height:38px;padding-left:10px;padding-right:10px}
}

@media (max-width:374px){
  .header .navbar-header.fwn-logo .fwn-logo-mark{width:auto!important;height:34px!important;flex-basis:auto}
  .member-shelf-cover{display:none}
}



.page-chapter .ul-list7 { --chapter-control-size: 40px; }
.page-chapter .ul-list7 > ul { align-items: stretch; gap: 6px; }
.page-chapter .ul-list7 > ul > li:not(.reader-settings-panel) { margin: 0; }
.page-chapter .ul-list7 > ul > li.reader-settings-panel { display: contents; }
.page-chapter .ul-list7 > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
  height: var(--chapter-control-size);
  min-height: var(--chapter-control-size);
  line-height: 1;
  border-radius: 6px;
}
.page-chapter .ul-list7 .catalog select,
.page-chapter .ul-list7 .catalog select.fwn-chapter-jump-select {
  height: var(--chapter-control-size);
  min-height: var(--chapter-control-size);
  line-height: normal;
  max-width: 100%;
  border-radius: 6px;
}
.page-chapter .ul-list7.is-catalog-open > ul { width: 100%; max-width: 680px; }
.page-chapter .ul-list7.is-catalog-open > ul > li:nth-child(2) {
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
}
.page-chapter .ul-list7 .font-box { top: calc(var(--chapter-control-size) + 8px); }
@media (max-width: 767px) {
  .page-chapter .ul-list7 { --chapter-control-size: 44px; }
  .page-chapter .ul-list7 > ul > li.prev > a,
  .page-chapter .ul-list7 > ul > li.reader-next-item > a,
  .page-chapter .ul-list7 > ul > li > a.a1,
  .page-chapter .ul-list7 > ul > li > a.a2 {
    width: var(--chapter-control-size);
    min-width: var(--chapter-control-size);
    max-width: var(--chapter-control-size);
    padding: 0;
    gap: 0;
  }
  .page-chapter .ul-list7 .catalog select { font-size: 14px; }
}