[hidden]{display:none!important}
.rift-message{color:#ef5350;margin:10px 0}
.rift-account-tabs{display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid #666;padding:20px 0;margin-bottom:28px}
#reader-account{padding:30px 0}
/* 账户数据到达前预留内容区，避免页脚先出现、再被收藏列表推走。 */
#reader-account[aria-busy=true]{min-height:100vh}
#reader-account section{scroll-margin-top:100px;margin:36px 0}
.rift-reading-item{display:flex;gap:16px;align-items:center;border-bottom:1px solid #555;padding:16px 0}
.rift-reading-item img{width:60px;height:86px;object-fit:cover}
.rift-reading-item .rift-reading-info{flex:1;min-width:0}
.rift-reading-item h3{font-size:16px;margin:0 0 8px}
.rift-reading-item button{background:none;border:1px solid #888;border-radius:3px;color:inherit;padding:6px 12px}
.rift-comment{padding:18px 0;border-bottom:1px solid #555}
.rift-comment p{white-space:pre-wrap;overflow-wrap:anywhere}
.rift-comment small{display:block;color:#aaa}
.rift-comment-form textarea{width:100%;min-height:140px;background:transparent;color:inherit;border:1px solid #888;padding:12px}
.rift-comment-form label{display:block;width:100%}
.rift-comment-form button,.rift-comment button{margin:10px 12px 0 0}
.rift-comment-form button,.rift-comment button,#reader-account .c-btn{display:inline-block;background:#eb3349;border:0;border-radius:3px;color:#fff;padding:10px 18px;font:inherit;cursor:pointer}
.rift-comment-form button:disabled,#reader-account button:disabled{opacity:.5;cursor:wait}
.ratings_stars[role=button]{cursor:pointer}
.ratings_stars[role=button]:focus-visible{outline:2px solid #ef5350}
.wp-manga-action-button[aria-pressed=true]{color:#eb3349!important}
/* 折叠目录只排版前 20 章；其余链接保留在 HTML 中，展开后恢复显示。 */
body.manga-page .page-content-listing.single-page .listing-chapters_wrap.show-more>ul.main.version-chap.rift-long-chapters:not(.loaded)>li:nth-child(n+21){display:none}
/* 展开长目录时，屏幕外的章节延迟绘制，浏览器仍可搜索和聚焦其中的链接。 */
ul.rift-long-chapters{content-visibility:auto;contain-intrinsic-size:auto 550px}
ul.rift-long-chapters>li{content-visibility:auto;contain-intrinsic-size:auto 60px}
.btn-reverse-order[aria-busy=true]{opacity:.5;pointer-events:none}
/* 封面按展示位置固定比例；旧记录使用原图时也不会撑高页面，章节正文图片不受影响。 */
.manga-slider.style-2 .slider__container .slider__item .slider__thumb .slider__thumb_item img{aspect-ratio:642/320;object-fit:cover}
body .popular-slider .slider__thumb img{aspect-ratio:125/180;height:auto;object-fit:cover}
body .page-item-detail .item-thumb img{aspect-ratio:175/238;height:auto;object-fit:cover}
body .profile-manga .summary_image img,body .c-tabs-item__content .tab-thumb img,body .infor_items .thumb_img img{aspect-ratio:193/278;height:auto;object-fit:cover}
body .c-popular .popular-img img,body .related-manga .related-reading-img img{aspect-ratio:75/106;height:auto;object-fit:cover}
/* 轮播初始化前直接显示首组内容，固定封面比例提前撑开版面。 */
.manga-slider.style-2 .slider__container:not(.slick-initialized){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -15px}
.manga-slider.style-2 .slider__container:not(.slick-initialized)>.slider__item{position:relative;padding:0 15px;margin-bottom:15px}
.manga-slider.style-2 .slider__container:not(.slick-initialized)>.slider__item:nth-child(n+3){display:none}
.manga-slider.style-2 .slider__container:not(.slick-initialized) img{width:100%;height:auto}
.manga-slider.style-2 .slider__container:not(.slick-initialized) .slider__content{position:absolute;bottom:0;left:15px;right:15px;padding:0 20px;color:#fff}
.manga-slider.style-2 .slider__container:not(.slick-initialized) .slider__content_item{transform:translate3d(0,40px,0);padding-bottom:32px}
.manga-slider.style-2 .slider__container:not(.slick-initialized) .post-title h4{margin-bottom:28px;line-height:28px}
.manga-slider.style-2 .slider__container:not(.slick-initialized) .post-title a{color:#fff}
.manga-slider.style-2 .slider__container:not(.slick-initialized)>.no-thumb .slider__content{position:static}
.popular-slider .slider__container:not(.slick-initialized){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -15px}
.popular-slider.style-3 .slider__container:not(.slick-initialized){padding:10px 0}
.popular-slider .slider__container:not(.slick-initialized)>.slider__item:nth-child(n+5){display:none}
@media(max-width:1399.98px){.popular-slider .slider__container:not(.slick-initialized){grid-template-columns:repeat(3,minmax(0,1fr))}.popular-slider .slider__container:not(.slick-initialized)>.slider__item:nth-child(n+4){display:none}}
@media(max-width:991.98px){.popular-slider .slider__container:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr))}.popular-slider .slider__container:not(.slick-initialized)>.slider__item:nth-child(n+3){display:none}}
@media(max-width:767.98px){.manga-slider.style-2 .slider__container:not(.slick-initialized){grid-template-columns:minmax(0,1fr)}.manga-slider.style-2 .slider__container:not(.slick-initialized)>.slider__item:nth-child(n+2){display:none}}
@media(max-width:599.98px){.popular-slider .slider__container:not(.slick-initialized){grid-template-columns:minmax(0,1fr)}.popular-slider .slider__container:not(.slick-initialized)>.slider__item:nth-child(n+2){display:none}}
/* Russian pages: Montserrat (static/fonts, SIL OFL 1.1), which has Cyrillic; the theme's Poppins does not. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-cyrillic-ext-italic.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-cyrillic-italic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-latin-ext-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/montserrat-latin-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:lang(ru) body{font-family:'Montserrat',sans-serif}
/* The Russian menu items are longer: narrower spacing keeps them on one line between the mobile and wide layouts. */
@media (min-width:992px) and (max-width:1199px){:lang(ru) .site-header .main-navigation .main-menu ul.main-navbar>li>a{padding-left:12px;padding-right:12px}}
/* Chapter summary above the pages: two lines until expanded, readable on the light and dark reading themes. */
.rift-chapter-summary{max-width:860px;margin:6px auto 26px;padding:16px 20px 14px;border-left:3px solid #eb3349;border-radius:0 6px 6px 0;background:rgba(128,128,128,.09)}
.rift-chapter-summary__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:15px;line-height:1.65}
.rift-chapter-summary__text.is-open{display:block;-webkit-line-clamp:unset}
.rift-chapter-summary__toggle{margin-top:8px;padding:0;border:0;background:none;color:#eb3349;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.rift-chapter-summary__toggle:hover{text-decoration:underline}
.rift-chapter-summary__toggle:focus-visible{outline:2px solid #eb3349;outline-offset:2px}
@media (max-width:767px){.rift-chapter-summary{margin:4px 0 20px;padding:14px 16px 12px}.rift-chapter-summary__text{font-size:14px}}
/* ---- Theme fixes: dark scheme, header and footer size, alignment ---- */
/* The theme darkens only .body-wrap; the page behind it showed white below short pages. */
body.text-ui-light{background-color:#262626}
/* Header: 74px main bar instead of 130px; the logo keeps its 40px height. */
@media (min-width:601px){.site-header .main-navigation .main-navigation_wrap{padding:17px 0}}
.site-header .main-navigation.style-1 .wrap_branding a img{width:auto;height:40px}
@media (max-width:600px){.site-header .main-navigation.style-1 .wrap_branding a img{height:30px}}
/* Footer: one line of text needs no 115px of padding. */
.site-footer{padding:24px 0}
.site-footer .nav-footer:has(>ul:empty){display:none}
body.text-ui-light .site-footer{background-color:#1e1e1e;border-top:1px solid #333;border-bottom:0}
/* Manga summary: fade into the page colour, not into black. */
body.manga-page.text-ui-light .summary__content.show-more:after{background:linear-gradient(rgba(38,38,38,0),#262626)}
/* Manga info: the status column starts at the first row of the left column (rating 30px + 12px). */
@media (min-width:993px){body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content .post-status{margin-top:42px}}
@media (max-width:768px){body.manga-page .profile-manga .tab-summary .summary_content_wrap .summary_content{padding-left:0;padding-right:0}}
/* Genre lists: a grid keeps rows aligned and the arrow stays beside its name. Columns are at
   least 172px, the width of the longest Russian genre name, so names never break mid-word;
   the narrow sidebar gets one column, the homepage six, phones two. */
.genres_wrap .genres__collapse .genres ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,172px),1fr));width:100%}
.genres_wrap .genres__collapse .genres ul:after{content:none}
.genres_wrap .genres__collapse .genres ul li{float:none;width:auto;max-width:none;flex:none;padding-right:0}
.genres_wrap .genres__collapse .genres ul li a{display:flex;align-items:baseline;overflow-wrap:anywhere}
.genres_wrap .genres__collapse .genres ul li a:before{flex:none;align-self:center}
#main-sidebar .genres_wrap .genres__collapse .genres ul li{padding-top:5px;padding-bottom:5px}
/* Header instant search: dark list, readable text; its position and width come from rift.js. */
.manga-autocomplete.ui-autocomplete{list-style:none;padding:0}
body.text-ui-light .manga-autocomplete.ui-autocomplete{background-color:#333!important;border:1px solid #444!important;box-shadow:0 6px 16px rgba(0,0,0,.45)!important}
body.text-ui-light .manga-autocomplete.ui-autocomplete>li{border-bottom:1px solid #444!important;color:#eee}
body.text-ui-light .manga-autocomplete.ui-autocomplete>li:last-child{border-bottom:0!important}
body.text-ui-light .manga-autocomplete.ui-autocomplete>li:hover{background-color:#3d3d3d!important}
.manga-autocomplete .manga-text-highlight{color:#eb3349}
/* Search page: the theme's rules are long selector chains, so these need !important. */
body.text-ui-light .c-search-header__wrapper .search-content .search-form .search-field{background-color:#333!important;color:#fff}
body.text-ui-light .c-search-header__wrapper .search-content .search-form .search-field::placeholder{color:#999}
body.text-ui-light .c-search-header__wrapper .search-content .btn-search-adv{border:1px solid #444!important;border-radius:4px;background-color:#333}
body.search.text-ui-light .c-tabs-item__content .tab-summary .post-content{background-color:rgba(255,255,255,.06)!important}
body.search.text-ui-light .c-tabs-item__content .post-content_item .summary-content,body.search.text-ui-light .c-tabs-item__content .post-content_item .summary-content a:not(:hover){color:#ddd!important}
@media (max-width:767px){
body.search .c-search-header__wrapper{margin-bottom:20px!important;padding-bottom:10px!important}
body.search .c-search-header__wrapper .search-content .btn-search-adv{margin:12px 0 0!important}
.search-wrap .c-nav-tabs ul{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.search-wrap .c-nav-tabs ul li{flex:none;float:none}
body.search .c-tabs-item__content .post-content_item.mg_status,body.search .c-tabs-item__content .post-content_item.mg_release{float:none!important;margin-left:0!important}
body.search .c-tabs-item__content .tab-meta .post-on{margin-left:0!important}
}
/* Blog "nothing found" search form */
.no-results .search-form{display:flex;justify-content:center;gap:8px}
.no-results .search-form .search-field{height:40px;padding:0 14px;border:1px solid #444;border-radius:3px;background:#333;color:#fff}
.no-results .search-form .search-submit{height:40px;padding:0 18px;border:0;border-radius:3px;background:#eb3349;color:#fff;font:inherit;cursor:pointer}
/* Sliders: a short row starts at the left edge, like the heading above it. Where the page
   has room beside the container, the arrows move off the covers. */
.popular-slider .slick-track{margin-left:0}
@media (min-width:1330px){.popular-slider.style-3 .slider__container.slick-initialized{overflow:visible}.popular-slider.style-3 .slider__container .slick-prev{left:-45px}.popular-slider.style-3 .slider__container .slick-next{right:-45px}}
/* Sidebar widgets with a filled background ("История чтения") use the same shade as other dark panels. */
body.text-ui-light .widget.background .c-widget-wrap{background-color:rgba(255,255,255,.06)!important}
/* Reader: the chapter select is as tall as the next/previous buttons. */
@media (min-width:768px){body.reading-manga .wp-manga-nav .c-selectpicker select.selectpicker{height:44px}}
@media (max-width:767px){body.reading-manga .c-breadcrumb{margin-left:0;margin-right:0;text-align:left}body.reading-manga .c-breadcrumb .breadcrumb{padding:0}}
/* Mobile menu: sign-in buttons line up with the menu links. */
.mobile-menu .c-modal_item{text-align:left;padding:0 0 0 30px}
.mobile-menu .c-modal_item .btn-active-modal{padding-left:14px;padding-right:14px}
/* Account page: the sign-in button lines up with the text above it. */
#account-guest .c-btn{margin:8px 0}
/* Light scheme (the reader's contrast button now applies to every page): the manga and search
   headers carry an inline dark background and the manga title is forced white. */
body:not(.text-ui-light) .profile-manga,body:not(.text-ui-light) .c-search-header__wrapper{background-color:transparent!important}
body.manga-page:not(.text-ui-light) .profile-manga .post-title h1{color:#333!important}
body.search:not(.text-ui-light) .c-search-header__wrapper .search-content .search-form .search-field{background-color:#f3f3f3!important}
/* Homepage genre block: the inline 50px padding plus the widget margin left about 100px above
   the heading and 80px above the footer. */
.c-sidebar.c-bottom-sidebar{padding:0 7px 30px!important}
.c-sidebar.c-bottom-sidebar .manga-genres-class-name{margin-bottom:0}
