* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

ul, li, a, em {
    list-style: none;
}

@font-face {
    font-family: 'Archivo';
    src: url("../font/Archivo.woff2");
}

.light-theme, :root {
    --white: #fff;
    --black: #04002d;
    --success: #05b888;
    --text: #04002d;
    --search: #fff;
    --btn: #000;
    --primary-1: #4535ff;
    --primary-2: #2618c7;
    --primary-3: #0c0093;
    --primary-4: #ff3535;
    --primary-5: #ca5542;
    --primary-6: #c75c5c;
    --primary-7: #fff;
    --primary-on-high: #fff;
    --primary-on-medium: #fff;
    --primary-on-disabled: #fff;
    --primary-disabled: #f3f3f3;
    --secondary-1: #ef96a7;
    --secondary-2: #ed758c;
    --secondary-3: #dd6c81;
    --danger-1: #cc0025;
    --danger-2: #ba0022;
    --danger-3: #ac001f;
    --google-button-1: #f8f8f8;
    --google-button-2: #f2f2f2;
    --apple-button-1: #000;
    --apple-button-2: #232323;
    --apple-button-text: #fff;
    --highlighter: #f7f661;
    --highlighter-disabled: #c2c10d;
    --background: #fafbff;
    --surface: #fff;
    --surface-success: #ffffe1;
    --surface-error: #ffe9ed;
    --surface-warning: #fffdcc;
    --surface-light: #f9f9ff;
    --surface-medium: #f1f1ff;
    --surface-on-1: #04002d;
    --surface-on-2: #686681;
    --surface-on-3: #a09eaf;
    --surface-on-4: #e6e6ea;
    --backdrop: rgba(0, 0, 0, .3);
    --logo: #ca5542;
}

.dark-theme {
    --white: #fff;
    --black: #04002d;
    --success: #05b888;
    --text: #e2e2e2;
    --search: #000;
    --btn: #fff;
    --primary-1: #7a6fff;
    --primary-2: #5144f3;
    --primary-3: #3122e9;
    --primary-4: #ff3535;
    --primary-7: #000;
    --primary-on-high: #e0e0e0;
    --primary-on-medium: #a0a0a0;
    --primary-on-disabled: #6c6c6c;
    --primary-disabled: #363636;
    --secondary-1: #ef96a7;
    --secondary-2: #ee6882;
    --secondary-3: #d44963;
    --danger-1: #e92448;
    --danger-2: #b41431;
    --danger-3: #9b011d;
    --google-button-1: #2b2b2c;
    --google-button-2: #464647;
    --apple-button-1: #fff;
    --apple-button-2: #e8e8e8;
    --apple-button-text: #000;
    --highlighter: #f7f661;
    --highlighter-disabled: #c2c10d;
    --background: #121212;
    --surface: #202020;
    --surface-success: #4d4c32;
    --surface-error: #35000a;
    --surface-warning: #202020;
    --surface-light: #2b2b2c;
    --surface-medium: #464647;
    --surface-on-1: #e0e0e0;
    --surface-on-2: #a0a0a0;
    --surface-on-3: #6c6c6c;
    --surface-on-4: #2a2a2a;
    --backdrop: rgba(0, 0, 0, .7);
    --logo: #fff
}

.light-theme.yellow-theme {
    --background: rgb(239, 187, 187);
}

.light-theme.black-theme {
    --background: rgb(225 108 108);
}

html {
    font-size: calc(16px + 2 * (100vw - 360px) / 39);
}

