:root{
--accent:#e53935;
--accent-light:#ff5c57;
--bg:#0b0c10;
--surface:#15171d;
--glass:rgba(255,255,255,.045);
--glass-hover:rgba(255,255,255,.07);
--border:rgba(255,255,255,.08);
--border-hover:rgba(229,57,53,.35);
--text:#f3f3f3;
--text2:#b8b8c3;
--text3:#8c8ca1;
--radius:16px;
--transition:.28s ease;
--shadow:
0 10px 35px rgba(0,0,0,.35);
} body{
background:var(--bg)!important;
}
.c-page-content.style-1{
background:var(--bg)!important;
position:relative;
}
.c-page-content.style-1:before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 20% 10%,rgba(229,57,53,.06),transparent 35%),
radial-gradient(circle at 80% 90%,rgba(84,66,255,.05),transparent 35%);
}
.content-area{
position:relative;
z-index:2;
} .conan-glass-banner {
width: 100%;
max-width: 900px; margin: 25px auto 35px;
padding: 25px 20px;
text-align: center;
border-radius: var(--radius);
background: var(--glass);
border: 1px solid var(--border);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
box-shadow: var(--shadow);
position: relative;
overflow: hidden;
}
.conan-glass-banner::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 3px;
background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.glass-banner-content h2 {
margin: 0 0 10px !important;
color: var(--text) !important;
font-size: 2.1rem !important;
font-weight: 800 !important;
text-shadow: 0 4px 15px rgba(0,0,0,0.5);
letter-spacing: 0.5px;
}
.glass-banner-content p {
margin: 0 !important;
color: var(--text2) !important;
font-size: 1.1rem !important;
font-weight: 500;
} #loop-content.page-content-listing{
display:flex!important;
flex-direction:column!important;
align-items: center !important; gap:18px!important;
}
.page-listing-item{
display:block!important;
width: 100%;
max-width: 900px; margin: 0 auto; }
.page-listing-item>.row{
display:block!important;
}
.page-listing-item>.row-eq-height{
display:block!important;
}
#loop-content [class*=col-]{
width:100%!important;
max-width:100%!important;
padding:0!important;
margin:0 !important; float:none!important;
flex:none!important;
} .page-item-detail{
display:flex!important;
flex-direction:row!important;
align-items:stretch!important;
overflow:hidden;
border-radius:var(--radius);
background:var(--glass);
border:1px solid var(--border);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
box-shadow:var(--shadow);
transition:all var(--transition);
min-height:220px;
}
.page-item-detail:hover{
transform:translateY(-4px);
border-color:var(--border-hover);
background:var(--glass-hover);
} .item-thumb{
flex:0 0 165px!important;
width:165px!important;
min-width:165px!important;
max-width:165px!important;
aspect-ratio:auto!important;
position:relative;
overflow:hidden;
background:#111;
}
.item-thumb a{
display:block;
width:100%;
height:100%;
}
.item-thumb img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
transition:.45s;
}
.page-item-detail:hover img{
transform:scale(1.05);
}
.item-thumb:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,
rgba(0,0,0,.45),
transparent 45%);
} .item-summary{
flex:1;
display:flex!important;
flex-direction:column;
justify-content:flex-start;
padding:18px 22px;
min-width:0;
} .post-title{
margin:0 0 10px!important;
}
.post-title h3,
.post-title .h5{
margin:0!important;
font-size:1.18rem!important;
line-height:1.45!important;
font-weight:700;
}
.post-title a{
color:var(--text)!important;
text-decoration:none!important;
transition:.25s;
}
.post-title a:hover{
color:var(--accent)!important;
} .meta-item.rating{
margin-bottom:16px;
color:#ffc94a;
font-size:.9rem;
} .list-chapter{
display:flex!important;
flex-direction:column;
gap:10px;
margin-top:auto;
width:100%;
} .list-chapter .chapter-item{
display:flex!important;
align-items:center;
justify-content:space-between;
gap:15px;
padding:12px 14px;
border-radius:12px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.05);
transition:all .25s ease;
}
.list-chapter .chapter-item:hover{
background:rgba(229,57,53,.08);
border-color:rgba(229,57,53,.35);
transform:translateX(4px);
} .list-chapter .chapter-item>a,
.list-chapter .chapter-item .chapter>a{
display:block;
flex:1;
min-width:0;
font-size:.95rem!important;
font-weight:600;
color:var(--text)!important;
text-decoration:none!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:unset!important;
line-height:1.45;
transition:.25s;
}
.list-chapter .chapter-item>a:hover{
color:var(--accent)!important;
} .list-chapter .post-on{
flex-shrink:0;
color:var(--text3)!important;
font-size:.78rem!important;
opacity:.9;
} .manga-title-badges{
margin-right:8px;
}
.badge-hot,
.badge-new,
.badge-completed{
border-radius:6px;
padding:3px 8px;
font-size:.65rem;
font-weight:700;
} .page-item-detail{
position:relative;
}
.page-item-detail:before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:4px;
background:var(--accent);
opacity:0;
transition:.25s;
}
.page-item-detail:hover:before{
opacity:1;
} .item-summary>*{
width:100%;
}
.item-summary .post-title{
margin-bottom:8px!important;
}
.item-summary .meta-item{
margin-bottom:14px!important;
} .item-summary .summary-content,
.item-summary .list-story,
.item-summary .chapterfont,
.item-summary .mg_genres,
.item-summary .archive-content{
display:none!important;
} .page-item-detail *{
word-break:break-word;
}
.post-title h3{
letter-spacing:.2px;
} .page-item-detail,
.chapter-item,
.item-thumb img{
will-change:transform;
} .list-chapter .chapter-item>a{
max-height:3em;
} .item-thumb{
box-shadow:
inset -1px 0 0 rgba(255,255,255,.06);
} .item-summary{
position:relative;
}
.item-summary:before{
content:"";
position:absolute;
left:0;
top:18px;
bottom:18px;
width:1px;
background:rgba(255,255,255,.05);
} .wp-pagenavi,
.nav-links,
nav.navigation{
display:flex!important;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:40px 0;
}
.wp-pagenavi a,
.wp-pagenavi span,
.page-numbers{
width:42px;
height:42px;
display:flex!important;
align-items:center;
justify-content:center;
border-radius:50%;
background:var(--glass);
border:1px solid var(--border);
color:var(--text)!important;
transition:.25s;
text-decoration:none!important;
}
.page-numbers.current,
.wp-pagenavi .current{
background:var(--accent)!important;
border-color:var(--accent)!important;
color:#fff!important;
}
.page-numbers:hover,
.wp-pagenavi a:hover{
transform:translateY(-2px);
background:rgba(229,57,53,.15);
border-color:var(--accent);
} .c-loadmore,
.c-blog__loadmore{
margin-top:35px;
text-align:center;
}
.c-loadmore button,
.c-blog__loadmore button{
padding:12px 34px;
border-radius:50px;
background:var(--glass);
border:1px solid var(--border);
color:var(--text);
transition:.25s;
}
.c-loadmore button:hover,
.c-blog__loadmore button:hover{
background:var(--accent);
border-color:var(--accent);
} .main-col-inner .heading,
.main-col-inner [class*=heading]{
background:transparent!important;
border:none!important;
margin-bottom:20px;
}
.main-col-inner h1,
.main-col-inner .h4{
color:var(--text)!important;
font-size:1.3rem!important;
font-weight:700;
}
.main-col-inner h1:after,
.main-col-inner .h4:after{
content:"";
display:block;
width:65px;
height:3px;
margin-top:8px;
border-radius:20px;
background:var(--accent);
} .tab-wrap{
background:transparent!important;
border:none!important;
margin-bottom:25px;
} .manga-alphabeta-bars{
margin-bottom:25px;
}
.manga-alphabeta-bars a{
width:34px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:var(--glass);
color:var(--text2);
border:1px solid var(--border);
transition:.25s;
}
.manga-alphabeta-bars a:hover,
.manga-alphabeta-bars a.active{
background:var(--accent);
color:#fff;
border-color:var(--accent);
} @media(max-width:900px){
.page-item-detail{
min-height:190px;
}
.item-thumb{
width:140px!important;
min-width:140px!important;
max-width:140px!important;
}
.post-title h3{
font-size:1.05rem!important;
}
}
@media(max-width:768px) {
.glass-banner-content h2 {
font-size: 1.6rem !important;
}
.glass-banner-content p {
font-size: 1rem !important;
}
.conan-glass-banner {
padding: 20px 15px;
margin-bottom: 25px;
}
}
@media(max-width:700px){
.page-item-detail{
flex-direction:column!important;
}
.item-thumb{
width:100%!important;
min-width:100%!important;
max-width:100%!important;
height:260px!important;
}
.item-summary{
padding:18px;
}
.item-summary:before{
display:none;
}
.list-chapter{
margin-top:15px;
}
}
@media(max-width:480px){
.post-title h3{
font-size:.95rem!important;
}
.meta-item.rating{
font-size:.82rem!important;
}
.list-chapter .chapter-item{
padding:10px;
}
.list-chapter .chapter-item>a{
font-size:.86rem!important;
}
.item-thumb{
height:230px!important;
}
} .row-eq-height{
height:auto!important;
}
.page-item-detail>*{
float:none!important;
} *{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}