/* Homepage dark layout repair v20260527 */
html:not(.wuxia-light-theme),
html:not(.wuxia-light-theme) body {
background: #101010;
}
/* Minimal read-style static pages v20260602 */
body.static-page.readlike-static-page {
background: #101010;
color: #d8d8d8;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body.static-page.readlike-static-page .ad-placement-top {
display: none;
}
body.static-page.readlike-static-page .readlike-static-shell {
box-sizing: border-box;
width: min(920px, calc(100vw - 28px));
max-width: min(920px, calc(100vw - 28px));
margin: 28px auto 48px;
}
body.static-page.readlike-static-page .readlike-static-article {
box-sizing: border-box;
border: 1px solid #282828;
background: #151515;
box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}
body.static-page.readlike-static-page .readlike-static-head {
padding: 34px 42px 22px;
border-bottom: 1px solid #282828;
text-align: center;
}
body.static-page.readlike-static-page .readlike-static-head h1 {
margin: 0;
color: #f1f1f1;
font-size: 30px;
font-weight: 800;
line-height: 1.25;
}
body.static-page.readlike-static-page .readlike-static-head time {
display: block;
margin-top: 12px;
color: #777;
font-size: 13px;
line-height: 1.45;
}
body.static-page.readlike-static-page .readlike-static-content {
box-sizing: border-box;
max-width: 760px;
margin: 0 auto;
padding: 30px 34px 42px;
color: #d8d8d8;
font-size: 16px;
line-height: 1.82;
text-align: left;
}
body.static-page.readlike-static-page .readlike-static-content h1,
body.static-page.readlike-static-page .readlike-static-content h2,
body.static-page.readlike-static-page .readlike-static-content h3 {
margin: 24px 0 12px;
color: #f0f0f0;
font-weight: 800;
line-height: 1.3;
}
body.static-page.readlike-static-page .readlike-static-content h2:first-child {
display: none;
}
body.static-page.readlike-static-page .readlike-static-content h2 {
font-size: 22px;
}
body.static-page.readlike-static-page .readlike-static-content h3 {
padding-top: 6px;
color: #f4f4f4;
font-size: 18px;
}
body.static-page.readlike-static-page .readlike-static-content p {
margin: 0 0 18px;
}
body.static-page.readlike-static-page .readlike-static-content a {
color: #2f95d2;
font-weight: 700;
}
body.static-page.readlike-static-page .readlike-static-content ul,
body.static-page.readlike-static-page .readlike-static-content ol {
margin: 0 0 22px;
padding-left: 28px;
}
body.static-page.readlike-static-page .readlike-static-content li {
margin: 0 0 10px;
padding-left: 4px;
}
body.static-page.readlike-static-page .readlike-static-content ul li {
list-style: disc;
}
body.static-page.readlike-static-page .readlike-static-content ol li {
list-style: decimal;
}
@media (max-width: 760px) {
body.static-page.readlike-static-page .readlike-static-shell {
width: auto;
max-width: none;
margin: 14px 12px 34px;
}
body.static-page.readlike-static-page .readlike-static-head {
padding: 24px 18px 16px;
}
body.static-page.readlike-static-page .readlike-static-head h1 {
font-size: 24px;
line-height: 1.28;
}
body.static-page.readlike-static-page .readlike-static-content {
max-width: none;
padding: 22px 18px 28px;
font-size: 15px;
line-height: 1.8;
}
body.static-page.readlike-static-page .readlike-static-content ul,
body.static-page.readlike-static-page .readlike-static-content ol {
padding-left: 22px;
}
}
html:not(.wuxia-light-theme) body.nf-home-page {
background: #101010;
color: #c9d1dc;
}
body.nf-home-page .nf-home {
box-sizing: border-box;
}
body.nf-home-page .nf-section {
margin-top: 22px;
color: #c9d1dc;
}
body.nf-home-page .nf-section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #2a2a2a;
}
body.nf-home-page .nf-section-head h2 {
margin: 0;
color: #f1f3f6;
font-size: 22px;
font-weight: 900;
line-height: 1.25;
}
body.nf-home-page .nf-section-head a {
color: #2f95d2;
font-size: 13px;
font-weight: 900;
}
body.nf-home-page .nf-cover-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 18px 14px;
}
body.nf-home-page .nf-cover-card {
display: block;
min-width: 0;
color: #c9d1dc;
}
body.nf-home-page .nf-cover-wrap {
display: block;
aspect-ratio: 2 / 3;
overflow: hidden;
background: #1f1f1f;
}
body.nf-home-page .nf-cover-wrap img {
display: block;
width: 100%;
height: 100%;
border: 1px solid #303030;
border-radius: 4px;
background: #222;
object-fit: cover;
object-position: center top;
box-sizing: border-box;
}
body.nf-home-page .nf-cover-card strong {
display: -webkit-box;
margin-top: 8px;
color: #f1f3f6;
font-size: 14px;
font-weight: 900;
line-height: 1.32;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
body.nf-home-page .nf-cover-card span:not(.nf-cover-wrap) {
display: -webkit-box;
margin-top: 4px;
color: #8f98a3;
font-size: 12px;
line-height: 1.35;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
body.nf-home-page .nf-recent-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
}
body.nf-home-page .nf-recent-item {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 10px;
align-items: start;
min-width: 0;
min-height: 86px;
padding: 10px;
border: 1px solid #282828;
border-radius: 6px;
background: #171717;
box-sizing: border-box;
}
body.nf-home-page .nf-recent-cover {
display: block;
min-width: 0;
}
body.nf-home-page .nf-recent-cover img {
display: block;
width: 58px;
height: 82px;
border: 1px solid #303030;
border-radius: 4px;
background: #222;
object-fit: cover;
object-position: center top;
box-sizing: border-box;
}
body.nf-home-page .nf-recent-main {
min-width: 0;
}
body.nf-home-page .nf-recent-title,
body.nf-home-page .nf-recent-chapter {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
body.nf-home-page .nf-recent-title {
color: #f1f3f6;
font-size: 14px;
font-weight: 900;
line-height: 1.3;
-webkit-line-clamp: 2;
}
body.nf-home-page .nf-recent-chapter {
margin-top: 6px;
color: #2f95d2;
font-size: 13px;
line-height: 1.3;
-webkit-line-clamp: 1;
}
body.nf-home-page .nf-recent-time {
display: block;
margin-top: 6px;
color: #8f98a3;
font-size: 12px;
line-height: 1.25;
}
html:not(.wuxia-light-theme) body .wuxia-site-footer {
border-top: 1px solid #242424;
background: #101010;
color: #aeb6c0;
}
html:not(.wuxia-light-theme) body .wuxia-footer-brand a,
html:not(.wuxia-light-theme) body .wuxia-footer-nav a,
html:not(.wuxia-light-theme) body .wuxia-footer-copy a {
color: #f1f3f6;
}
html:not(.wuxia-light-theme) body .wuxia-footer-brand span,
html:not(.wuxia-light-theme) body .wuxia-footer-copy {
color: #8f98a3;
}
@media (max-width: 980px) {
body.nf-home-page .nf-cover-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.nf-home-page .nf-recent-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
body.nf-home-page .nf-section-head h2 {
font-size: 19px;
}
body.nf-home-page .nf-cover-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px 10px;
}
body.nf-home-page .nf-cover-card strong {
font-size: 13px;
}
body.nf-home-page .nf-recent-grid {
grid-template-columns: 1fr;
}
}
/* Legacy homepage final restore v20260527 */
body.nf-home-page .wuxia-topbar,
body.nf-home-page .wuxia-header-copy .w-all,
body.nf-home-page .ad-placement-top,
body.nf-home-page .nf-home,
body.nf-home-page .wuxia-footer-inner {
width: min(1010px, calc(100vw - 28px));
max-width: min(1010px, calc(100vw - 28px));
}
body.nf-home-page .wuxia-site-header {
border-bottom: 1px solid #4b2428;
background: #101010;
box-shadow: none;
}
body.nf-home-page .wuxia-topbar {
grid-template-columns: 140px minmax(270px, 1fr) minmax(260px, 1fr) 72px;
gap: 18px;
min-height: 58px;
}
body.nf-home-page .wuxia-brand-link {
color: #ff5f66 !important;
font-size: 23px;
font-weight: 900;
line-height: 1;
}
body.nf-home-page .wuxia-topbar>.wuxia-nav a {
color: #d6d6d6;
font-size: 15px;
font-weight: 900;
}
body.nf-home-page .wuxia-search.searchbox {
height: 38px;
border: 1px solid #2d2d2d;
border-radius: 20px;
background: #161616;
}
body.nf-home-page .wuxia-search .text {
height: 36px;
background: #161616;
color: #d8d8d8;
line-height: 36px;
}
body.nf-home-page .wuxia-header-copy {
border-top: 1px solid #1b1b1b;
background: #151515;
}
body.nf-home-page .wuxia-header-copy .w-all {
color: #b9c0c9;
font-size: 14px;
font-weight: 800;
}
body.nf-home-page .ad-placement-top {
min-height: 106px;
margin-top: 14px;
margin-bottom: 24px;
border: 1px solid #282828;
background: #151515;
}
body.nf-home-page .nf-intro h1 {
color: #f1f3f6;
font-size: 15px;
font-weight: 900;
}
body.nf-home-page .nf-alert {
margin-bottom: 18px;
background: #ffd8e5;
color: #2b1018;
}
body.nf-home-page .nf-section-head h2 {
color: #f1f3f6;
font-size: 23px;
font-weight: 900;
}
body.nf-home-page .nf-section-head a {
color: #1da1e8;
}
body.nf-home-page .nf-cover-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 24px 14px;
}
body.nf-home-page .nf-cover-wrap img {
border: 0;
border-radius: 0;
}
body.nf-home-page .nf-cover-card strong {
color: #fff;
font-size: 14px;
line-height: 1.18;
}
body.nf-home-page .nf-recent-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px 34px;
}
body.nf-home-page .nf-recent-item {
grid-template-columns: 48px minmax(0, 1fr);
gap: 12px;
min-height: 72px;
padding: 0;
border: 0;
background: transparent;
}
body.nf-home-page .nf-recent-cover img {
width: 48px;
height: 66px;
border: 0;
border-radius: 0;
}
body.nf-home-page .nf-recent-title {
color: #c9d1dc;
font-size: 15px;
-webkit-line-clamp: 1;
}
body.nf-home-page .nf-recent-chapter {
color: #0c93d8;
font-size: 14px;
}
body.nf-home-page .nf-recent-time {
color: #777;
}
html:not(.wuxia-light-theme) body.nf-home-page .wuxia-site-footer {
margin-top: 80px;
border-top: 1px solid #282828;
background: #101010;
color: #8f98a3;
}
body.nf-home-page .wuxia-footer-inner {
display: grid;
grid-template-columns: 160px minmax(0, 1fr);
gap: 40px;
padding: 28px 0 24px;
}
body.nf-home-page .wuxia-footer-brand a {
color: #ff5f66 !important;
font-size: 20px;
font-weight: 900;
}
body.nf-home-page .wuxia-footer-brand span {
color: #777;
font-size: 12px;
}
body.nf-home-page .wuxia-footer-nav {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px 34px;
margin: 0;
}
body.nf-home-page .wuxia-footer-nav a,
body.nf-home-page .wuxia-footer-copy a {
color: #0c93d8 !important;
font-size: 12px;
font-weight: 800;
text-transform: none;
}
body.nf-home-page .wuxia-footer-copy {
grid-column: 1 / -1;
margin-top: 16px;
padding-top: 18px;
border-top: 1px solid #272727;
color: #777;
font-size: 12px;
line-height: 1.8;
text-align: center;
}
body.nf-home-page .wuxia-footer-copy p {
margin: 0 0 6px;
}
@media (max-width: 960px) {
body.nf-home-page .wuxia-topbar {
grid-template-columns: 1fr auto;
gap: 10px;
padding: 9px 0;
}
body.nf-home-page .wuxia-nav,
body.nf-home-page .wuxia-search {
grid-column: 1 / -1;
}
body.nf-home-page .nf-cover-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.nf-home-page .nf-recent-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 20px;
}
}
@media (max-width: 640px) {
body.nf-home-page .nf-cover-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px 10px;
}
body.nf-home-page .nf-recent-grid {
grid-template-columns: 1fr;
}
body.nf-home-page .wuxia-footer-inner {
grid-template-columns: 1fr;
gap: 18px;
}
body.nf-home-page .wuxia-footer-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 18px;
}
}
/* Shared header/footer alignment v20260527 */
body.nf-home-page .wuxia-site-header {
border-bottom: 1px solid #2a1621;
background: #101010;
box-shadow: none;
}
body.nf-home-page .wuxia-brand-link {
display: inline-flex;
height: 38px;
align-items: center;
color: inherit !important;
font-size: inherit;
line-height: 38px;
}
body.nf-home-page .nf-brand-name strong {
display: block;
color: #ff696c;
font-size: 24px;
font-weight: 900;
letter-spacing: 0;
line-height: 38px;
}
body.nf-home-page .wuxia-topbar>.wuxia-nav a {
height: 38px;
align-items: center;
gap: 4px;
padding: 0;
border: 0;
background: transparent;
color: #d6d6d6;
font-size: 14px;
font-weight: 800;
line-height: 38px;
}
body.nf-home-page .wuxia-topbar>.wuxia-nav a:hover,
body.nf-home-page .wuxia-topbar>.wuxia-nav a.pt-active {
color: #fff;
}
body.nf-home-page .wuxia-search.searchbox {
position: relative;
display: block;
align-self: center;
width: 100%;
height: 38px;
min-width: 0;
margin: 0;
border: 1px solid #303030;
border-radius: 20px;
background: #181818;
box-shadow: none;
overflow: hidden;
}
body.nf-home-page .wuxia-search .text {
display: block;
box-sizing: border-box;
width: 100%;
height: 36px;
padding: 0 16px 0 38px;
border: 0;
background: #181818;
color: #ededed;
font-size: 14px;
line-height: 36px;
outline: none;
}
body.nf-home-page .wuxia-search .dropmenu {
display: none !important;
}
body.nf-home-page .wuxia-search .searchbtn {
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 1px;
padding: 0;
border: 0;
opacity: 0;
pointer-events: none;
}
body.nf-home-page .wuxia-header-copy {
border-top: 1px solid #202020;
border-bottom: 1px solid #602235;
background: #141414;
}
body.nf-home-page .wuxia-header-copy .w-all {
color: #bfc5cc;
font-size: 14px;
font-weight: 800;
line-height: 18px;
}
html:not(.wuxia-light-theme) body .wuxia-site-footer {
margin-top: 80px;
border-top: 1px solid #282828;
background: #101010;
color: #8f98a3;
}
body .wuxia-footer-inner {
display: grid;
grid-template-columns: 160px minmax(0, 1fr);
gap: 40px;
padding: 28px 0 24px;
}
body .wuxia-footer-brand a {
color: #ff5f66 !important;
font-size: 20px;
font-weight: 900;
}
body .wuxia-footer-brand span {
color: #777;
font-size: 12px;
}
body .wuxia-footer-nav {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px 34px;
margin: 0;
}
body .wuxia-footer-nav a,
body .wuxia-footer-copy a {
color: #0c93d8 !important;
font-size: 12px;
font-weight: 800;
text-transform: none;
}
body .wuxia-footer-copy {
grid-column: 1 / -1;
margin-top: 16px;
padding-top: 18px;
border-top: 1px solid #272727;
color: #777;
font-size: 12px;
line-height: 1.8;
text-align: center;
}
body .wuxia-footer-copy p {
margin: 0 0 6px;
}
/* Reader footer uses the same footer skin as novel info pages v20260527 */
html:not(.wuxia-light-theme) body.wuxia-dossier-page .wuxia-site-footer,
html:not(.wuxia-light-theme) body.readpage .wuxia-site-footer {
margin-top: 80px;
border-top: 1px solid #282828;
background: #101010;
color: #8f98a3;
}
body.wuxia-dossier-page .wuxia-footer-inner,
body.readpage .wuxia-footer-inner {
display: grid;
grid-template-columns: 160px minmax(0, 1fr);
gap: 40px;
padding: 28px 0 24px;
}
body.wuxia-dossier-page .wuxia-footer-brand a,
body.readpage .wuxia-footer-brand a {
color: #ff5f66 !important;
font-size: 20px;
font-weight: 900;
}
body.wuxia-dossier-page .wuxia-footer-brand span,
body.readpage .wuxia-footer-brand span,
body.wuxia-dossier-page .wuxia-footer-copy,
body.readpage .wuxia-footer-copy {
color: #777;
}
body.wuxia-dossier-page .wuxia-footer-nav,
body.readpage .wuxia-footer-nav {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px 34px;
margin: 0;
}
body.wuxia-dossier-page .wuxia-footer-nav a,
body.wuxia-dossier-page .wuxia-footer-copy a,
body.readpage .wuxia-footer-nav a,
body.readpage .wuxia-footer-copy a {
color: #0c93d8 !important;
font-size: 12px;
font-weight: 800;
text-transform: none;
}
body.wuxia-dossier-page .wuxia-footer-copy,
body.readpage .wuxia-footer-copy {
grid-column: 1 / -1;
margin-top: 16px;
padding-top: 18px;
border-top: 1px solid #272727;
font-size: 12px;
line-height: 1.8;
text-align: center;
}
@media (min-width: 961px) {
body.nf-home-page .wuxia-topbar {
width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
max-width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
grid-template-columns: 146px minmax(300px, 1fr) minmax(250px, 276px) 100px;
gap: 10px;
min-height: 58px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
body.nf-home-page .wuxia-header-copy .w-all,
body .wuxia-footer-inner,
body.wuxia-dossier-page .wuxia-footer-inner,
body.readpage .wuxia-footer-inner {
width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
max-width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.nf-home-page .wuxia-search.searchbox {
max-width: 276px;
justify-self: stretch;
}
body.nf-home-page .wuxia-actions,
body.nf-home-page .wuxia-account-menu {
width: 100px;
max-width: 100px;
}
}
@media (max-width: 960px) {
body.nf-home-page .wuxia-topbar {
width: auto;
max-width: none;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0;
min-height: auto;
margin: 0;
padding: 8px 10px;
}
body.nf-home-page .wuxia-brand-link,
body.nf-home-page .nf-brand-name strong {
height: 32px;
line-height: 32px;
}
body.nf-home-page .wuxia-nav {
grid-column: 1 / -1;
}
body.nf-home-page .wuxia-search.searchbox {
display: none;
grid-column: 1 / -1;
order: 4;
}
body.nf-home-page #mobile-search-toggle:checked ~ .wuxia-topbar .wuxia-search.searchbox {
display: block;
}
body.nf-home-page .wuxia-header-copy .w-all {
width: auto;
max-width: none;
margin: 0;
padding: 8px 10px;
font-size: 12px;
line-height: 17px;
}
body.nf-home-page .wuxia-footer-inner {
width: auto;
max-width: none;
}
}
@media (max-width: 640px) {
body .wuxia-footer-inner,
body.wuxia-dossier-page .wuxia-footer-inner,
body.readpage .wuxia-footer-inner {
grid-template-columns: 1fr;
gap: 18px;
}
body .wuxia-footer-nav,
body.wuxia-dossier-page .wuxia-footer-nav,
body.readpage .wuxia-footer-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 18px;
}
}
/* Global unified site footer v20260527 */
html:not(.wuxia-light-theme) body .wuxia-site-footer {
margin-top: 80px;
border-top: 1px solid #282828;
background: #101010;
color: #8f98a3;
}
body .wuxia-footer-inner {
display: grid;
grid-template-columns: 160px minmax(0, 1fr);
gap: 40px;
padding: 28px 0 24px;
text-align: left;
box-sizing: border-box;
}
body .wuxia-footer-brand a {
color: #ff5f66 !important;
font-size: 20px;
font-weight: 900;
}
body .wuxia-footer-brand span {
display: block;
margin-top: 4px;
color: #777;
font-size: 12px;
}
body .wuxia-footer-nav {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px 34px;
margin: 0;
}
body .wuxia-footer-nav a,
body .wuxia-footer-copy a {
color: #0c93d8 !important;
font-size: 12px;
font-weight: 800;
text-transform: none;
}
body .wuxia-footer-copy {
grid-column: 1 / -1;
margin-top: 16px;
padding-top: 18px;
border-top: 1px solid #272727;
color: #777;
font-size: 12px;
line-height: 1.8;
text-align: center;
}
body .wuxia-footer-copy p {
margin: 0 0 6px;
}
html.wuxia-light-theme body .wuxia-site-footer {
margin-top: 80px;
border-top: 1px solid #dfe3ea;
background: #fff;
color: #586271;
}
html.wuxia-light-theme body .wuxia-footer-brand a {
color: #c93d45 !important;
}
html.wuxia-light-theme body .wuxia-footer-brand span,
html.wuxia-light-theme body .wuxia-footer-copy {
color: #667085;
}
html.wuxia-light-theme body .wuxia-footer-nav a,
html.wuxia-light-theme body .wuxia-footer-copy a {
color: #147cc2 !important;
}
html.wuxia-light-theme body .wuxia-footer-copy {
border-top-color: #e3e8ef;
}
@media (min-width: 961px) {
body .wuxia-footer-inner {
width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
max-width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 960px) {
body .wuxia-footer-inner {
width: auto;
max-width: none;
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 640px) {
body .wuxia-site-footer {
margin-top: 52px;
}
body .wuxia-footer-inner {
grid-template-columns: 1fr;
gap: 18px;
}
body .wuxia-footer-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 18px;
}
}
/* Info page breadcrumb and cover align with header logo v20260527 */
@media (min-width: 961px) {
body.wuxia-dossier-page .wuxia-crumb-trail,
body.wuxia-dossier-page .ad-placement-top {
width: min(970px, calc(100vw - 28px));
max-width: min(970px, calc(100vw - 28px));
margin-left: max(14px, calc((100vw - 1010px) / 2));
margin-right: auto;
}
body.wuxia-dossier-page .wuxia-dossier {
padding-left: max(14px, calc((100vw - 1010px) / 2));
padding-right: max(14px, calc((100vw - 970px) / 2));
}
}
/* Reader inline bookmark action v20260527 */
body.readpage .reader-inline-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
margin: 14px 0 0;
padding: 0;
}
body.readpage .reader-inline-mark {
display: inline-flex;
min-width: 142px;
min-height: 40px;
align-items: center;
justify-content: center;
gap: 7px;
box-sizing: border-box;
border: 1px solid #2d9cdb;
border-radius: 4px;
background: linear-gradient(180deg, #2e9fdd 0%, #2387c5 100%);
color: #fff !important;
font-size: 13px;
font-weight: 900;
line-height: 40px;
text-decoration: none;
box-shadow: 0 8px 20px rgba(32, 135, 198, .18);
}
body.readpage .reader-inline-mark:hover {
border-color: #55b9f8;
background: linear-gradient(180deg, #48afe9 0%, #2b94d7 100%);
color: #fff !important;
}
body.readpage .reader-inline-mark.active {
border-color: #343434;
background: #202020;
color: #e6e6e6 !important;
box-shadow: none;
}
html.wuxia-light-theme body.readpage .reader-inline-mark {
border-color: #147cc2;
background: #147cc2;
color: #fff !important;
box-shadow: none;
}
html.wuxia-light-theme body.readpage .reader-inline-mark.active {
border-color: #d8dee8;
background: #f3f6fa;
color: #20242a !important;
}
@media (min-width: 761px) {
body.readpage .scroll-topbar-inner {
grid-template-columns: 178px minmax(0, 1fr);
}
}
@media (min-width: 1100px) {
body.readpage .scroll-topbar-inner {
width: min(1010px, calc(100vw - 28px));
max-width: min(1010px, calc(100vw - 28px));
}
}
@media (max-width: 760px) {
body.readpage .scroll-topbar-inner {
grid-template-columns: minmax(0, 1fr);
}
body.readpage .reader-inline-actions {
justify-content: stretch;
margin-top: 12px;
}
body.readpage .reader-inline-mark {
width: 100%;
min-width: 0;
min-height: 38px;
font-size: 13px;
line-height: 38px;
}
}
/* Global homepage header skin v20260527 */
body .wuxia-site-header {
border-bottom: 1px solid #2a1621;
background: #101010;
box-shadow: none;
}
body .wuxia-brand-link {
display: inline-flex;
height: 38px;
align-items: center;
color: inherit !important;
font-size: inherit;
line-height: 38px;
text-decoration: none;
}
body .nf-brand-name strong {
display: block;
color: #ff696c;
font-size: 24px;
font-weight: 900;
letter-spacing: 0;
line-height: 38px;
}
body .wuxia-topbar>.wuxia-nav a {
display: inline-flex;
height: 38px;
align-items: center;
gap: 4px;
padding: 0;
border: 0;
background: transparent;
color: #d6d6d6;
font-size: 14px;
font-weight: 800;
line-height: 38px;
}
body .wuxia-topbar>.wuxia-nav a i {
color: #b8b8b8;
}
body .wuxia-topbar>.wuxia-nav a:hover,
body .wuxia-topbar>.wuxia-nav a.pt-active,
body .wuxia-topbar>.wuxia-nav a:hover i,
body .wuxia-topbar>.wuxia-nav a.pt-active i {
color: #fff;
}
body .wuxia-search.searchbox {
position: relative;
display: block;
align-self: center;
width: 100%;
height: 38px;
min-width: 0;
margin: 0;
border: 1px solid #303030;
border-radius: 20px;
background: #181818;
box-shadow: none;
overflow: hidden;
}
body .wuxia-search .text {
display: block;
box-sizing: border-box;
width: 100%;
height: 36px;
padding: 0 16px 0 38px;
border: 0;
background: #181818;
color: #ededed;
font-size: 14px;
line-height: 36px;
outline: none;
}
body .wuxia-search .text::placeholder {
color: #8f98a3;
}
body .wuxia-search .dropmenu {
display: none !important;
}
body .wuxia-search .searchbtn {
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 1px;
padding: 0;
border: 0;
opacity: 0;
pointer-events: none;
}
body .wuxia-action.login-action,
body .wuxia-account-trigger {
min-width: 0;
width: 100%;
height: 38px;
border: 1px solid #2087c6;
border-radius: 4px;
background: #2087c6;
color: #fff !important;
font-size: 13px;
font-weight: 900;
line-height: 38px;
}
body .wuxia-account-panel {
border-color: #303030;
background: #151515;
}
body .wuxia-account-panel a {
color: #d6d6d6;
}
body .wuxia-header-copy {
border-top: 1px solid #202020;
border-bottom: 1px solid #602235;
background: #141414;
}
body .wuxia-header-copy .w-all {
color: #bfc5cc;
font-size: 14px;
font-weight: 800;
line-height: 18px;
}
body.readpage > .ad-placement-top {
display: none !important;
}
html.wuxia-light-theme body .wuxia-site-header {
border-bottom-color: #dfe3ea;
background: #fff;
}
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a,
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a i {
color: #4f5660;
}
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a:hover,
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a.pt-active,
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a:hover i,
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a.pt-active i {
color: #101418;
}
html.wuxia-light-theme body .wuxia-search.searchbox,
html.wuxia-light-theme body .wuxia-search .text {
border-color: #d8dde5;
background: #f7f9fc;
color: #1f2937;
}
html.wuxia-light-theme body .wuxia-header-copy {
border-color: #dfe3ea;
background: #f8fafc;
}
html.wuxia-light-theme body .wuxia-header-copy .w-all {
color: #586271;
}
@media (min-width: 961px) {
body .wuxia-topbar,
body .wuxia-header-copy .w-all {
width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
max-width: min(var(--wuxia-desktop-width), calc(100vw - 28px));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body .wuxia-topbar {
display: grid;
grid-template-columns: 146px minmax(300px, 1fr) minmax(250px, 276px) 100px;
gap: 10px;
align-items: center;
min-height: 58px;
padding: 0;
}
body .wuxia-search.searchbox {
max-width: 276px;
justify-self: stretch;
}
body .wuxia-actions,
body .wuxia-account-menu {
width: 100px;
max-width: 100px;
}
}
@media (max-width: 960px) {
body .wuxia-topbar {
width: auto;
max-width: none;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0;
min-height: auto;
margin: 0;
padding: 8px 10px;
}
body .wuxia-brand-link,
body .nf-brand-name strong {
height: 32px;
line-height: 32px;
}
body .wuxia-nav {
display: none;
grid-column: 1 / -1;
order: 3;
margin-top: 8px;
}
body #mobile-menu-toggle:checked ~ .wuxia-topbar .wuxia-nav {
display: block;
}
body .wuxia-topbar>.wuxia-nav ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
min-height: 0;
padding: 0;
overflow: visible;
}
body .wuxia-topbar>.wuxia-nav a {
justify-content: center;
width: 100%;
height: 34px;
border: 1px solid #2d2d2d;
border-radius: 5px;
background: #181818;
color: #d0d0d0;
font-size: 13px;
line-height: 34px;
box-sizing: border-box;
}
body .wuxia-search.searchbox {
display: none;
grid-column: 1 / -1;
order: 4;
margin-top: 8px;
max-width: none;
}
body #mobile-search-toggle:checked ~ .wuxia-topbar .wuxia-search.searchbox {
display: block;
}
body .wuxia-header-copy .w-all {
width: auto;
max-width: none;
margin: 0;
padding: 8px 10px;
font-size: 12px;
line-height: 17px;
}
html.wuxia-light-theme body .wuxia-topbar>.wuxia-nav a {
border-color: #d8dde5;
background: #fff;
color: #27313c;
}
}
/* Mobile overflow fixes found during axis verification v20260527 */
@media (max-width: 640px) {
body.wuxia-dossier-page .comment-post-button,
body.readpage .comment-post-button {
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
body .archive-filter-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: 100%;
overflow: visible;
}
body .archive-filter-links a {
max-width: 100%;
white-space: normal;
}
}
/* Final desktop 1010 axis alignment v20260527 */
@media (min-width: 961px) {
body {
--wuxia-page-axis-width: 1010px;
--wuxia-page-axis: min(var(--wuxia-page-axis-width), calc(100vw - 28px));
--wuxia-page-axis-left: max(14px, calc((100vw - var(--wuxia-page-axis-width)) / 2));
}
body .wuxia-site-header {
width: 100%;
}
body .wuxia-topbar,
body .wuxia-header-copy .w-all,
body .ad-placement-top,
body .nf-home,
body .archive-directory-shell,
body .archive-genre-page,
body .archive-rank-shell,
body .archive-completed-shell,
body .updates-shell,
body .category-list-shell,
body .rank-shell,
body .completed-shell,
body .genre-page,
body .search-shell,
body .search-results-shell,
body .review-shell,
body .static-shell,
body .auth-shell {
width: var(--wuxia-page-axis);
max-width: var(--wuxia-page-axis);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-crumb-trail,
body.wuxia-dossier-page .ad-placement-top,
body.wuxia-dossier-page .nf-info-quick-grid,
body.wuxia-dossier-page .wuxia-dossier-layout {
width: var(--wuxia-page-axis);
max-width: var(--wuxia-page-axis);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-dossier {
grid-template-columns: 310px minmax(0, 1fr);
padding-left: var(--wuxia-page-axis-left);
padding-right: var(--wuxia-page-axis-left);
}
body.readpage .scroll-stage,
body.readpage .reader-inline-actions,
body.readpage .scroll-nav,
body.readpage .scroll-tools,
body.readpage .ad-placement-readtop,
body.readpage .ad-placement-readbottom,
body.readpage .scroll-context-note,
body.readpage .scroll-bottom-note,
body.readpage .site-inline-share,
body.readpage .scroll-stage .operate,
body.readpage .readingTips,
body.readpage .scroll-suggestions,
body.readpage .comment-card-area {
width: var(--wuxia-page-axis);
max-width: var(--wuxia-page-axis);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.readpage .scroll-stage {
border: 0;
background: transparent;
box-shadow: none;
}
body.readpage .scroll-title,
body.readpage #chaptercontent,
body.readpage .scroll-stage .content {
box-sizing: border-box;
width: var(--wuxia-page-axis);
max-width: var(--wuxia-page-axis);
margin-left: auto;
margin-right: auto;
padding-left: 55px;
padding-right: 55px;
}
body.readpage .reader-inline-actions {
padding-left: 55px;
padding-right: 55px;
}
}
/* Ranking mobile tabs wrap fix v20260527 */
@media (max-width: 640px) {
body .nf-rank-tabs .archive-filter-links {
display: flex !important;
flex-wrap: wrap !important;
overflow: visible !important;
gap: 8px !important;
}
body .nf-rank-tabs .archive-filter-links a {
flex: 1 1 calc(50% - 8px) !important;
justify-content: center;
min-width: 0;
max-width: 100%;
text-align: center;
}
}
/* Header logged-in account containment v20260527 */
body .wuxia-actions,
body .wuxia-account-menu {
box-sizing: border-box;
min-width: 0;
}
body .wuxia-account-menu {
position: relative;
display: block;
overflow: visible;
}
body .wuxia-account-menu > summary.wuxia-account-trigger {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
list-style: none;
overflow: hidden;
}
body .wuxia-account-menu > summary.wuxia-account-trigger::-webkit-details-marker {
display: none;
}
body .wuxia-account-trigger b {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .wuxia-account-trigger i,
body .wuxia-account-trigger.wuxia-action:after {
flex: 0 0 auto;
}
@media (min-width: 961px) {
body .wuxia-actions,
body .wuxia-account-menu {
width: 100px !important;
max-width: 100px !important;
justify-self: end;
}
body .wuxia-account-trigger.wuxia-action,
body .wuxia-action.login-action {
width: 100% !important;
max-width: 100% !important;
height: 38px;
padding-left: 7px;
padding-right: 7px;
box-sizing: border-box;
}
body .wuxia-account-trigger.wuxia-action {
justify-content: center;
gap: 4px;
}
body .wuxia-account-trigger.wuxia-action:after {
margin-left: 1px;
border-width: 4px;
}
}
/* Novel info page axis alignment fix v20260527 */
body.wuxia-dossier-page {
--wuxia-info-axis-width: 1010px;
--wuxia-info-axis: min(var(--wuxia-info-axis-width), calc(100vw - 28px));
--wuxia-info-axis-left: max(14px, calc((100vw - var(--wuxia-info-axis-width)) / 2));
}
@media (min-width: 961px) {
body.wuxia-dossier-page .wuxia-site-header:after {
left: 50%;
right: auto;
width: var(--wuxia-info-axis);
transform: translateX(-50%);
}
body.wuxia-dossier-page .wuxia-header-copy {
border-bottom: 0;
}
body.wuxia-dossier-page .wuxia-header-copy .w-all {
width: var(--wuxia-info-axis);
max-width: var(--wuxia-info-axis);
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #602235;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-dossier-shell {
width: 100%;
max-width: none;
margin: 0;
padding-right: 0;
padding-left: 0;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-crumb-trail,
body.wuxia-dossier-page .ad-placement-top,
body.wuxia-dossier-page .nf-info-quick-grid,
body.wuxia-dossier-page .wuxia-dossier-layout {
width: var(--wuxia-info-axis);
max-width: var(--wuxia-info-axis);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-crumb-trail {
box-shadow: none;
clip-path: none;
}
body.wuxia-dossier-page .ad-placement-top {
display: block;
}
body.wuxia-dossier-page .wuxia-dossier {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: var(--wuxia-info-axis-left);
padding-right: var(--wuxia-info-axis-left);
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-panel,
body.wuxia-dossier-page .wuxia-scroll-archive,
body.wuxia-dossier-page .commentarea,
body.wuxia-dossier-page .comment-card-area {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
}
@media (max-width: 960px) {
body.wuxia-dossier-page .wuxia-site-header:after {
left: 10px;
right: 10px;
width: auto;
transform: none;
}
body.wuxia-dossier-page .wuxia-header-copy {
border-bottom: 0;
}
body.wuxia-dossier-page .wuxia-header-copy .w-all {
width: auto;
max-width: none;
margin-right: 10px;
margin-left: 10px;
border-bottom: 1px solid #602235;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-crumb-trail,
body.wuxia-dossier-page .ad-placement-top,
body.wuxia-dossier-page .nf-info-quick-grid,
body.wuxia-dossier-page .wuxia-dossier-layout {
width: auto;
max-width: none;
margin-right: 10px;
margin-left: 10px;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-crumb-trail {
box-shadow: none;
clip-path: none;
}
}
html.wuxia-light-theme body.wuxia-dossier-page .wuxia-header-copy .w-all {
border-bottom-color: #dfe3ea;
}
/* Reader toolbar bookmark placement v20260527 */
body.readpage .reader-inline-actions {
display: none !important;
}
body.readpage .scroll-tools {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 50px;
}
body.readpage .reader-font-group {
display: flex;
min-width: 0;
align-items: center;
gap: 12px;
}
body.readpage .reader-toolbar-actions {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
}
body.readpage .reader-toolbar-bookmark {
display: inline-flex;
min-width: 126px;
height: 34px;
align-items: center;
justify-content: center;
gap: 7px;
box-sizing: border-box;
padding: 0 14px;
border: 1px solid #343434;
border-radius: 4px;
background: #191919;
color: #d7dde5 !important;
font-size: 12px;
font-weight: 900;
line-height: 34px;
text-decoration: none;
white-space: nowrap;
}
body.readpage .reader-toolbar-bookmark:hover {
border-color: #4a4a4a;
background: #202020;
color: #fff !important;
}
body.readpage .reader-toolbar-bookmark.active {
border-color: #2087c6;
background: #2087c6;
color: #fff !important;
}
body.readpage .reader-toolbar-bookmark i {
flex: 0 0 auto;
}
html.wuxia-light-theme body.readpage .reader-toolbar-bookmark {
border-color: #d8dee8;
background: #f7f9fc;
color: #20242a !important;
}
html.wuxia-light-theme body.readpage .reader-toolbar-bookmark:hover {
border-color: #b8c3d3;
background: #eef3f9;
color: #101418 !important;
}
html.wuxia-light-theme body.readpage .reader-toolbar-bookmark.active {
border-color: #147cc2;
background: #147cc2;
color: #fff !important;
}
@media (max-width: 640px) {
body.readpage .scroll-tools {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
min-height: 0;
}
body.readpage .reader-font-group {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 8px;
align-items: center;
}
body.readpage .scroll-font-tools {
display: flex;
min-width: 0;
flex-wrap: wrap;
justify-content: flex-end;
gap: 6px;
}
body.readpage .reader-toolbar-actions,
body.readpage .reader-toolbar-bookmark {
width: 100%;
min-width: 0;
}
}
/* Browse, ranking, updates and tags hero polish v20260527 */
body.genre-index-page .archive-breadcrumb,
body.nf-list-page .archive-breadcrumb {
display: flex;
min-height: 32px;
align-items: center;
flex-wrap: wrap;
gap: 9px;
margin: 0 0 14px;
padding: 0;
color: #777;
font-size: 15px;
font-weight: 800;
line-height: 32px;
background: transparent;
box-shadow: none;
}
body.genre-index-page .archive-breadcrumb a,
body.genre-index-page .archive-breadcrumb strong,
body.nf-list-page .archive-breadcrumb a,
body.nf-list-page .archive-breadcrumb strong {
display: inline-flex;
min-width: 0;
align-items: center;
color: #b0b0b0 !important;
font-size: 15px;
font-weight: 900;
line-height: 32px;
}
body.genre-index-page .archive-breadcrumb span,
body.nf-list-page .archive-breadcrumb span {
color: #575757;
font-size: 15px;
font-weight: 900;
}
body.genre-index-page .archive-breadcrumb i,
body.nf-list-page .archive-breadcrumb i {
color: #b8c0ca;
font-size: 20px;
line-height: 1;
}
body.genre-index-page .genre-heading,
body.nf-list-page .nf-list-hero {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 22px;
margin: 0 0 22px;
padding: 24px 0 18px;
border: 0;
border-bottom: 1px solid #303030;
background: transparent;
box-shadow: none;
}
body.genre-index-page .genre-heading-copy,
body.nf-list-page .nf-list-hero > div {
min-width: 0;
}
body.genre-index-page .genre-kicker,
body.nf-list-page .nf-list-hero span {
display: inline-flex;
width: auto;
max-width: 100%;
margin: 0 0 9px;
padding: 0;
border: 0;
background: transparent;
color: #2d9cdb;
font-size: 13px;
font-weight: 900;
line-height: 1.25;
text-transform: uppercase;
}
body.genre-index-page .genre-heading h1,
body.nf-list-page .nf-list-hero h1 {
margin: 0;
color: #f1f3f6;
font-size: 34px;
font-weight: 900;
line-height: 1.12;
}
body.genre-index-page .genre-heading p,
body.nf-list-page .nf-list-hero p {
max-width: 710px;
margin: 10px 0 0;
color: #c9d1dc;
font-size: 15px;
line-height: 1.6;
}
body.genre-index-page .genre-all-cta,
body.nf-list-page .nf-list-hero > a {
flex: 0 0 auto;
display: inline-flex;
min-height: 40px;
align-items: center;
justify-content: center;
gap: 8px;
box-sizing: border-box;
padding: 0 17px;
border: 1px solid #2d9cdb;
border-radius: 5px;
background: #173042;
color: #fff !important;
font-size: 13px;
font-weight: 900;
line-height: 40px;
text-align: center;
white-space: nowrap;
box-shadow: 0 10px 28px rgba(45, 156, 219, .12);
}
body.genre-index-page .genre-all-cta:hover,
body.nf-list-page .nf-list-hero > a:hover {
border-color: #53b9f2;
background: #1e4560;
color: #fff !important;
}
html.wuxia-light-theme body.genre-index-page .archive-breadcrumb,
html.wuxia-light-theme body.nf-list-page .archive-breadcrumb {
color: #626b78;
background: transparent;
box-shadow: none;
}
html.wuxia-light-theme body.genre-index-page .archive-breadcrumb a,
html.wuxia-light-theme body.genre-index-page .archive-breadcrumb strong,
html.wuxia-light-theme body.nf-list-page .archive-breadcrumb a,
html.wuxia-light-theme body.nf-list-page .archive-breadcrumb strong {
color: #27313c !important;
}
html.wuxia-light-theme body.genre-index-page .archive-breadcrumb span,
html.wuxia-light-theme body.nf-list-page .archive-breadcrumb span {
color: #8a94a3;
}
html.wuxia-light-theme body.genre-index-page .archive-breadcrumb i,
html.wuxia-light-theme body.nf-list-page .archive-breadcrumb i {
color: #4d5968;
}
html.wuxia-light-theme body.genre-index-page .genre-heading,
html.wuxia-light-theme body.nf-list-page .nf-list-hero {
border-bottom-color: #dfe3ea;
}
html.wuxia-light-theme body.genre-index-page .genre-heading h1,
html.wuxia-light-theme body.nf-list-page .nf-list-hero h1 {
color: #171b22;
}
html.wuxia-light-theme body.genre-index-page .genre-heading p,
html.wuxia-light-theme body.nf-list-page .nf-list-hero p {
color: #4f5967;
}
@media (max-width: 860px) {
body.genre-index-page .genre-heading,
body.nf-list-page .nf-list-hero {
display: block;
padding: 20px 0 16px;
}
body.genre-index-page .genre-all-cta,
body.nf-list-page .nf-list-hero > a {
margin-top: 14px;
}
}
@media (max-width: 640px) {
body.genre-index-page .archive-breadcrumb,
body.nf-list-page .archive-breadcrumb {
min-height: 28px;
gap: 7px;
margin-bottom: 10px;
font-size: 13px;
line-height: 28px;
}
body.genre-index-page .archive-breadcrumb a,
body.genre-index-page .archive-breadcrumb strong,
body.nf-list-page .archive-breadcrumb a,
body.nf-list-page .archive-breadcrumb strong,
body.genre-index-page .archive-breadcrumb span,
body.nf-list-page .archive-breadcrumb span {
font-size: 13px;
line-height: 28px;
}
body.genre-index-page .archive-breadcrumb i,
body.nf-list-page .archive-breadcrumb i {
font-size: 18px;
}
body.genre-index-page .genre-heading,
body.nf-list-page .nf-list-hero {
margin-bottom: 16px;
padding: 16px 0 14px;
}
body.genre-index-page .genre-kicker,
body.nf-list-page .nf-list-hero span {
margin-bottom: 7px;
font-size: 12px;
}
body.genre-index-page .genre-heading h1,
body.nf-list-page .nf-list-hero h1 {
font-size: 24px;
line-height: 1.18;
}
body.genre-index-page .genre-heading p,
body.nf-list-page .nf-list-hero p {
margin-top: 8px;
font-size: 13px;
line-height: 1.55;
}
body.genre-index-page .genre-all-cta,
body.nf-list-page .nf-list-hero > a {
width: 100%;
min-height: 38px;
margin-top: 12px;
padding: 0 12px;
line-height: 38px;
}
}
/* Novel info quick cards fixed width v20260527 */
@media (min-width: 1040px) {
body.wuxia-dossier-page .nf-info-quick-grid {
grid-template-columns: repeat(2, 480px);
justify-content: space-between;
gap: 0;
}
body.wuxia-dossier-page .nf-info-quick-card {
width: 480px;
max-width: 480px;
box-sizing: border-box;
}
}
@media (min-width: 961px) and (max-width: 1039px) {
body.wuxia-dossier-page .nf-info-quick-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
body.wuxia-dossier-page .nf-info-quick-card {
width: auto;
max-width: 100%;
}
}
@media (max-width: 960px) {
body.wuxia-dossier-page .nf-info-quick-grid {
grid-template-columns: 1fr;
}
body.wuxia-dossier-page .nf-info-quick-card {
width: auto;
max-width: 100%;
}
}
/* NovelFire-inspired info page balance v20260527 */
body.wuxia-dossier-page {
background: #0f0f0f;
color: #d8dde5;
}
body.wuxia-dossier-page a {
color: #2d9cdb;
}
body.wuxia-dossier-page a:hover {
color: #67c7ff;
}
body.wuxia-dossier-page .wuxia-dossier-shell {
background: #0f0f0f;
color: #d8dde5;
}
body.wuxia-dossier-page .wuxia-header-copy {
background: #111;
}
body.wuxia-dossier-page .wuxia-header-copy .w-all {
color: #cfd6df;
}
body.wuxia-dossier-page .wuxia-crumb-trail {
min-height: 38px;
margin-bottom: 18px;
color: #8f98a3;
background: #141414;
font-size: 14px;
line-height: 38px;
}
body.wuxia-dossier-page .wuxia-crumb-trail li,
body.wuxia-dossier-page .wuxia-crumb-trail a {
color: #8f98a3;
}
body.wuxia-dossier-page .ad-placement-top {
min-height: 96px;
margin-top: 0;
margin-bottom: 18px;
border: 1px dashed #2b2b2b;
background: #151515;
color: #8f98a3;
}
body.wuxia-dossier-page .wuxia-dossier {
border: 0;
background: #141414;
box-shadow: none;
}
body.wuxia-dossier-page .wuxia-dossier-cover img {
border: 1px solid #2b2b2b;
background: #1a1a1a;
box-shadow: 0 18px 38px rgba(0, 0, 0, .32);
}
body.wuxia-dossier-page .wuxia-dossier-main h1 {
color: #f1f3f6;
font-size: 36px;
line-height: 1.15;
}
body.wuxia-dossier-page .wuxia-dossier-byline,
body.wuxia-dossier-page .wuxia-dossier-byline a {
color: #aab3bf;
}
body.wuxia-dossier-page .wuxia-dossier-stats div,
body.wuxia-dossier-page .wuxia-status-ledger div {
border: 1px solid #2b2b2b;
background: #1a1a1a;
}
body.wuxia-dossier-page .wuxia-dossier-stats dt,
body.wuxia-dossier-page .wuxia-status-ledger dt {
color: #8f98a3;
}
body.wuxia-dossier-page .wuxia-dossier-stats dd,
body.wuxia-dossier-page .wuxia-status-ledger dd {
color: #eef3f9;
}
body.wuxia-dossier-page .wuxia-latest-scroll {
border-left-color: #2d9cdb;
background: #151f27;
}
body.wuxia-dossier-page .wuxia-latest-scroll span {
color: #8fd0ff;
}
body.wuxia-dossier-page .wuxia-mark-list a,
body.wuxia-dossier-page .wuxia-mark-list span {
border: 1px solid #2f343b;
background: #181818;
color: #c7d0dc;
}
body.wuxia-dossier-page .site-inline-share {
border-color: #2b2b2b;
background: #171717;
}
body.wuxia-dossier-page .site-inline-share-option {
border-color: #303640;
background: #1c1c1c;
color: #cfd6df;
}
body.wuxia-dossier-page .wuxia-hero-rating {
border: 1px solid #2b2b2b;
background: #171717;
color: #cfd6df;
}
body.wuxia-dossier-page .wuxia-dossier-actions a,
body.wuxia-dossier-page .wuxia-dossier-actions .btn-mark {
min-height: 42px;
border: 1px solid #303640;
border-radius: 4px;
background: #1a1a1a;
color: #d8dde5 !important;
}
body.wuxia-dossier-page .wuxia-dossier-actions .wuxia-primary-action {
border-color: #2d9cdb;
background: #2587c9;
color: #fff !important;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:hover {
border-color: #3fb0ed;
background: #1d2a33;
color: #fff !important;
}
body.wuxia-dossier-page .nf-info-quick-grid {
margin-top: 22px;
margin-bottom: 26px;
}
body.wuxia-dossier-page .nf-info-quick-card {
min-height: 132px;
padding: 18px;
border: 2px solid #777;
border-radius: 5px;
background: #171717;
color: #d8dde5;
box-shadow: none;
}
body.wuxia-dossier-page .nf-info-quick-card:hover,
body.wuxia-dossier-page .nf-info-quick-card.is-open {
border-color: #2d9cdb;
background: #1a2026;
}
body.wuxia-dossier-page .nf-info-card-title {
color: #d8dde5;
font-size: 24px;
letter-spacing: 2px;
}
body.wuxia-dossier-page .nf-info-card-main {
color: #aeb7c3;
font-size: 14px;
}
body.wuxia-dossier-page .nf-info-card-sub,
body.wuxia-dossier-page .nf-info-quick-card i {
color: #8f98a3;
}
body.wuxia-dossier-page .wuxia-panel,
body.wuxia-dossier-page .wuxia-scroll-archive,
body.wuxia-dossier-page .comment-card-area {
border: 1px solid #2b2b2b;
background: #171717;
box-shadow: none;
}
body.wuxia-dossier-page .wuxia-panel-head,
body.wuxia-dossier-page .category-list-title,
body.wuxia-dossier-page .rank-list-title,
body.wuxia-dossier-page .archive-panel-head {
border-bottom: 1px solid #2b2b2b;
background: #171717;
}
body.wuxia-dossier-page .wuxia-panel-head h2,
body.wuxia-dossier-page .comment-card-head h2,
body.wuxia-dossier-page .comment-card-head h3 {
color: #d8dde5;
font-size: 26px;
font-weight: 900;
}
body.wuxia-dossier-page .novelintro,
body.wuxia-dossier-page .wuxia-panel-body,
body.wuxia-dossier-page .comment-card-content {
color: #d8dde5;
}
body.wuxia-dossier-page .book-recommend {
background: #171717;
}
body.wuxia-dossier-page .book-recommend-card,
body.wuxia-dossier-page .wuxia-path-card {
background: transparent;
color: #d8dde5;
}
body.wuxia-dossier-page .book-recommend-title,
body.wuxia-dossier-page .wuxia-path-main h3 {
color: #e6ebf2;
}
body.wuxia-dossier-page .book-recommend-meta,
body.wuxia-dossier-page .wuxia-path-main p {
color: #8f98a3;
}
body.wuxia-dossier-page .wuxia-scroll-toolbar,
body.wuxia-dossier-page .wuxia-scroll-list li {
border-color: #2b2b2b;
}
body.wuxia-dossier-page .wuxia-scroll-list a {
color: #d8dde5;
}
body.wuxia-dossier-page .wuxia-scroll-list a:hover {
color: #67c7ff;
}
body.wuxia-dossier-page .chapter-date {
color: #8f98a3;
}
body.wuxia-dossier-page .chapter-panel-toggle,
body.wuxia-dossier-page .chapter-page-size,
body.wuxia-dossier-page .chapter-sort-toggle,
body.wuxia-dossier-page .chapter-view-toggle {
border-color: #303640;
background: #1a1a1a;
color: #d8dde5;
}
body.wuxia-dossier-page .comment-rule-box,
body.wuxia-dossier-page .comment-empty .tips,
body.wuxia-dossier-page .comment-compose form,
body.wuxia-dossier-page .comment-card-list .comment-card {
border-color: #2b2b2b;
background: #121212;
color: #d8dde5;
}
body.wuxia-dossier-page .comment-compose textarea.text {
border-color: #2b2b2b;
background: #171717;
color: #d8dde5;
}
@media (min-width: 1040px) {
body.wuxia-dossier-page .nf-info-quick-grid {
grid-template-columns: repeat(2, 480px);
justify-content: space-between;
gap: 0;
}
}
@media (max-width: 960px) {
body.wuxia-dossier-page {
background: #0f0f0f;
}
body.wuxia-dossier-page .wuxia-dossier {
background: #141414;
}
body.wuxia-dossier-page .wuxia-dossier-main h1 {
font-size: 30px;
}
body.wuxia-dossier-page .nf-info-quick-card {
min-height: 112px;
padding: 15px;
}
body.wuxia-dossier-page .nf-info-card-title {
font-size: 21px;
letter-spacing: 1px;
}
}
html:not(.wuxia-light-theme) body.wuxia-dossier-page {
background: #0f0f0f;
}
/* Reader font tools readability v20260527 */
body.readpage .scroll-tools {
min-height: 48px;
padding: 8px 12px;
gap: 12px;
border-color: #2f2f2f;
background: #151515;
}
body.readpage .reader-font-group {
gap: 10px;
}
body.readpage .scroll-tools-label {
color: #d8dde5;
font-size: 13px;
font-weight: 900;
line-height: 1.2;
white-space: nowrap;
}
body.readpage .scroll-font-tools {
gap: 7px;
}
body.readpage .reader-font-btn,
body.readpage .reader-font-reset,
body.readpage .reader-font-size {
display: inline-flex;
height: 32px;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: 1px solid #363b44;
border-radius: 4px;
background: #1d1d1d;
color: #eef3f8;
font-size: 13px;
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
body.readpage .reader-font-btn {
min-width: 38px;
}
body.readpage .reader-font-reset {
min-width: 62px;
padding: 0 12px;
}
body.readpage .reader-font-size {
min-width: 50px;
padding: 0 9px;
border-color: #2d5f83;
background: #162331;
color: #67c7ff;
}
body.readpage .reader-font-btn:hover,
body.readpage .reader-font-reset:hover {
border-color: #2087c6;
background: #202a33;
color: #fff;
}
body.readpage .reader-toolbar-bookmark {
height: 32px;
line-height: 32px;
}
html.wuxia-light-theme body.readpage .scroll-tools {
border-color: #d9e0ea;
background: #f7f9fc;
color: #2f3742;
}
html.wuxia-light-theme body.readpage .scroll-tools-label {
color: #20242a;
}
html.wuxia-light-theme body.readpage .reader-font-btn,
html.wuxia-light-theme body.readpage .reader-font-reset {
border-color: #cdd6e3;
background: #fff;
color: #20242a;
}
html.wuxia-light-theme body.readpage .reader-font-size {
border-color: #9fcce9;
background: #eaf6ff;
color: #126da7;
}
html.wuxia-light-theme body.readpage .reader-font-btn:hover,
html.wuxia-light-theme body.readpage .reader-font-reset:hover {
border-color: #147cc2;
background: #eef7ff;
color: #0d4f7b;
}
@media (max-width: 640px) {
body.readpage .scroll-tools {
padding: 10px;
gap: 10px;
}
body.readpage .reader-font-group {
grid-template-columns: 1fr;
gap: 7px;
}
body.readpage .scroll-font-tools {
justify-content: flex-start;
gap: 6px;
}
body.readpage .reader-font-btn {
min-width: 38px;
}
body.readpage .reader-font-reset {
min-width: 62px;
}
body.readpage .reader-font-size {
min-width: 50px;
}
}
/* Reader chapter list modal alignment v20260527 */
body.readpage .reader-chapter-modal {
align-items: center;
padding: 16px;
}
body.readpage .reader-chapter-modal-panel {
width: min(780px, calc(100vw - 32px));
max-height: min(820px, calc(100vh - 32px));
border-color: #2a2a2a;
border-radius: 6px;
background: #171717;
}
body.readpage .reader-chapter-modal-head {
min-height: 54px;
padding: 0 20px;
}
body.readpage .reader-chapter-modal-head h2 {
font-size: 20px;
line-height: 1.2;
}
body.readpage .reader-chapter-modal-close {
width: 36px;
height: 36px;
flex-basis: 36px;
font-size: 32px;
}
body.readpage .reader-chapter-modal-tools {
grid-template-columns: minmax(0, 1fr) 132px 112px 86px;
gap: 10px;
align-items: center;
padding: 12px 20px;
}
body.readpage .reader-chapter-search-wrap,
body.readpage .reader-chapter-bookmark,
body.readpage .reader-chapter-sort,
body.readpage .reader-chapter-page-size {
height: 42px;
border-radius: 5px;
}
body.readpage .reader-chapter-search-wrap {
grid-template-columns: 22px minmax(0, 1fr);
padding: 0 12px;
}
body.readpage .reader-chapter-search-wrap i {
font-size: 16px;
}
body.readpage .reader-chapter-search {
height: 40px;
font-size: 14px;
}
body.readpage .reader-chapter-bookmark,
body.readpage .reader-chapter-sort {
min-width: 0;
padding: 0 10px;
font-size: 13px;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
body.readpage .reader-chapter-page-size {
padding: 0 10px;
font-size: 13px;
}
body.readpage .reader-chapter-modal-body {
padding: 12px 20px 12px;
border-top: 0;
}
body.readpage .reader-chapter-dialog-list {
gap: 8px;
}
body.readpage .reader-chapter-dialog-list a {
min-height: 44px;
padding: 0 13px;
border-radius: 5px;
font-size: 15px;
}
body.readpage .reader-chapter-dialog-pagination {
min-height: 62px;
padding: 11px 20px 14px;
}
body.readpage .reader-chapter-dialog-pagination button {
min-width: 34px;
height: 34px;
font-size: 14px;
}
html.wuxia-light-theme body.readpage .reader-chapter-modal-panel {
border-color: #dfe4ec;
background: #fff;
}
@media (max-width: 640px) {
body.readpage .reader-chapter-modal {
align-items: flex-start;
padding: 8px;
}
body.readpage .reader-chapter-modal-panel {
width: calc(100vw - 16px);
max-height: calc(100vh - 16px);
border-radius: 5px;
}
body.readpage .reader-chapter-modal-head {
min-height: 50px;
padding: 0 14px;
}
body.readpage .reader-chapter-modal-head h2 {
font-size: 18px;
}
body.readpage .reader-chapter-modal-close {
width: 34px;
height: 34px;
flex-basis: 34px;
font-size: 30px;
}
body.readpage .reader-chapter-modal-tools {
grid-template-columns: minmax(0, 1fr) 82px;
gap: 8px;
padding: 10px 12px;
}
body.readpage .reader-chapter-search-wrap,
body.readpage .reader-chapter-bookmark {
grid-column: 1 / -1;
}
body.readpage .reader-chapter-search-wrap,
body.readpage .reader-chapter-bookmark,
body.readpage .reader-chapter-sort,
body.readpage .reader-chapter-page-size {
height: 42px;
}
body.readpage .reader-chapter-search {
height: 40px;
font-size: 13px;
}
body.readpage .reader-chapter-bookmark,
body.readpage .reader-chapter-sort,
body.readpage .reader-chapter-page-size {
font-size: 13px;
line-height: 40px;
}
body.readpage .reader-chapter-modal-body {
padding: 10px 12px;
}
body.readpage .reader-chapter-dialog-list a {
min-height: 42px;
padding: 0 11px;
font-size: 14px;
}
body.readpage .reader-chapter-dialog-pagination {
min-height: 58px;
padding: 10px 12px 12px;
}
body.readpage .reader-chapter-dialog-pagination button {
min-width: 32px;
height: 32px;
font-size: 13px;
}
}
/* Reader header and content axis fix v20260527 */
body.readpage .wuxia-search.searchbox {
box-sizing: border-box;
height: 38px;
max-width: 276px;
}
body.readpage .wuxia-search .text {
box-sizing: border-box;
height: 36px;
line-height: 36px;
}
body.readpage .scroll-reader,
body.readpage .scroll-stage {
margin-top: 0;
padding-top: 0;
}
html:not(.wuxia-light-theme) body.readpage {
background: linear-gradient(
90deg,
#101010 0,
#101010 max(0px, calc((100vw - 1010px) / 2)),
#151515 max(0px, calc((100vw - 1010px) / 2)),
#151515 min(100vw, calc((100vw + 1010px) / 2)),
#101010 min(100vw, calc((100vw + 1010px) / 2)),
#101010 100%
);
}
html:not(.wuxia-light-theme) body.readpage .scroll-reader {
background: transparent;
}
html:not(.wuxia-light-theme) body.readpage .scroll-stage {
background: #151515;
}
@media (min-width: 961px) {
body.readpage .wuxia-topbar,
body.readpage .wuxia-header-copy .w-all,
body.readpage .scroll-stage,
body.readpage .scroll-title,
body.readpage .scroll-nav,
body.readpage .scroll-tools,
body.readpage .ad-placement-readtop,
body.readpage .ad-placement-readbottom,
body.readpage .scroll-context-note,
body.readpage #chaptercontent,
body.readpage .scroll-stage .content,
body.readpage .scroll-bottom-note,
body.readpage .site-inline-share,
body.readpage .scroll-stage .operate,
body.readpage .readingTips,
body.readpage .scroll-suggestions,
body.readpage .comment-card-area {
width: min(1010px, calc(100vw - 28px));
max-width: min(1010px, calc(100vw - 28px));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.readpage .scroll-title,
body.readpage #chaptercontent,
body.readpage .scroll-stage .content {
padding-left: 55px;
padding-right: 55px;
}
}
@media (max-width: 960px) {
html:not(.wuxia-light-theme) body.readpage {
background: #101010;
}
}
/* Novel info Summary long-text wrap fix v20260528 */
body.wuxia-dossier-page .wuxia-dossier-layout,
body.wuxia-dossier-page .wuxia-dossier-content,
body.wuxia-dossier-page .wuxia-panel,
body.wuxia-dossier-page .wuxia-synopsis,
body.wuxia-dossier-page .novelintro {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-synopsis,
body.wuxia-dossier-page .novelintro {
overflow-x: clip;
}
body.wuxia-dossier-page .novelintro,
body.wuxia-dossier-page .novelintro p,
body.wuxia-dossier-page .novelintro div,
body.wuxia-dossier-page .novelintro span,
body.wuxia-dossier-page .novelintro a,
body.wuxia-dossier-page .novelintro strong,
body.wuxia-dossier-page .novelintro em {
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
/* Novel info stats centering and gotop color polish v20260528 */
body.wuxia-dossier-page .wuxia-dossier-stats div,
body.wuxia-dossier-page .wuxia-hero-rating dl div {
display: flex;
min-width: 0;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-dossier-stats dt,
body.wuxia-dossier-page .wuxia-dossier-stats dd,
body.wuxia-dossier-page .wuxia-hero-rating dt,
body.wuxia-dossier-page .wuxia-hero-rating dd {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
body.wuxia-dossier-page .wuxia-dossier-stats dd,
body.wuxia-dossier-page .wuxia-hero-rating dd {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
font-weight: 900;
}
body.wuxia-dossier-page .wuxia-dossier-stats dd span,
body.wuxia-dossier-page .wuxia-hero-rating dd span {
display: inline-flex;
min-width: 0;
align-items: center;
justify-content: center;
text-align: center;
}
html:not(.wuxia-light-theme) body .gotop {
border: 1px solid #27455d;
border-radius: 4px;
background: #172331;
color: #f4f8fb;
box-shadow: 0 12px 28px rgba(0, 0, 0, .34);
}
html:not(.wuxia-light-theme) body .gotop:hover {
border-color: #3fb0ed;
background: #1f8fd1;
color: #fff;
}
body .gotop i {
color: inherit;
line-height: inherit;
}
html.wuxia-light-theme body .gotop {
border: 1px solid #b8cfe0;
border-radius: 4px;
background: #f7fbff;
color: #147cc2;
box-shadow: 0 10px 24px rgba(31, 54, 35, .14);
}
html.wuxia-light-theme body .gotop:hover {
border-color: #147cc2;
background: #147cc2;
color: #fff;
}
/* Reader search alignment and You May Also Like shelf v20260528 */
body.readpage .wuxia-search.searchbox {
display: block;
position: relative;
width: 276px;
max-width: 276px;
height: 38px;
box-sizing: border-box;
overflow: hidden;
}
body.readpage .wuxia-search.searchbox:before {
left: 16px;
top: 11px;
width: 14px;
height: 14px;
border-width: 2px;
}
body.readpage .wuxia-search.searchbox:after {
left: 29px;
top: 24px;
width: 7px;
height: 2px;
}
body.readpage .wuxia-search label {
display: block;
width: 100%;
height: 100%;
min-width: 0;
}
body.readpage .wuxia-search .text {
display: block;
width: 100%;
height: 36px;
padding: 0 14px 0 46px;
box-sizing: border-box;
line-height: 36px;
}
body.readpage .scroll-suggestions {
border: 0;
background: transparent;
box-shadow: none;
}
body.readpage .scroll-suggestions-head {
padding: 0 0 11px;
margin-bottom: 14px;
border-bottom: 1px solid #292929;
background: transparent;
}
body.readpage .scroll-suggestions-head h2 {
color: #ededed;
font-size: 22px;
font-weight: 900;
line-height: 1.25;
}
body.readpage .scroll-suggestions-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 18px 14px;
padding: 0;
}
body.readpage .scroll-suggestion-card {
display: block;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
}
body.readpage .scroll-suggestion-cover {
display: block;
aspect-ratio: 2 / 3;
overflow: hidden;
background: #202020;
}
body.readpage .scroll-suggestion-cover img {
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center top;
background: #202020;
}
body.readpage .scroll-suggestion-main {
min-width: 0;
}
body.readpage .scroll-suggestion-reason,
body.readpage .scroll-suggestion-meta,
body.readpage .scroll-suggestion-intro {
display: none;
}
body.readpage .scroll-suggestion-main h3 {
margin: 7px 0 0;
font-size: 12px;
font-weight: 800;
line-height: 1.25;
}
body.readpage .scroll-suggestion-main h3 a {
display: -webkit-box;
color: #dfe7ee;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.readpage .scroll-suggestion-main h3 a:hover {
color: #3fb0ed;
}
html.wuxia-light-theme body.readpage .scroll-suggestions {
background: transparent;
color: #20242a;
}
html.wuxia-light-theme body.readpage .scroll-suggestions-head {
border-bottom-color: #dfe3ea;
background: transparent;
}
html.wuxia-light-theme body.readpage .scroll-suggestions-head h2 {
color: #20242a;
}
html.wuxia-light-theme body.readpage .scroll-suggestion-card {
border: 0;
background: transparent;
}
html.wuxia-light-theme body.readpage .scroll-suggestion-cover,
html.wuxia-light-theme body.readpage .scroll-suggestion-cover img {
background: #eef2f6;
}
html.wuxia-light-theme body.readpage .scroll-suggestion-main h3 a {
color: #20242a;
}
html.wuxia-light-theme body.readpage .scroll-suggestion-main h3 a:hover {
color: #147cc2;
}
@media (max-width: 960px) {
body.readpage .wuxia-search.searchbox {
width: auto;
max-width: none;
}
body.readpage .scroll-suggestions-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px 12px;
}
}
@media (max-width: 640px) {
body.readpage .scroll-suggestions-head h2 {
font-size: 20px;
}
body.readpage .scroll-suggestions-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 15px 10px;
}
body.readpage .scroll-suggestion-main h3 {
font-size: 11px;
}
}
/* Novel info stats spacing refinement v20260528 */
body.wuxia-dossier-page .wuxia-dossier-stats div {
display: grid;
min-height: 56px;
align-content: center;
justify-items: center;
row-gap: 4px;
padding-top: 7px;
padding-bottom: 8px;
text-align: center;
}
body.wuxia-dossier-page .wuxia-dossier-stats dt {
margin: 0;
line-height: 1.15;
}
body.wuxia-dossier-page .wuxia-dossier-stats dd {
display: flex;
width: 100%;
min-height: 24px;
align-items: center;
justify-content: center;
margin: 0;
line-height: 1.05;
}
body.wuxia-dossier-page .wuxia-dossier-stats dd span {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
body.wuxia-dossier-page .wuxia-hero-rating {
grid-template-columns: minmax(0, 1fr) minmax(236px, 260px);
gap: 12px;
align-items: center;
padding: 12px 14px;
}
body.wuxia-dossier-page .wuxia-hero-rating-main {
justify-content: flex-start;
gap: 20px;
}
body.wuxia-dossier-page .wuxia-hero-rating-main span {
flex: 0 0 auto;
}
body.wuxia-dossier-page .wuxia-hero-rating .g-star {
flex: 0 0 auto;
}
body.wuxia-dossier-page .wuxia-hero-rating dl {
width: 100%;
max-width: 260px;
justify-self: end;
}
body.wuxia-dossier-page .wuxia-hero-rating dl div {
display: grid;
min-height: 58px;
align-content: center;
justify-items: center;
row-gap: 4px;
padding: 7px 10px;
text-align: center;
}
body.wuxia-dossier-page .wuxia-hero-rating dt,
body.wuxia-dossier-page .wuxia-hero-rating dd {
width: auto;
margin: 0;
line-height: 1.1;
text-align: center;
}
body.wuxia-dossier-page .wuxia-hero-rating dd {
display: flex;
min-height: 22px;
align-items: center;
justify-content: center;
}
@media (max-width: 960px) {
body.wuxia-dossier-page .wuxia-hero-rating {
grid-template-columns: 1fr;
gap: 10px;
}
body.wuxia-dossier-page .wuxia-hero-rating-main {
justify-content: center;
}
body.wuxia-dossier-page .wuxia-hero-rating dl {
max-width: none;
justify-self: stretch;
}
}
@media (max-width: 640px) {
body.wuxia-dossier-page .wuxia-dossier-stats div {
min-height: 64px;
row-gap: 5px;
padding-top: 9px;
padding-bottom: 9px;
}
body.wuxia-dossier-page .wuxia-hero-rating-main {
justify-content: space-between;
gap: 12px;
}
body.wuxia-dossier-page .wuxia-hero-rating dl div {
min-height: 54px;
}
}
/* Novel info hero cover/text top alignment v20260528 */
@media (min-width: 961px) {
body.wuxia-dossier-page .wuxia-dossier {
align-items: start;
}
body.wuxia-dossier-page .wuxia-dossier-cover,
body.wuxia-dossier-page .wuxia-dossier-main {
align-self: start;
}
body.wuxia-dossier-page .wuxia-dossier-cover {
display: block;
margin-top: 0;
}
body.wuxia-dossier-page .wuxia-dossier-cover img {
display: block;
}
body.wuxia-dossier-page .wuxia-dossier-main h1 {
margin-top: 0;
margin-bottom: 8px;
}
body.wuxia-dossier-page .wuxia-dossier-byline {
margin-bottom: 12px;
}
body.wuxia-dossier-page .wuxia-dossier-stats {
margin-bottom: 12px;
}
body.wuxia-dossier-page .wuxia-mark-list {
margin-bottom: 12px;
padding-top: 2px;
}
body.wuxia-dossier-page .wuxia-mark-list:before {
margin-bottom: 8px;
}
body.wuxia-dossier-page .wuxia-inline-share {
margin-bottom: 14px;
}
body.wuxia-dossier-page .wuxia-hero-rating {
margin-bottom: 14px;
}
body.wuxia-dossier-page .wuxia-dossier-actions {
gap: 10px 12px;
}
}
/* Novel info hero action buttons alignment v20260528 */
body.wuxia-dossier-page .wuxia-dossier-actions {
display: grid;
width: 100%;
max-width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 12px;
align-items: stretch;
box-sizing: border-box;
}
body.wuxia-dossier-page .wuxia-dossier-actions a,
body.wuxia-dossier-page .wuxia-dossier-actions .btn-mark {
display: inline-flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: center;
gap: 7px;
box-sizing: border-box;
padding: 0 12px;
overflow: hidden;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:nth-child(-n+2) {
min-height: 43px;
line-height: 43px;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:nth-child(n+3) {
min-height: 35px;
line-height: 35px;
}
body.wuxia-dossier-page .wuxia-dossier-actions a i {
flex: 0 0 auto;
}
@media (max-width: 640px) {
body.wuxia-dossier-page .wuxia-dossier-actions {
gap: 9px 10px;
}
body.wuxia-dossier-page .wuxia-dossier-actions a,
body.wuxia-dossier-page .wuxia-dossier-actions .btn-mark {
gap: 5px;
padding: 0 8px;
font-size: 14px;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:nth-child(-n+2) {
min-height: 42px;
line-height: 42px;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:nth-child(n+3) {
min-height: 34px;
line-height: 34px;
font-size: 12px;
}
}
/* Novel info hero cover 314x450 and cover-edge alignment v20260528 */
@media (min-width: 961px) {
body.wuxia-dossier-page {
--wuxia-info-cover-width: 314px;
--wuxia-info-cover-height: 450px;
}
body.wuxia-dossier-page .wuxia-dossier {
grid-template-columns: var(--wuxia-info-cover-width) minmax(0, 1fr);
align-items: start;
}
body.wuxia-dossier-page .wuxia-dossier-cover {
width: var(--wuxia-info-cover-width);
max-width: var(--wuxia-info-cover-width);
align-self: start;
margin: 0;
}
body.wuxia-dossier-page .wuxia-dossier-cover img {
display: block;
width: var(--wuxia-info-cover-width);
height: var(--wuxia-info-cover-height);
max-width: var(--wuxia-info-cover-width);
min-height: var(--wuxia-info-cover-height);
aspect-ratio: auto;
box-sizing: border-box;
object-fit: cover;
object-position: center top;
}
body.wuxia-dossier-page .wuxia-dossier-main {
display: flex;
min-width: 0;
min-height: var(--wuxia-info-cover-height);
flex-direction: column;
align-self: start;
}
body.wuxia-dossier-page .wuxia-dossier-main h1 {
margin-top: 0;
}
body.wuxia-dossier-page .wuxia-dossier-actions {
margin-top: auto;
}
}
/* Static policy pages v20260602 */
body.static-page {
background: #f5f6f8;
color: #20242a;
}
body.static-page .static-shell {
max-width: 990px;
margin: 0 auto;
padding: 0 0 44px;
box-sizing: border-box;
}
body.static-page .static-breadcrumb {
margin-bottom: 18px;
}
body.static-page .static-breadcrumb ul {
display: flex;
min-width: 0;
align-items: center;
gap: 7px;
margin: 0;
padding: 0;
}
body.static-page .static-breadcrumb li {
display: flex;
min-width: 0;
align-items: center;
color: #707070;
}
body.static-page .static-breadcrumb li:not(:last-child):after {
content: ">";
margin-left: 7px;
color: #555;
}
body.static-page .static-hero {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 18px;
padding: 26px 28px;
border: 1px solid #dfe3ea;
background: #fff;
box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}
body.static-page .static-hero:before {
content: "";
display: block;
flex: 0 0 7px;
align-self: stretch;
order: -1;
background: #ff696c;
}
body.static-page .static-kicker {
display: inline-flex;
min-height: 24px;
align-items: center;
padding: 0 9px;
border-left: 3px solid #ff696c;
background: #fff2f2;
color: #cf5554;
font-size: 12px;
font-weight: 900;
line-height: 24px;
text-transform: uppercase;
}
body.static-page .static-hero h1 {
margin: 12px 0 10px;
color: #151a21;
font-size: 34px;
font-weight: 900;
line-height: 1.16;
}
body.static-page .static-hero p {
max-width: 660px;
margin: 0;
color: #5f6874;
font-size: 15px;
line-height: 1.7;
}
body.static-page .static-hero time {
flex: 0 0 auto;
min-width: 132px;
padding: 9px 11px;
border: 1px solid #d8dee8;
background: #f7f9fc;
color: #626b78;
font-size: 12px;
font-weight: 900;
line-height: 18px;
text-align: center;
text-transform: uppercase;
}
body.static-page .static-feature-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 18px;
}
body.static-page .static-feature-grid div {
min-width: 0;
padding: 16px;
border: 1px solid #dfe3ea;
background: #fff;
box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
}
body.static-page .static-feature-grid span {
display: inline-flex;
width: 32px;
height: 28px;
align-items: center;
justify-content: center;
margin-bottom: 10px;
background: #101010;
color: #ff696c;
font-size: 12px;
font-weight: 900;
line-height: 28px;
}
body.static-page .static-feature-grid strong {
display: block;
margin-bottom: 6px;
color: #20242a;
font-size: 15px;
font-weight: 900;
line-height: 1.3;
}
body.static-page .static-feature-grid p {
margin: 0;
color: #626b78;
font-size: 13px;
line-height: 1.6;
}
body.static-page .static-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 250px;
gap: 18px;
align-items: start;
}
body.static-page .static-card,
body.static-page .static-side {
border: 1px solid #dfe3ea;
background: #fff;
box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}
body.static-page .static-card {
overflow: hidden;
}
body.static-page .static-card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 16px 20px;
border-bottom: 1px solid #e5e9f0;
}
body.static-page .static-card-head h2,
body.static-page .static-side h2 {
margin: 0;
color: #20242a;
font-size: 20px;
font-weight: 900;
line-height: 1.25;
}
body.static-page .static-card-head span {
flex: 0 0 auto;
color: #626b78;
font-size: 12px;
font-weight: 900;
line-height: 18px;
text-transform: uppercase;
}
body.static-page .static-content {
padding: 22px 24px 28px;
color: #303844;
font-size: 15px;
line-height: 1.82;
}
body.static-page .static-content h1,
body.static-page .static-content h2,
body.static-page .static-content h3 {
margin: 0 0 12px;
color: #20242a;
font-weight: 900;
line-height: 1.25;
}
body.static-page .static-content h2 {
font-size: 24px;
}
body.static-page .static-content h3 {
font-size: 19px;
}
body.static-page .static-content p {
margin: 0 0 14px;
}
body.static-page .static-content p:first-of-type {
padding: 14px 16px;
border-left: 3px solid #2f95d2;
background: #f3f8fc;
color: #27313c;
font-weight: 700;
}
body.static-page .static-content a {
color: #258bd0;
font-weight: 800;
}
body.static-page .static-content ul,
body.static-page .static-content ol {
margin: 0 0 16px;
padding-left: 22px;
}
body.static-page .static-content li {
margin: 0 0 8px;
list-style: disc;
}
body.static-page .static-side {
position: sticky;
top: 14px;
padding: 16px;
}
body.static-page .static-side-nav {
display: grid;
gap: 8px;
margin-top: 14px;
}
body.static-page .static-side-nav a {
display: flex;
min-height: 38px;
align-items: center;
padding: 0 12px;
border: 1px solid #d8dee8;
background: #f7f9fc;
color: #27313c;
font-size: 13px;
font-weight: 900;
}
body.static-page .static-side-nav a:hover,
body.static-page .static-side-nav a.active {
border-color: #2f95d2;
background: #2f95d2;
color: #fff;
}
body.static-page-privacy .static-hero:before,
body.static-page-privacy .static-feature-grid span {
background: #101010;
color: #ff696c;
}
body.static-page-spider .static-hero:before {
background: #2f95d2;
}
body.static-page-spider .static-feature-grid span {
background: #2f95d2;
color: #fff;
}
body.static-page-DMCA .static-hero:before {
background: #b44a3e;
}
body.static-page-DMCA .static-feature-grid span {
background: #b44a3e;
color: #fff;
}
body.static-page-contact .static-hero:before {
background: #258bd0;
}
body.static-page-contact .static-feature-grid span {
background: #258bd0;
color: #fff;
}
body.static-page-contact .static-card {
border-color: #cfe4f5;
}
body.static-page-DMCA .static-content p:nth-of-type(n+3):nth-of-type(-n+8) {
position: relative;
padding: 10px 12px 10px 44px;
border: 1px solid #ece2df;
background: #fff8f6;
}
body.static-page-DMCA .static-content p:nth-of-type(n+3):nth-of-type(-n+8):before {
content: "";
position: absolute;
left: 16px;
top: 17px;
width: 8px;
height: 8px;
background: #b44a3e;
}
body.static-page .static-side-note {
margin-top: 16px;
padding: 14px;
border-left: 3px solid #ff696c;
background: #fff2f2;
color: #5f6874;
}
body.static-page .static-side-note strong {
display: block;
margin-bottom: 6px;
color: #cf5554;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
}
body.static-page .static-side-note p {
margin: 0;
font-size: 13px;
line-height: 1.6;
}
@media (max-width: 1020px) {
body.static-page .static-shell {
margin-left: 14px;
margin-right: 14px;
}
}
@media (max-width: 760px) {
body.static-page .static-shell {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 30px;
}
body.static-page .static-hero {
display: block;
padding: 20px 16px;
}
body.static-page .static-hero:before {
width: 54px;
height: 5px;
margin-bottom: 16px;
}
body.static-page .static-hero h1 {
font-size: 27px;
}
body.static-page .static-hero time {
display: inline-flex;
min-width: 0;
margin-top: 14px;
}
body.static-page .static-layout {
grid-template-columns: 1fr;
}
body.static-page .static-feature-grid {
grid-template-columns: 1fr;
gap: 10px;
}
body.static-page .static-card-head {
display: block;
padding: 15px 16px;
}
body.static-page .static-card-head span {
display: block;
margin-top: 7px;
}
body.static-page .static-content {
padding: 18px 16px 22px;
font-size: 14px;
line-height: 1.78;
}
body.static-page .static-side {
position: static;
}
}
/* Reader page final 1010px centered alignment override v20260602b */
@media (min-width: 961px) {
body.readpage {
--wuxia-reader-width: 1010px;
}
body.readpage .scroll-stage,
body.readpage .scroll-topbar-inner,
body.readpage .wuxia-topbar,
body.readpage .wuxia-header-copy .w-all {
width: min(var(--wuxia-reader-width), calc(100vw - 28px));
max-width: min(var(--wuxia-reader-width), calc(100vw - 28px));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.readpage .scroll-nav.reader-nav-docked {
left: 50%;
width: min(var(--wuxia-reader-width), calc(100vw - 28px));
max-width: min(var(--wuxia-reader-width), calc(100vw - 28px));
transform: translateX(-50%);
box-sizing: border-box;
}
body.readpage .scroll-title,
body.readpage .scroll-stage > article,
body.readpage .scroll-nav,
body.readpage .scroll-tools,
body.readpage .ad-placement-readtop,
body.readpage .ad-placement-readbottom,
body.readpage .scroll-context-note,
body.readpage #chaptercontent,
body.readpage .scroll-stage .content,
body.readpage .scroll-bottom-note,
body.readpage .reader-inline-share,
body.readpage .scroll-stage .operate,
body.readpage .readingTips,
body.readpage .scroll-suggestions,
body.readpage .comment-card-area {
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
body.readpage .scroll-title,
body.readpage #chaptercontent,
body.readpage .scroll-stage .content {
padding-left: 55px;
padding-right: 55px;
}
}
/* Reader page final transparent outer layer override v20260602c */
@media (min-width: 961px) {
html:not(.wuxia-light-theme) body.readpage {
background: #101010;
}
html:not(.wuxia-light-theme) body.readpage .scroll-reader {
background: transparent;
}
html:not(.wuxia-light-theme) body.readpage .scroll-stage {
background: transparent;
border: 0;
box-shadow: none;
}
body.readpage {
--wuxia-reader-width: 1010px;
}
body.readpage .scroll-stage,
body.readpage .scroll-topbar-inner,
body.readpage .wuxia-topbar,
body.readpage .wuxia-header-copy .w-all {
width: min(var(--wuxia-reader-width), calc(100vw - 28px));
max-width: min(var(--wuxia-reader-width), calc(100vw - 28px));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.readpage .scroll-title,
body.readpage .scroll-stage > article,
body.readpage .scroll-nav,
body.readpage .scroll-tools,
body.readpage .ad-placement-readtop,
body.readpage .ad-placement-readbottom,
body.readpage .scroll-context-note,
body.readpage #chaptercontent,
body.readpage .scroll-stage .content,
body.readpage .scroll-bottom-note,
body.readpage .reader-inline-share,
body.readpage .scroll-stage .operate,
body.readpage .readingTips,
body.readpage .scroll-suggestions,
body.readpage .comment-card-area {
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
}
/* Reader page chapter content background override v20260602d */
@media (min-width: 961px) {
html:not(.wuxia-light-theme) body.readpage .scroll-stage {
background: transparent;
border: 0;
box-shadow: none;
}
html:not(.wuxia-light-theme) body.readpage #chaptercontent,
html:not(.wuxia-light-theme) body.readpage .scroll-stage .content {
background: #101010;
}
body.readpage #chaptercontent,
body.readpage .scroll-stage .content {
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
padding-left: 55px;
padding-right: 55px;
}
}
/* Reader page chapter content background aligned with comments v20260602e */
@media (min-width: 961px) {
html:not(.wuxia-light-theme) body.readpage .scroll-stage {
background: transparent;
border: 0;
box-shadow: none;
}
html:not(.wuxia-light-theme) body.readpage #chaptercontent,
html:not(.wuxia-light-theme) body.readpage .scroll-stage .content {
background: #1a1a1a;
}
body.readpage #chaptercontent,
body.readpage .scroll-stage .content {
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
padding-left: 55px;
padding-right: 55px;
}
}
/* Novel info action buttons align with cover bottom v20260602b */
@media (min-width: 961px) {
body.wuxia-dossier-page {
--wuxia-info-cover-width: 314px;
--wuxia-info-cover-height: 450px;
}
body.wuxia-dossier-page .wuxia-dossier-cover img {
width: var(--wuxia-info-cover-width);
max-width: var(--wuxia-info-cover-width);
height: var(--wuxia-info-cover-height);
min-height: var(--wuxia-info-cover-height);
}
body.wuxia-dossier-page .wuxia-dossier-main {
display: flex;
height: var(--wuxia-info-cover-height);
min-height: 0;
flex-direction: column;
overflow: hidden;
}
body.wuxia-dossier-page .wuxia-dossier-main h1 {
margin-top: 0;
margin-bottom: 8px;
}
body.wuxia-dossier-page .wuxia-dossier-byline,
body.wuxia-dossier-page .wuxia-dossier-stats,
body.wuxia-dossier-page .wuxia-status-ledger,
body.wuxia-dossier-page .wuxia-latest-scroll,
body.wuxia-dossier-page .wuxia-mark-list,
body.wuxia-dossier-page .wuxia-inline-share,
body.wuxia-dossier-page .wuxia-hero-rating {
margin-bottom: 10px;
}
body.wuxia-dossier-page .wuxia-dossier-actions {
margin-top: auto;
}
}
/* Novel info action buttons cover-bottom final calibration v20260602c */
@media (min-width: 961px) {
body.wuxia-dossier-page .wuxia-dossier-main {
height: var(--wuxia-info-cover-height);
min-height: 0;
overflow: hidden;
}
body.wuxia-dossier-page .wuxia-dossier-byline,
body.wuxia-dossier-page .wuxia-dossier-stats,
body.wuxia-dossier-page .wuxia-status-ledger,
body.wuxia-dossier-page .wuxia-latest-scroll,
body.wuxia-dossier-page .wuxia-mark-list,
body.wuxia-dossier-page .wuxia-inline-share,
body.wuxia-dossier-page .wuxia-hero-rating {
margin-bottom: 8px;
}
body.wuxia-dossier-page .wuxia-dossier-actions {
margin-top: auto;
}
}
/* Novel info compact right column with all action buttons v20260602d */
@media (min-width: 961px) {
body.wuxia-dossier-page {
--wuxia-info-cover-width: 314px;
--wuxia-info-cover-height: 450px;
}
body.wuxia-dossier-page .wuxia-dossier-cover img {
width: var(--wuxia-info-cover-width);
max-width: var(--wuxia-info-cover-width);
height: var(--wuxia-info-cover-height);
min-height: var(--wuxia-info-cover-height);
}
body.wuxia-dossier-page .wuxia-dossier-main {
display: flex;
height: var(--wuxia-info-cover-height);
min-height: 0;
flex-direction: column;
overflow: visible;
}
body.wuxia-dossier-page .wuxia-dossier-main h1 {
margin: 0 0 6px;
font-size: 34px;
line-height: 1.08;
}
body.wuxia-dossier-page .wuxia-dossier-byline {
margin-bottom: 6px;
font-size: 14px;
line-height: 1.35;
}
body.wuxia-dossier-page .wuxia-dossier-stats {
margin-bottom: 7px;
gap: 0;
}
body.wuxia-dossier-page .wuxia-dossier-stats div {
padding: 6px 10px;
}
body.wuxia-dossier-page .wuxia-dossier-stats dt {
margin-bottom: 2px;
font-size: 11px;
line-height: 1.1;
}
body.wuxia-dossier-page .wuxia-dossier-stats dd {
font-size: 19px;
line-height: 1.1;
}
body.wuxia-dossier-page .wuxia-mark-list {
margin-bottom: 7px;
gap: 6px;
}
body.wuxia-dossier-page .wuxia-mark-list:before {
margin-bottom: 6px;
font-size: 11px;
line-height: 1.1;
}
body.wuxia-dossier-page .wuxia-mark-list a,
body.wuxia-dossier-page .wuxia-mark-list span {
min-height: 26px;
padding: 0 8px;
font-size: 12px;
line-height: 26px;
}
body.wuxia-dossier-page .wuxia-inline-share {
margin-bottom: 7px;
}
body.wuxia-dossier-page .site-inline-share-option {
min-height: 30px;
}
body.wuxia-dossier-page .wuxia-hero-rating {
min-height: 72px;
margin-bottom: 8px;
padding: 10px 14px;
}
body.wuxia-dossier-page .wuxia-dossier-actions {
display: grid;
width: 100%;
margin-top: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 12px;
align-items: stretch;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:nth-child(-n+2) {
min-height: 42px;
line-height: 42px;
}
body.wuxia-dossier-page .wuxia-dossier-actions a:nth-child(n+3) {
min-height: 34px;
line-height: 34px;
}
}