@media screen and (min-width: 414px) {
    html {
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}

body {
    background-color: var(--background);
    line-height: 1.5;
    font-family: 'Archivo', 'Microsoft Yahei', '微软雅黑', '宋体', STHeiti serif;
    color: var(--text);
}

a {
    color: var(--primary-4);
    text-decoration: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

.no-scroll {
    overflow: hidden;
}

.Layout_wrapper__Ky3OW {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.AlphaHeader {
    position: sticky;
    top: 0;
    z-index: 1040;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 3.111rem;
    width: 100%;
    background-color: var(--surface);
    border-bottom: 1px solid var(--primary-disabled);
    transition: box-shadow .3s ease-in-out;
    border-bottom: 1px solid #ebebeb;
}

.AlphaHeader--scroll {
    box-shadow: 0 2px 4px #0000001a;
}

.AlphaHeader__container {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8889rem;
    max-width: 750px;
    padding: 0.6667rem 0.8889rem;
}

.AlphaHeader__logo {
    display: inline-flex;
    color: var(--logo);
    cursor: pointer;
    font-weight: 600;
    font-size: 1.111rem;
}

.AlphaHeader__actions {
    display: flex;
    align-items: center;
    gap: 0.889rem;
}

.AlphaHeader__search {
    width: 1.333rem;
    height: 1.333rem;
    cursor: pointer;
}

.AlphaHeader__search .AlphaIcon {
    width: 100%;
    color: var(--logo);
}

.AlphaHeader__hamburger {
    position: relative;
    width: 1.333rem;
    height: 1.1111rem;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.AlphaHeader__hamburger-span, .AlphaHeader__hamburger-span:after, .AlphaHeader__hamburger-span:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0.1389rem;
    background-color: var(--logo);
    border-radius: 4px;
    transition-duration: .25s;
}

.AlphaHeader__hamburger-span {
    top: 50%;
    transform: translateY(-50%);
}

.AlphaHeader__hamburger-span:before {
    top: -0.444rem;
}

.AlphaHeader__hamburger-span:after {
    top: 0.444rem;
}

.AlphaHeader__hamburger--active .AlphaHeader__hamburger-span {
    transform: rotate(45deg);
}

.AlphaHeader__hamburger--active .AlphaHeader__hamburger-span:before {
    top: 0;
    transform: rotate(0);
}

.AlphaHeader__hamburger--active .AlphaHeader__hamburger-span:after {
    top: 0;
    transform: rotate(90deg);
}

.AlphaHeader__menu {
    position: fixed;
    width: 100%;
    max-width: 750px;
    top: 3.111rem;
    bottom: 0;
    left: 50%;
    z-index: 1060;
    transform: translateX(150%);
    background-color: var(--surface);
    box-shadow: 0 2px 4px #0000001a;
    transition: transform .8s cubic-bezier(.8, .4, .1, 1);
    overflow: auto;
}

.AlphaHeader__menu--opened {
    transform: translateX(-50%);
}

.AlphaHeader__nav {
    padding: 0.889rem 0;
    justify-content: space-between;
}

.AlphaHeaderItem {
    position: relative;
    font-size: 1rem;
    line-height: 1.333rem;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 1px solid #ebebeb;
    background: var(--logo);
}

.AlphaHeaderItem__link {
    display: flex;
    width: 100%;
    padding: 0.889rem 0.444rem;
    color: var(--primary-7);
    transition: color .3s ease-in-out;
    cursor: pointer;
    justify-content: end;
}

.AlphaHeader__settings {
    display: flex;
    padding: 1.333rem;
}

.AlphaHeader__settings, .AlphaHeader__tabs {
    justify-content: center;
    border-top: 1px solid var(--primary-disabled);
}

.AlphaSwitch {
    display: inline-flex;
    align-items: center;
    background-color: var(--background);
    border-radius: 24px;
    cursor: pointer;
}

.AlphaSwitch--md {
    padding: 0.667rem 1.4444rem 0.667rem 0.889rem;
    font-size: 0.889rem;
    line-height: 1.333rem;
    font-weight: 600;
}

.AlphaSwitch__input {
    display: none;
}

.AlphaIcon {
    display: inline-flex;
}

.AlphaSwitch--md .AlphaSwitch__icon {
    margin-right: 16px;
    width: 24px;
    height: 24px;
}

.AlphaIcon svg {
    max-width: inherit;
    max-height: inherit;
    min-width: inherit;
    min-height: inherit;
    width: inherit;
    height: inherit;
    color: inherit;
}

.AlphaSwitch__label {
    width: 100%;
    margin-right: 0.667rem;
}

.AlphaSwitch__box {
    flex-shrink: 0;
    position: relative;
    width: 1.889rem;
    height: 0.7778rem;
    border-radius: 20px;
    background-color: var(--surface-on-4);
    transition: all .2s ease-in-out;
}

.AlphaSwitch__box:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 1.111rem;
    height: 1.111rem;
    background-color: var(--white);
    border-radius: 50%;
    box-shadow: 0 2px 4px #0000001a;
    transition: all .2s ease-in-out;
}

.AlphaSwitch--checked .AlphaSwitch__box {
    background-color: var(--secondary-1);
}

.AlphaSwitch--checked .AlphaSwitch__box:before {
    left: calc(100% - 1.111rem);
}

.Layout_container__lyw0Z {
    flex: 1 1 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.889rem;
    width: 100%;
    padding: 0.889rem 0.444rem;
}

.Layout_body__g48SB, .Layout_body__g48SB main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.Discover_wrapper__PqWYM {
    gap: 0.889rem;
}

.DiscoverCard_item {
    display: flex;
    flex-direction: column;
    background-color: var(--surface);
    border-radius: 8px;
    border: 1px solid var(--primary-disabled);
}

.widget.c-popular .popular-item-wrap {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.popular-item-wrap .popular-img {
    width: 25%;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    max-width: 65px;
}

.widget.c-popular .popular-item-wrap .popular-content {
    overflow: hidden;
}

.popular-item-wrap .popular-content .widget-title {
    font-size: 12px;
}

.popular-item-wrap .popular-content .chapter-item {
    margin-bottom: 10px;
}

.popular-item-wrap .popular-content .chapter-item span {
    display: inline-block;
    margin-right: 15px;
}

.popular-item-wrap .popular-content .chapter-item .chapter {
    background-color: #ebebeb;
    padding: 2px 10px;
    border-radius: 10px;
    font-weight: 600;
    -webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.font-meta {
    font-size: 11px;
    line-height: 1.5;
}

.DiscoverCard_wrapper__CToEN {
    display: flex;
    flex-direction: column;
    /* background-color: var(--surface); */
    /* border-radius: 8px; */
    /* border: 1px solid var(--primary-disabled); */
}

.DiscoverCard_header__4s_jq {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 0.889rem;
    margin-bottom: 0.889rem;
    padding: 1.333rem 0.889rem 0;
}

.DiscoverCard_title__HJhJN {
    position: relative;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.333rem;
    font-family: droid serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.DiscoverCard_item {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.DiscoverCard_list__qE0a1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.889rem;
    padding: 0 0.889rem 1.333rem;
}

.DiscoverCard_item__vrUPV {
    display: flex;
    flex-direction: column;
    gap: 0.444rem;
    color: var(--text);
}

.DiscoverCard_item__cover__kmldw {
    flex-shrink: 0;
    width: 9.111rem;
    height: 12.755rem;
}

.BookCover_wrapper__GQBjr {
    position: relative;
    display: flex;
    height: 100%;
    color: var(--surface-medium);
}

.BookCover_image__2Qidm {
    flex: 1 1 auto;
    position: relative;
    display: flex;
}

.BookCover_image__2Qidm img, .BookCover_image__2Qidm svg {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}


.AlphaLabel {
    position: relative;
    padding: 0.111rem 0.222rem;
    font-size: 0.444rem;
    line-height: 0.667rem;
    border-radius: 0 4px 4px;
}


.AlphaLabel:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 0.222rem;
    height: 0.222rem;
    border-radius: 4px 0 0;
}

.AlphaLabel--primary:before {
    background-color: var(--primary-2);
}

.DiscoverCard_item__container__TP5rf {
    display: flex;
    flex-direction: column;
    gap: 0.444rem;
}

.DiscoverCard_item__counter__wzw8H, .DiscoverCard_item__title__HqKaZ {
    font-size: 0.867rem;
    line-height: 1.111rem;
    font-weight: 400;
    transition: color .3s ease-in-out;
}

.DiscoverCard_item__title__HqKaZ a {
    color: #0a0c2e;
}

.label-primary {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #606060;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px 0px 2px;

}

.label-primary a {
    color: #0a0c2e;
}

.AlphaButton_more {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.AlphaButton {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    background: transparent;
    border: 1px solid transparent;
    outline: 0;
    transition: all .3s ease-in-out;
    overflow: hidden;
    cursor: pointer;
}

.AlphaButton--sm {
    padding: 0.3889rem 1.333rem;
    font-size: 0.6667rem;
    line-height: 1rem;
    border-radius: 6px;
}

.AlphaButton--outlined {
    color: var(--primary-4);
    background-color: var(--surface);
    border-color: var(--primary-4);
}

.AlphaButton__text {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    color: var(--btn);
}

.version-chap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.version-chap li {
    height: 75px;
    width: calc(50% - 10px);
    flex: inherit;
    background: #f57e17;
    margin: 5px;
    padding: 10px 15px;
    border-radius: 5px;
}

.version-chap li a {
    color: #fff;
}

.version-chap li a em {
    color: #e13939;
    margin-left: 3px;
    font-weight: bold;
}

.version-chap li span {
    position: relative;
    top: 0px;
    transform: initial;
    display: inline-block;
    right: 0;
    vertical-align: middle;
}

.version-chap li span i {
    color: #fff;
    font-size: 14px;
}

.DiscoverCard_list--full__UXLRv.DiscoverCard_list__qE0a1 {
    grid-template-columns: initial;
}

.DiscoverCard_list--full__UXLRv .DiscoverCard_item__vrUPV {
    flex-direction: row;
    gap: 0.8889rem;
}

.DiscoverCard_list--full__UXLRv .DiscoverCard_item__cover__kmldw {
    width: 6.667rem;
    height: 9.338rem;
}

.DiscoverCard_list--full__UXLRv .DiscoverCard_item__counter__wzw8H, .DiscoverCard_list--full__UXLRv .DiscoverCard_item__title__HqKaZ {
    font-size: 0.667rem;
    line-height: 1.111rem;
    font-weight: 600;
    display: inline;
}


.DiscoverCard_item__details__N_ryD {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.444rem;
}

.story-pills {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 0 14px;
    grid-gap: 6px;
    gap: 6px;
}

.story-pills--storyCard {
    justify-content: flex-start;
    margin-bottom: 6px;
    margin-left: -6px;
}

.story-pills .story-pill {
    padding: 6px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-weight: 500;
    color: #171717;
    font-size: 12px;
    line-height: 14px;
}

.story-pills .story-pill span {
    color: #333;
}

.page-listing-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.889rem;
}

.badge-pos-1 {
    padding: 0 5px;
}

.page-item-detail {
    background-color: var(--logo);
    padding: 5px;
    border-radius: 5px;
}

.item-thumb {
    width: 100%;
    height: 260px;
    margin-bottom: 10px;
}

.item-thumb img {
    display: block;
    width: 100%;
}

.post-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.post-title h3 a {
    color: #0a0c2e;
}

.page-item-detail .item-summary .list-chapter .chapter-item {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page-item-detail .item-summary .list-chapter .chapter-item .chapter {
    background: transparent;
    border: 1px solid #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: 600;
    -webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.page-item-detail .item-summary .list-chapter .chapter-item .chapter a {
    color: var(--search);
}

.page-item-detail .item-summary .list-chapter .chapter-item .post-on {
    margin-left: 3px;
    color: #fff;
}

.c-tabs-item__content {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.c-tabs-item-img {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 15px;
}

.c-tabs-item__content .tab-thumb {
    margin-bottom: 15px;
}

.c-tabs-item__content .tab-thumb img {
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
}

.c-tabs-item-info {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-right: 15px;
    padding-left: 15px;
}

.c-tabs-item-info a {
    font-size: 18px;
    margin-bottom: .5rem;
}

.c-tabs-item__content .tab-summary .post-content {
    background-color: #f3f3f3;
    padding: 8px 10px;
    margin: 10px 0 10px;
}

.post-content .post-content_item .summary-heading h5 {
    margin-top: 3px;
    font-weight: 600;
    color: #666666;
    font-size: 14px;
}

.c-tabs-item-info .summary-content, .c-tabs-item-info .summary-content a, .c-tabs-item-info .summary-content span {
    color: #333333;
    font-size: 14px;
}

.summary-content .tab-summary {
    margin-bottom: 17px;
}

.summary-content .genres-content a,
.summary-content a {
    margin-right: 8px;
}


.tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta > * {
    display: inline-block;
}

.tab-content-wrap .c-tabs-item .font-meta {
    font-size: 11px;
    line-height: 1.5;
    color: #888888;
}

.tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter {
    margin-left: 20px;
    background-color: #ebebeb;
    padding: 0px 10px;
    border-radius: 10px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.tab-content-wrap .c-tabs-item .c-tabs-item__content .tab-meta .latest-chap .chapter a {
    font-size: 13px;
}

.DiscoverCard_item__genre__tafm5 {
    font-size: 0.6667rem;
    line-height: 1.111rem;
    font-weight: 400;
    padding: 0.222rem 0.889rem;
    white-space: nowrap;
    background-color: var(--surface-medium);
    border-radius: 16px;
}

.DiscoverCard_item__stats__hGYEx {
    font-size: 0.667rem;
    line-height: 1.2222rem;
    display: flex;
    gap: 0.444rem;
    margin: 0;
    padding: 0;
    font-weight: 600;
    list-style: none;
}

.Novels_list__3ewXE {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0.889rem;
    padding: 0.889rem;
    /* border-bottom: 1px solid var(--primary-disabled); */
}

.Novels_list__3ewXE.DiscoverCard_list {
    padding-top: 0;
}

.NovelsCard_wrapper__evyX3 {
    display: flex;
    flex-direction: row;
    gap: 0.889rem;
    color: var(--text);
}

.NovelsCard_cover__1hoOG {
    width: 5rem;
    height: 6.6667rem;
}

.NovelsCard_container__eX1hW {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}

.NovelsCard_title__SCr5q {
    font-size: 0.7778rem;
    margin-bottom: 0.222rem;
    line-height: 1.111rem;
    font-weight: 600;
    color: var(--text);
    transition: color .3s ease-in-out;
}

.NovelsCard_info__6ZXJM {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.444rem;
    margin: 0 0 0.222rem;
    padding: 0;
    list-style: none;
}

.NovelsCard_info__item__a_Z_Y {
    font-size: 0.667rem;
    line-height: 1.111rem;
    font-weight: 400;
}

.NovelsCard_stats__Ldslu {
    display: flex;
    gap: 0.444rem;
    width: 100%;
    margin: 0 0 0.222rem;
    padding: 0;
    list-style: none;
}

.NovelsCard_stats__item__0Wmz8 {
    font-size: 0.7778rem;
    line-height: 1.1111rem;
    font-weight: 600;
}

.NovelsCard_description__S6vVF {
    font-size: 0.667rem;
    line-height: 1.111rem;
    font-weight: 400;
    width: 100%;
    color: var(--text);
}

.NovelsCard_description__text__8QdT2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
}

.AlphaText--primary {
    color: var(--primary-4);
}

.AlphaFooter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 0.667rem;
    line-height: 1.11rem;
    font-weight: 400;
}

.AlphaFooter__container {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    flex: 1 1 auto;
}

.AlphaFooter__footer {
    padding: 0.8889rem;
    border-top: 1px solid #d5d5d5;
}

.AlphaFooter__text {
    color: var(--surface-on-2);
    font-size: 14px;
    line-height: 1.6rem;
}

.AlphaFooter__text span {
    display: block;
}

.Novels_container__xG9pH {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 0.889rem;
    align-items: start;
}

.AlphaNavigation {
    /* display: flex; */
    align-items: center;
    background-color: var(--surface);
    /* border: 1px solid var(--primary-disabled); */
    border-radius: 8px;
    gap: 0.889rem;
    padding: 0.667rem 0.889rem;
}

.AlphaNavigation__title {
    position: relative;
    font-weight: 600;
    padding: 0;
    font-size: 0.889rem;
    line-height: 1.333rem;
    margin-bottom: 0.6rem;
}

.Novels_select {
    /* display: flex; */
    margin-bottom: 20px;
}

.AlphaNavigation__select {
    width: 100%;
    flex: 1;
}

.AlphaNavigation__select .AlphaSelect__wrapper {
    width: 100%;
}

.AlphaSelect__container {
    position: relative;
}

.AlphaSelect {
    font-size: 0.667rem;
    line-height: 1.111rem;
    font-weight: 400;
    width: 100%;
    color: var(--text);
    background-color: var(--background);
    border: none;
    outline: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0.3889rem 0.19rem 0.3889rem 0.19rem;
    border-radius: 8px;
}

.AlphaSelect__icon {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.19rem;
    display: flex;
    align-items: center;
}

.AlphaSelect--filled .AlphaSelect__icon {
    color: var(--surface-on-1);
}

.AlphaSelect__icon--active {
    transform: rotateX(180deg)
}

.AlphaSelectDropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    max-height: 15rem;
    width: 100%;
    padding: 4px 0;
    background: var(--surface);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 4px #0000001a;
    overflow: auto;
    transform-origin: top center;
    will-change: transform, opacity
}

.AlphaSelectDropdown-enter {
    position: relative;
    z-index: 111;
    opacity: 0;
    transform: scaleY(0)
}

.AlphaSelectDropdown-enter-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s ease-out, opacity .3s ease-out
}

.AlphaSelectOption__label {
    font-size: 0.7778rem;
    font-weight: 400;
    padding: 2px 4px;
    cursor: pointer;
}

.AlphaSelectOption__label:hover {
    background: var(--surface-medium);
}

.AlphaSelectOption__label.AlphaSelectOption__label-active {
    color: var(--primary-1);
}

.Novels_body__1zdkM {
    background-color: var(--surface);
    border-radius: 8px;
    border: 1px solid var(--primary-disabled);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.PAGE {
    padding: 20px 0;
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: center;
}

.PAGE a, .PAGE li span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin: 0 4px;
    color: inherit;
}

.PAGE li.active {
    pointer-events: none;
}

.PAGE a.now,
.PAGE a:hover,
.PAGE li.active span,
.PAGE li.active a {
    background: var(--primary-4);
    color: #fff
}

.search_container {
    position: fixed;
    min-height: calc(100vh - 3.111rem);
    z-index: 999;
    background-color: var(--background);
    width: 100%;
    max-width: 750px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    opacity: 0;
    transition: transform .3s ease-in-out;
}

.search_container.search_container-active {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
}

.Search_container__3aR1o {
    display: flex;
    flex-direction: column;
    padding: 0.8889rem 0;
    border-bottom: 1px solid #dddddd;
}

.Search_search__v5d1j {
    display: flex;
    gap: 0.889rem;
}

.AlphaInput {
    font-size: 0.867rem;
    line-height: 1.111rem;
    font-weight: 400;
    width: 100%;
    color: var(--text);
    background-color: var(--background);
    outline: none;
    padding: 0.333rem 0.889rem 0.333rem 2.778rem;
    border: none;
    border-radius: 8px;
}

.AlphaInput::placeholder {
    color: var(--btn);
}

.search__submit {
    background-color: var(--btn);
    color: var(--search);
    padding: 5px;
    font-size: 14px;
    line-height: 100%;
    height: 30px;
    border: none;
    font-weight: 500;
    display: block;
    border-radius: 5px;
}

.AlphaInput__wrapper {
    width: 84%;
}

.AlphaInput__container {
    position: relative;
}

.AlphaInput__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.778rem;
    color: var(--text);
    border: 0;
    background: none;
}

.AlphaButton--md {
    padding: 0.3889rem 1.33rem;
    font-size: 0.667rem;
    line-height: 1;
    border-radius: 6px;
}

.AlphaButton--disabled, .AlphaButton--loading, .AlphaButton:disabled {
    pointer-events: none;
}

.AlphaButton--outlined.AlphaButton--disabled, .AlphaButton--outlined:disabled {
    color: var(--primary-disabled);
    border-color: var(--primary-disabled);
}

.AlphaButton--icon.AlphaButton--md {
    width: 1.889rem;
    height: 1.889rem;
    padding: 0.444rem;
}

.AlphaButton--md .AlphaButton__icon, .AlphaButton--md .AlphaButton__logo {
    max-width: 1rem;
    max-height: 1rem;
}

.top_trending {
    margin-bottom: 0.8889rem;
}

.top_trending ul {
    display: flex;
    justify-content: flex-start;
    margin: 5px -5px;
}

.top_trending ul li {
    padding: 0 5px;
}

.top_trending ul li a {
    background: var(--primary-4);
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
}

.AlphaBreadcrumbs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.AlphaBreadcrumbsItem {
    font-size: 0.76rem;
    line-height: 1.111rem;
}

.AlphaBreadcrumbsItem__link {
    padding: 0 4px;
    color: var(--surface-on-1);
    border-radius: 4px;
    transition: all .2s ease-in-out;
}

.AlphaBreadcrumbsItem__divider {
    margin: 0 2px;
    color: var(--surface-on-2);
}

.AlphaBreadcrumbsItem--active .AlphaBreadcrumbsItem__link {
    pointer-events: none;
    color: var(--surface-on-1);
}

.AlphaBreadcrumbsItem:last-child .AlphaBreadcrumbsItem__divider {
    display: none;
}

.NovelDetails_card__SMcs0 {
    margin-bottom: 0.889rem;
}

.NovelDetailsCard_wrapper__ciRz6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.444rem;
    background-color: transparent;
    border: none;
}

.NovelDetailsCard_cover___Dgnz {
    width: 7.889rem;
    height: 10.5556rem;
}

.NovelDetailsCard_cover {
    position: relative;
    width: 100%;
    height: 380px;
}

@media (min-width: 750px) {
    .NovelDetailsCard_cover {
        margin: 40px 0;
    }
}

.NovelDetailsCard_img {
    position: absolute;
    display: block;
    width: 50%;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
}

.NovelDetailsCard_cover_img {
    display: block;
    width: 100%;
    height: 380px;
    position: absolute;
    /* clip-path: polygon(0% 20%, 100% 20%, 100% 60%, 0% 60%); */
    filter: blur(8px);
}

.BookCover_wrapper__GQBjr {
    position: relative;
    display: flex;
    height: 100%;
    color: var(--surface-medium);
}

.NovelDetailsCard_title__v5Zec {
    color: var(--text);
    font-weight: 600;
    font-size: 1.111rem;
    line-height: 1.5556rem;
    margin-top: 0.8889rem;
    text-align: center;
}

.NovelDetailsCard_content__dna4J {
    grid-area: content;
    display: flex;
    flex-direction: column;
    margin-top: 0.444rem;
    width: 100%;
}

.NovelDetailsCard_content__dna4J .post-content_item {
    padding: 0 5% 4%;
    text-align: center;
    width: 100%;
}

.NovelDetailsCard_content__dna4J .author-info {
    text-align: center;
    font-size: 14px;
    color: #171717;
}

.NovelDetailsCard_info__sUazJ {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.111rem 0.222rem;
    margin: 0 0 0.7778rem;
    padding: 0;
    list-style: none;
}

.NovelDetailsCard_info__item__TSgp3 {
    color: var(--surface-on-3);
    font-size: 0.6667rem;
    line-height: 1.111rem;
}

.NovelDetailsCard_info__link__5un1z {
    color: var(--surface-on-3);
}

.NovelDetailsCard_share {
    margin: 0 0 0.8889rem;
}

.NovelDetailsCard_share,
.NovelDetailsCard_share_cGz5b {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5556rem;
    font-size: 0.7778rem;
}

.NovelDetailsCard_share_cGz5b a {
    width: 1.711rem;
    color: var(--white);

    border-radius: 5px;
}

.AlphaIcon_facebook {
    background: #00abf0;
}

.AlphaIcon_intent {
    background: #3a579a;

}

.AlphaIcon_instagram {
    background: #127bb6;
}

.NovelDetailsCard_description__A7VnD p {
    margin-bottom: 0.8889rem;
    font-weight: 400;
    width: 100%;
    font-family: droid serif, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 0.9rem;
    font-style: italic;
    line-height: 1.5em;
    margin-bottom: 0;
    padding-bottom: 20px;
    word-break: break-word;
    text-align: center;
}

.NovelDetailsCard_description__title__lGJME {
    position: relative;
    font-weight: 600;
    margin-bottom: 0.444rem;
    font-size: 0.889rem;
    line-height: 1.333rem;
    display: block;
}

.NovelDetailsCard_tags__tAubS {
    padding: 0 0.889rem;
}

.AlphaChips {
    display: flex;
    gap: 0.444rem;
    flex-wrap: wrap;
}

.AlphaChipsItem {
    font-size: 0.667rem;
    line-height: 1.111rem;
    font-weight: 400;
    display: inline-flex;
    padding: 0.333rem 0.889rem;
    color: var(--text);
    white-space: nowrap;
    background-color: var(--surface-medium);
    border-radius: 0.889rem;
}

.NoverlDetailsCard_new__chapters {
    margin-top: 0.889rem;
    width: 100%;
}

.NoverlDetailsCard_catalogue__chapters {
    margin-bottom: 0.889rem;
}

.NovelDetailsCard_new__chapters__item a {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: var(--text);
}

.NoverlDetailsCard_catalogue__chapters .NovelDetailsCard_description__title__lGJME i {
    margin-left: 0.444rem;
    font-size: 0.6667rem;
}

.NovelDetailsCard_chapters__chapters__item {
    max-height: 430px;
    overflow: hidden;
}

.NovelDetailsChapters_actions__gFd0p {
    display: flex;
    justify-content: center;
    margin-top: 0.889rem;
    width: 100%;
}

.AlphaButton--lg {
    padding: 0.5rem 1.333rem;
    font-size: 0.778rem;
    line-height: 1.333rem;
    border-radius: 8px;
}

.AlphaButton--item {
    color: var(--white);
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    height: 3rem;
    border-radius: 15px;
    line-height: 3rem;
    font-family: Inter;
    font-style: normal;
    outline: none;
    border: none;
    letter-spacing: -.02em;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.AlphaButton--defualt {
    background-image: linear-gradient(90deg, #db7d6f, #e94b28 38.8%, #f3a96e 99.34%);
}

.AlphaButton--primary {
    background-image: linear-gradient(90deg, #fe7c1c, #fe3e12 38.8%, #f40d02 99.34%);
}

.NovelDetailsChapters_actions__gFd0p .AlphaButton {
    max-width: 17.778rem;
    min-width: unset;
    width: 100%;
}

.AlphaContainer {
    background-color: var(--surface);
    border-radius: 8px;
    border: 1px solid var(--primary-disabled);
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 0.889rem;
    padding: 0.889rem;
}

.AlphaContainer--fixed .AlphaContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1020;
    box-shadow: 0 0 16px #0000001a;
    border-radius: 0;
}

.AlphaContainer .AlphaButton:not(.AlphaButton--icon) {
    max-width: 17.778rem;
    min-width: unset;
    width: 100%;
}

.NovelReader_body__7y_ws {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
}

.NovelReader_container___L14T {
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 0.444rem;
}

.NovelReader_title__uz_J7 {
    position: relative;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 1.333rem;
    text-align: center;
    font-family: droid serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.NovelReader_content__e8X_9 {
    position: relative;
    width: 100%;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
}

.NovelReader_content__e8X_9 p {
    font-family: droid serif, Georgia, Cambria, Times New Roman, Times, serif;
    margin: 0 0 1.8em;
}

.NovelReader_footer__vBTL2 {
    display: flex;
    justify-content: center;
    gap: 0.889rem;
    margin-top: 0.889rem;
    margin-bottom: 0.889rem;
}

.NovelReader_footer__vBTL2 .AlphaButton {
    max-width: 17.778rem;
    min-width: unset;
    width: 100%;
}

.NovelReader_setting {
    position: fixed;
    left: 50%;
    bottom: -30%;
    width: 100%;
    max-width: 750px;
    transform: translateX(-50%);
    transition: bottom .3s;
    background: #9d1313;
    box-sizing: border-box;
    z-index: 999;
    padding: 0.889rem;
}

.font_bar, .font_bg, .font_sz {
    display: flex;
    align-items: center;
    gap: 0.8889rem;
}

.font_bar .font_bg span {
    box-sizing: border-box;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.8889rem;
    font-weight: 700;
    background: #fbfdff;
    text-align: center;
    border-radius: 50%;
}

.font_bg span.active {
    border: 2px solid var(--primary-6);;
}

.font_bg span.white {
    background-color: #fff;
    color: #000;
}

.font_bg span.yellow {
    background: #ed9e9e;
    color: #000;
}

.font_bg span.black {
    background-color: rgba(253, 59, 0, .6);
    color: #fff;
}

.font_bar .font_sz {
    background: #d33a3a;
    font-size: 0.8889rem;
    font-weight: 500;
    color: #fff;
    border-radius: 50px;
    padding: 0.889rem;
    flex: 1;
    width: 100%;
    justify-content: space-between;
}

.font_sz div i {
    font-style: normal;
}

.NovelReader_setting__btn {
    display: flex;
    justify-content: center;
    margin-top: 0.8889rem;
}

.NovelReader_setting__btn .AlphaButton {
    max-width: 17.778rem;
    min-width: unset;
    width: 100%;
}

@media (min-width: 767px) {
    .read2 {
        display: none;
    }
}

.positionFixed {
    bottom: 0px;
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0%);
    z-index: 999;
    width: 100%;
    background-color: #e4e4e4;
    display: flex;
    justify-content: center;
}

.ad-div {
    clear: both;
    min-width: 250px;
    min-height: 250px;
    margin-bottom: 10px;
    width: 100%;
}

.t_de {
    max-width: 100%;
    line-height: 2;
    font-size: 12px;
    box-sizing: border-box;
    color: #707070;
    text-align: center;
}

.grecaptcha-badge {
    visibility: hidden;
}


.catalogue {
    color: #0a5ba6;
}