- 제출된 URL:
- https://necroscans.com/리디렉션됨
- 보고서 완료:
링크 · 2개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://discord.gg/Tpf7Ef5AgJ | Discord |
| https://ko-fi.com/necross | Ko-fi |
JavaScript 변수 · 148개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __cfQR | object |
| gtag | function |
| dataLayer | object |
| gtag2 | function |
| google_tag_manager | object |
| google_tag_data | object |
콘솔 로그 메시지 · 3개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | other |
|
| error | other |
|
| error | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Necro Scans</title>
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
<link rel="icon" href="https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0811de5a889?w=20">
<link rel="canonical" href="https://necroscans.com/">
<meta name="description" content="Dive into the captivating worlds of manhua and manhwa with Necro Scans, your premier destination for the latest and greatest in these popular comic genres. We bring you high-quality scans of your favorite titles, ensuring you never miss an update.
- Necro Scans">
<meta name="keywords" content="NecroScans, Necro Scans, Necromancer, Scanlation group, Translated Manhua, Manhua, Manhwa, Manga, Webtoon, Necros">
<meta property="og:type" content="website">
<meta property="og:title" content="Necro Scans">
<meta property="og:description" content="Dive into the captivating worlds of manhua and manhwa with Necro Scans, your premier destination for the latest and greatest in these popular comic genres. We bring you high-quality scans of your favorite titles, ensuring you never miss an update.
- Necro Scans">
<meta property="og:url" content="https://necroscans.com/">
<meta property="og:site_name" content="Necro Scans">
<meta property="og:image:alt" content="Necro Scans">
<meta property="og:image" content="https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/552e6402bb2">
<meta property="og:image:secure_url" content="https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/552e6402bb2">
<meta property="twitter:title" content="Necro Scans">
<meta property="twitter:description" content="Dive into the captivating worlds of manhua and manhwa with Necro Scans, your premier destination for the latest and greatest in these popular comic genres. We bring you high-quality scans of your favorite titles, ensuring you never miss an update.
- Necro Scans">
<meta property="twitter:image" content="https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/552e6402bb2">
<meta property="twitter:card" content="summary_large_image">
<script async="" src="https://platform-api.sharethis.com/panorama.js"></script><iframe id="pxcelframe" title="pxcelframe" src="//t.sharethis.com/a/t_.htm?ver=1.1568.23404&cid=c010&cls=B#cid=c010&cls=B&dmn=necroscans.com&rnd=1729715585492&tt=t.dhj&dhjLcy=133&lbl=pxcel&flbl=pxcel&ll=d&ver=1.1568.23404&ell=d&cck=__stid&pn=%2F&qs=na&rdn=necroscans.com&rpn=%2F&rqs=na&cc=ES&cont=EU&ipaddr=" style="display: none;"></iframe><script async="" src="https://count-server.sharethis.com/v2.0/get_counts?cb=window.__sharethis__.cb&url=https%3A%2F%2Fnecroscans.com%2F"></script><script async="" src="https://buttons-config.sharethis.com/js/65dc466cf44fb1001a4c6a85.js"></script><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Necro Scans",
"description": "Dive into the captivating worlds of manhua and manhwa with Necro Scans, your premier destination for the latest and greatest in these popular comic genres. We bring you high-quality scans of your favorite titles, ensuring you never miss an update.
- Necro Scans",
"url": "https://necroscans.com/",
"datePublished": "2024-06-28T10:24:50+00:00",
"dateModified": "2024-10-19T00:35:13+00:00",
"image": "https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/552e6402bb2",
"author": {
"@type": "Person",
"name": "Necro Scans",
"url": "https://necroscans.com/"
},
"publisher": {
"@type": "Organization",
"name": "Necro Scans",
"logo": {
"@type": "ImageObject",
"url": "https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0811de5a889?w=20"
}
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://necroscans.com/"
}
}
</script>
<!-- <script src="https://unpkg.com/[email protected]/dist/htmx.min.js" async></script> -->
<!-- <script src="https://unpkg.com/htmx.org/dist/ext/loading-states.js" defer></script> -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-0KD73DF99D" type="text/javascript">
</script>
<script async="" type="text/javascript">
function gtag() {
window.dataLayer.push(arguments);
}
window.dataLayer = window.dataLayer || [];
gtag("js", new Date());
gtag("config", "G-0KD73DF99D");
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-WBZZWKCQVZ" type="text/javascript"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag2() {
dataLayer.push(arguments);
}
gtag2('js', new Date());
gtag2('config', 'G-WBZZWKCQVZ');
</script>
<link rel="stylesheet" href="https://unpkg.com/@splidejs/[email protected]/dist/css/splide.min.css">
<script src="https://unpkg.com/@splidejs/[email protected]/dist/js/splide.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://f.feedmas.com/fw.css">
<script src="/assets/scripts/index.js" type="text/javascript"></script>
<script src="/assets/scripts/index-2.js" defer="" type="text/javascript"></script>
<link rel="stylesheet" href="/assets/styles/output.css">
<style>
:root {
--theme_color: #0c011e;
--header: #0b042a;
--footer: #0b042a;
--button: #09090b;
}
iframe:not([src]) {
display: none !important;
}
.fw .fw-z-10 {
z-index: 200 !important;
}
</style>
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Croissant+One&family=Young+Serif&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
</style>
<style type="text/css">#st-1 {
font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;;
direction: ltr;
display: block;
opacity: 1;
text-align: left;
z-index: 94034;
}
#st-1.st-animated {
-moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}
#st-1.st-hidden {
opacity: 0;
}
#st-1.st-preview {
display: none!important;
opacity: 0!important;
}
#st-1.st-hide {
display: none;
}
#st-1 .st-btn {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: none;
cursor: pointer;
display: inline-block;
font-size: 12px;
height: 40px;
line-height: 40px;
margin-right: 8px;
padding: 0 10px;
position: relative;
text-align: center;
top: 0;
vertical-align: top;
white-space: nowrap;
}
#st-1 .st-btn:last-child {
margin-right: 0;
}
#st-1 .st-btn > svg {
height: 20px;
width: 20px;
position: relative;
top: 10px;
vertical-align: top;
}
#st-1 .st-btn > img {
display: inline-block;
height: 20px;
width: 20px;
position: relative;
top: 10px;
vertical-align: top;
}
#st-1 .st-btn > span {
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
color: #fff;
display: inline-block;
font-weight: 500;
letter-spacing: 0.5px;
min-width: 67px;
opacity: 1;
padding: 0 6px;
position: relative;
vertical-align: top;
}
#st-1.st-has-labels .st-btn {
min-width: 135px;
}
#st-1.st-has-labels .st-btn.st-remove-label {
min-width: 50px;
}
#st-1.st-has-labels .st-btn.st-remove-label > span {
display: none;
}
#st-1.st-has-labels .st-btn.st-hide-label > span {
display: none;
}
#st-1 .st-total {
color: #555;
display: inline-block;
font-weight: 500;
line-height: 15px;
margin-right: 0;
max-width: 80px;
padding: 4px 8px;
text-align: center;
}
#st-1 .st-total.st-hidden {
display: none;
}
#st-1 .st-total > span {
font-size: 20px;
line-height: 22px;
display: block;
padding: 0;
}
#st-1 .st-total > span.st-shares {
font-size: 12px;
line-height: 12px;
}
#st-1.st-justified {
display: flex;
text-align: center;
}
#st-1.st-justified .st-btn {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}#st-1 .st-btn:hover {
opacity: .8;
top: -4px;
}#st-1 .st-btn[data-network='sharethis'] {
background-color: #6366f1
}
#st-1 .st-btn[data-network='sharethis'] img {
filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
#st-1 .st-btn[data-network='sharethis'] > span {
color: #ffffff
}#st-1 .st-btn[data-network='snapchat'] > span {
color: #333};
}</style></head>
<body class="bg-[--theme_color] text-white select-none" hx-ext="loading-states">
<div data-loading="" class="fixed z-[55] top-0 left-0 sm:h-1 h-[1.5vw] shadow rounded-r-full bg-white/20 hidden" id="loading">
</div>
<style>
#loading {
animation: progress 4s linear infinite;
}
@keyframes progress {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
</style><header id="main_header" class="grid sm:relative transition-all duration-300 sticky top-0 left-0 z-[161] border-white/5">
<div class="grid sm:gap-10 gap-[4vw] w-full 2xl:max-w-[100rem] max-w-6xl mx-auto sm:p-4 p-[4vw]">
<div class="flex justify-between items-center">
<div class="flex sm:gap-4 gap-[4vw] items-center">
<a style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0811de5a889?w=44);" class="flex w-fit justify-center items-center h-11 aspect-square gap-3 border border-white/10 bg-center bg-cover bg-no-repeat rounded-full" href="/">
</a>
<a class="sm:block hidden sm:text-2xl text-[5.5vw] font-bold" href="/">
Necro Scans </a>
</div>
<a class="sm:hidden break-word text-[5.5vw] font-bold" href="/">
Necro Scans </a>
<div class="flex sm:gap-4 gap-[4vw]">
<div id="showPanelButton" alt="Search" title="Search" class="flex sm:pl-4 sm:w-fit w-11 justify-center items-center h-11 sm:px-5 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6 ml-0.5" src="https://api.iconify.design/ph:magnifying-glass-bold.svg?color=white">
<div class="sm:block hidden font-medium">Search</div>
</div>
<div id="bottomHeader" class="flex z-[49] justify-center sm:bg-transparent border-white/5 bg-[--header] sm:gap-4 gap-[4vw] sm:relative sm:w-auto fixed w-full bottom-0 left-0 sm:p-0 p-[4vw]">
<a href="/" class="sm:hidden flex sm:w-fit w-1/2 justify-center items-center h-11 sm:px-5 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/ph:house-simple-fill.svg?color=white">
<div class="sm:block hidden font-medium">Home</div>
</a>
<a href="/latest/" title="Latest" alt="Latest" class="flex sm:w-fit sm:aspect-square w-1/2 justify-center items-center h-11 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/mdi:calendar-badge-outline.svg?color=white">
<!-- <div class="sm:block hidden font-medium">Latest</div> -->
</a>
<a href="/series/" alt="Series" title="Series" class="flex sm:w-fit w-1/2 justify-center items-center h-11 sm:px-5 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/material-symbols:space-dashboard-rounded.svg?color=white">
<div class="sm:block hidden font-medium">Series</div>
</a>
<a href="/library/" alt="Library" title="Library" class="sm:px-5 flex sm:w-fit w-1/2 justify-center items-center h-11 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
<img class="w-6" src="https://api.iconify.design/fluent:library-28-filled.svg?color=white">
<div class="sm:block hidden font-medium">Library</div>
</a>
<button id="open_login_panel_button" class="sm:px-5 flex sm:w-fit sm:aspect-auto w-1/2 a justify-center items-center h-11 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/majesticons:login-half-circle.svg?color=white">
<div class="font-medium sm:block hidden ">Sign in</div>
</button>
<div id="login_panel_main" class="hidden justify-center items-center w-full h-full fixed top-0 left-0 z-[100] overflow-hidden">
<div id="login_panel_background" class="w-full h-full absolute top-0 left-0 bg-[--theme_color] opacity-80">
</div>
<div id="login_panel" class="grid bg-[--theme_color] w-full sm:max-h-[20rem] max-w-[30rem] h-full relative sm:rounded-xl overflow-hidden">
<div class="sm:border border-white/10 sm:rounded-[0.76rem] h-full w-full flex gap-12 flex-col justify-center items-center">
<div class="font-semibold text-2xl">
Sign in
</div>
<div class="flex flex-col gap-3 justify-center items-center w-full">
<div class="grid gap-3 w-full sm:max-w-[60%] max-w-[75%]">
<a href="/auth?type=discord" class="sm:px-5 px-[4vw] flex w-full justify-center items-center h-11 gap-3 bg-[#5865F2] hover:bg-opacity-70 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/cbi:discord.svg?color=white">
<div class="font-medium">Continue with Discord</div>
</a>
<a href="/auth?type=google" class="sm:px-5 px-[4vw] flex w-full justify-center items-center h-11 gap-3 text-black bg-white hover:bg-opacity-70 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/logos:google-icon.svg?color=white">
<div class="font-bold">Continue with Google</div>
</a>
</div>
</div>
<button id="close_login_panel_button" class="absolute top-0 right-0 m-4 flex w-fit aspect-square justify-center items-center h-11 gap-3 bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/material-symbols:close-rounded.svg?color=white">
</button>
</div>
</div>
</div>
<script type="text/javascript">
(() => {
let open_login_panel_button = document.querySelectorAll('#open_login_panel_button');
let close_login_panel_button = document.getElementById('close_login_panel_button');
let login_panel_main = document.getElementById('login_panel_main');
let login_panel_background = document.getElementById('login_panel_background');
let login_panel = document.getElementById('login_panel');
runEl({
show: {
element: login_panel,
function: () => {}
},
ignore: {
elements: [...(Array.from(open_login_panel_button) ?? []), ...[
close_login_panel_button,
login_panel_background
]],
function: async (data) => {
data.preventDefault();
login_panel_main.classList.toggle('flex');
login_panel_main.classList.toggle('hidden');
// Ignored elements function
}
}
});
})();
</script>
</div>
</div>
</div>
</div>
</header>
<script type="text/javascript">
(function() {
let header = document.querySelector('header');
let bottomHeader = header.querySelector('#bottomHeader');
let header_background = false;
if (window.innerWidth < 640) {
bottomHeader.remove();
bottomHeader.classList.add('border-t');
document.body.appendChild(bottomHeader);
if (!header_background) {
header.classList.add('bg-[--header]');
}
document.addEventListener('scroll', function(event) {
let scrollY = window.scrollY;
if (header_background) {
let opacity = Math.min(scrollY / 40, 1);
let hexColor = getComputedStyle(document.documentElement).getPropertyValue('--theme_color')
.trim();
let backgroundColor = hexColor + Math.floor(opacity * 255).toString(16).padStart(2, '0');
let blurAmount = Math.min(scrollY / 5, 20);
header.style.setProperty('background-color', backgroundColor);
header.style.backdropFilter = `blur(${blurAmount}px)`;
}
if (scrollY > 40) {
header.classList.add('border-b');
} else {
header.classList.remove('border-b');
}
});
}
})();
</script>
<div id="panel" class="w-full h-full fixed z-[161] top-0 left-0 hidden justify-center sm:items-center items-start sm:p-4">
<div class="w-full h-full absolute bg-black/90 top-0 left-0">
</div>
<div id="panel_close" class="sm:p-4 flex justify-end absolute top-0 left-0 w-full h-full">
<div class="sm:flex hidden w-fit justify-center items-center h-11 aspect-square gap-3 backdrop-blur bg-white/10 hover:bg-white/20 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/mdi:close.svg?color=white">
</div>
</div>
<div id="panel_block" class="relative w-full h-full sm:max-h-[31rem] 2xl:max-h-[32rem] 2xl:max-w-[64rem] max-w-[45rem] sm:border border-white/5 bg-[--theme_color] backdrop-blur overflow-hidden sm:rounded-xl flex flex-col justify-between">
<div class="flex flex-col">
<div>
<form action="/series/" class="flex gap-4 backdrop-blur-xl h-[16vw] sm:h-12 sm:pt-4 sm:px-4 px-[4vw]">
<img class="w-7" src="https://api.iconify.design/ph:magnifying-glass-bold.svg?color=white">
<input id="searchInput" type="text" name="q" placeholder="Search Series" class="placeholder:font-light placeholder:text-white/40 text-lg w-full bg-transparent focus-within:outline-none">
<img id="panel_close" class="sm:hidden w-7" src="https://api.iconify.design/mdi:close.svg?color=white">
</form>
</div>
<div id="searched_series" class="grid 2xl:grid-cols-4 sm:grid-cols-3 grid-cols-2 sm:gap-4 gap-[4vw] sm:p-4 sm:pt-4 p-[4vw] pt-0">
<button id="cabb1d4eda1" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm flex" alt="Becoming the Obsessive Male Lead's Ex-Wife" title="Becoming the Obsessive Male Lead's Ex-Wife" tags="["Drama","Josei","Romance","Adaptation","Fantasy","Historical","Isekai","Transmigration","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/cabb1d4eda1/" alt="Becoming the Obsessive Male Lead's Ex-Wife" title="Becoming the Obsessive Male Lead's Ex-Wife" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/c58fa6aa40f?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/cabb1d4eda1/" alt="Becoming the Obsessive Male Lead's Ex-Wife" title="Becoming the Obsessive Male Lead's Ex-Wife" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Becoming the Obsessive Male Lead's Ex-Wife</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei </a>
</div>
</div>
</div>
</div>
</button> <button id="66414773fc5" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm flex" alt="Power Confession" title="Power Confession" tags="["Romance","Fantasy","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/66414773fc5/" alt="Power Confession" title="Power Confession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/024dab93c6d?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/66414773fc5/" alt="Power Confession" title="Power Confession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Power Confession</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="8cf4852dad5" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm flex" alt="A Night Soaked With You" title="A Night Soaked With You" tags="["Josei","Drama","Roamnce"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/8cf4852dad5/" alt="A Night Soaked With You" title="A Night Soaked With You" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/bee16848a74?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/8cf4852dad5/" alt="A Night Soaked With You" title="A Night Soaked With You" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
A Night Soaked With You</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="54795c2e9a3" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" tags="["Josei","ROMACE","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/ed1c5263974?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Tenth Year of Devotion: The Count's Daughter and the Empire's God of War</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romace" alt="ROMACE" title="ROMACE" class="flex">
ROMACE </a>
</div>
</div>
</div>
</div>
</button> <button id="0856c97615a" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Became the Stepmother Who Led My Favorite into Darkness" title="I Became the Stepmother Who Led My Favorite into Darkness" tags="["Fantasy","Josei","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0856c97615a/" alt="I Became the Stepmother Who Led My Favorite into Darkness" title="I Became the Stepmother Who Led My Favorite into Darkness" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/75f4a717a25?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
<span class="border border-white/5 bg-orange-700/80 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
upcoming </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/0856c97615a/" alt="I Became the Stepmother Who Led My Favorite into Darkness" title="I Became the Stepmother Who Led My Favorite into Darkness" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Became the Stepmother Who Led My Favorite into Darkness</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei </a>
</div>
</div>
</div>
</div>
</button> <button id="ef28652bf9f" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" tags="["Josei","Romance","Fantasy","Reincarnation","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c8c4f4e4583?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="bb62960e9a4" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" tags="["Historical","Drama","Josei","Adult","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/bb62960e9a4/" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/6af82ce4978?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
<span class="border border-white/5 bg-red-700/80 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
completed </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/bb62960e9a4/" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Taming of the Shrew (Hera)</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=historical" alt="Historical" title="Historical" class="flex">
Historical, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="246ea28034d" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Leaving for My Younger Husband's Future: A Divorce Decision" title="Leaving for My Younger Husband's Future: A Divorce Decision" tags="["Drama","Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/246ea28034d/" alt="Leaving for My Younger Husband's Future: A Divorce Decision" title="Leaving for My Younger Husband's Future: A Divorce Decision" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/90bf0f0fcef?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/246ea28034d/" alt="Leaving for My Younger Husband's Future: A Divorce Decision" title="Leaving for My Younger Husband's Future: A Divorce Decision" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Leaving for My Younger Husband's Future: A Divorce Decision</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="4360566fcaa" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Hero's Daughter Avoids Death Flags" title="The Hero's Daughter Avoids Death Flags" tags="["Romance","Shoujo","Fantasy","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/4360566fcaa/" alt="The Hero's Daughter Avoids Death Flags" title="The Hero's Daughter Avoids Death Flags" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9fdd7624f68?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/4360566fcaa/" alt="The Hero's Daughter Avoids Death Flags" title="The Hero's Daughter Avoids Death Flags" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Hero's Daughter Avoids Death Flags</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="2222484b121" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="An Unexpected Proposal" title="An Unexpected Proposal" tags="["Josei","Drama","Fantasy","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/2222484b121/" alt="An Unexpected Proposal" title="An Unexpected Proposal" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/422986f2bbb?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/2222484b121/" alt="An Unexpected Proposal" title="An Unexpected Proposal" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
An Unexpected Proposal</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="029d58debee" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Beloved New Daughter-In-Law of the Wolf's Mansion" title="The Beloved New Daughter-In-Law of the Wolf's Mansion" tags="["Drama","Fantasy","Romance","Shoujo","Family"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/029d58debee/" alt="The Beloved New Daughter-In-Law of the Wolf's Mansion" title="The Beloved New Daughter-In-Law of the Wolf's Mansion" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/3ead35684b5?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
english </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/029d58debee/" alt="The Beloved New Daughter-In-Law of the Wolf's Mansion" title="The Beloved New Daughter-In-Law of the Wolf's Mansion" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Beloved New Daughter-In-Law of the Wolf's Mansion</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="9062a622da6" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Substitute Bride (Seoli)" title="The Substitute Bride (Seoli)" tags="["Drama","Fantasy","Historical","Josei","Romance","Mature"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/9062a622da6/" alt="The Substitute Bride (Seoli)" title="The Substitute Bride (Seoli)" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/21eac73277b?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/9062a622da6/" alt="The Substitute Bride (Seoli)" title="The Substitute Bride (Seoli)" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Substitute Bride (Seoli)</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="c355aadf3e1" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Villainess Tames the Crazed Devil" title="The Villainess Tames the Crazed Devil" tags="["Josei","Romance","Drama","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/c355aadf3e1/" alt="The Villainess Tames the Crazed Devil" title="The Villainess Tames the Crazed Devil" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/5a917b8840a?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/c355aadf3e1/" alt="The Villainess Tames the Crazed Devil" title="The Villainess Tames the Crazed Devil" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Villainess Tames the Crazed Devil</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="e24fed3c8eb" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Sovereign and Heartburn" title="Sovereign and Heartburn" tags="["Josei","Romance","Fantasy","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/e24fed3c8eb/" alt="Sovereign and Heartburn" title="Sovereign and Heartburn" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/15448010c7c?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/e24fed3c8eb/" alt="Sovereign and Heartburn" title="Sovereign and Heartburn" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Sovereign and Heartburn</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="643e4c29834" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Did You Like Me?" title="Did You Like Me?" tags="["Romance","Fantasy","Shoujo","Magic"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/643e4c29834/" alt="Did You Like Me?" title="Did You Like Me?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/e0061c130c1?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/643e4c29834/" alt="Did You Like Me?" title="Did You Like Me?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Did You Like Me?</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="33a7f46e74c" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Resetting Lady" title="Resetting Lady" tags="["Josei","Drama","Fantasy","Mature","Psychological","Romance","Tragedy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/33a7f46e74c/" alt="Resetting Lady" title="Resetting Lady" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/7205563f0e2?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/33a7f46e74c/" alt="Resetting Lady" title="Resetting Lady" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Resetting Lady</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="7a1ad376107" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Honey, Why Can't We Get a Divorce?" title="Honey, Why Can't We Get a Divorce?" tags="["Drama","Fantasy","Romance","Shoujo","Villainess","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/7a1ad376107/" alt="Honey, Why Can't We Get a Divorce?" title="Honey, Why Can't We Get a Divorce?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/8a78e0167f0?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/7a1ad376107/" alt="Honey, Why Can't We Get a Divorce?" title="Honey, Why Can't We Get a Divorce?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Honey, Why Can't We Get a Divorce?</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="814bde7e386" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Vows and Bullets" title="Vows and Bullets" tags="["Drama","Shoujo","Romace","Agents","Webtoon"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/814bde7e386/" alt="Vows and Bullets" title="Vows and Bullets" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/b8288fec0f3?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/814bde7e386/" alt="Vows and Bullets" title="Vows and Bullets" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Vows and Bullets</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="79796f9606b" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Still Don't Know About My Favourite Character's Unwavering Obsession" title="I Still Don't Know About My Favourite Character's Unwavering Obsession" tags="["Fantasy","Romance","Shoujo","Comedy","Reincarnation"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/79796f9606b/" alt="I Still Don't Know About My Favourite Character's Unwavering Obsession" title="I Still Don't Know About My Favourite Character's Unwavering Obsession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/22958063196?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/79796f9606b/" alt="I Still Don't Know About My Favourite Character's Unwavering Obsession" title="I Still Don't Know About My Favourite Character's Unwavering Obsession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Still Don't Know About My Favourite Character's Unwavering Obsession</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="540c9c58ba3" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Secret Game of Nobles" title="The Secret Game of Nobles" tags="["Historical","Drama","Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/540c9c58ba3/" alt="The Secret Game of Nobles" title="The Secret Game of Nobles" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0ebdeb386b3?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/540c9c58ba3/" alt="The Secret Game of Nobles" title="The Secret Game of Nobles" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Secret Game of Nobles</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=historical" alt="Historical" title="Historical" class="flex">
Historical, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="82c96b10867" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="No More Regrets, Just Kill Me" title="No More Regrets, Just Kill Me" tags="["Webtoon","Shoujo","Adaptation","Reincarnation","Romance","Josei","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/82c96b10867/" alt="No More Regrets, Just Kill Me" title="No More Regrets, Just Kill Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/dda15156709?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/82c96b10867/" alt="No More Regrets, Just Kill Me" title="No More Regrets, Just Kill Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
No More Regrets, Just Kill Me</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=webtoon" alt="Webtoon" title="Webtoon" class="flex">
Webtoon, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="5692f967830" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" tags="["Drama","Fantasy","Romance","Shoujo","Family","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/f1c5c5607ff?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I'm a Worthless Stepmother, But I Love My Family Madly!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="beada1bf39c" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Princess's Bedroom Doll" title="Princess's Bedroom Doll" tags="["Josei","Drama","Adult","Mature","Romance","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/beada1bf39c/" alt="Princess's Bedroom Doll" title="Princess's Bedroom Doll" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/ad61128ffaf?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/beada1bf39c/" alt="Princess's Bedroom Doll" title="Princess's Bedroom Doll" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Princess's Bedroom Doll</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="e4b0c6428c9" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage" title="The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage" tags="["Josei","Drama","Fantasy","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/e4b0c6428c9/" alt="The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage" title="The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/a1695b7fbce?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/e4b0c6428c9/" alt="The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage" title="The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The One Who Will Bury Me: The Witch Does Not Desire a Happy Marriage</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="679f7676867" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="It's Time to Look for a New Family" title="It's Time to Look for a New Family" tags="["Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/679f7676867/" alt="It's Time to Look for a New Family" title="It's Time to Look for a New Family" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c3705fa3804?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/679f7676867/" alt="It's Time to Look for a New Family" title="It's Time to Look for a New Family" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
It's Time to Look for a New Family</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="0dc57e7da1a" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Will Steal Her, My First Love! " title="I Will Steal Her, My First Love! " tags="["Josei","Romance","Drama","School Life"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0dc57e7da1a/" alt="I Will Steal Her, My First Love! " title="I Will Steal Her, My First Love! " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/918cf66f1c7?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/0dc57e7da1a/" alt="I Will Steal Her, My First Love! " title="I Will Steal Her, My First Love! " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Will Steal Her, My First Love! </h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="88ee6a4aaf5" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Raised a Villain" title="I Raised a Villain" tags="["Romance","Fantasy","Shoujo","Drama","Historical"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/88ee6a4aaf5/" alt="I Raised a Villain" title="I Raised a Villain" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/5493ff2b0c4?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/88ee6a4aaf5/" alt="I Raised a Villain" title="I Raised a Villain" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Raised a Villain</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="dc3080b5be2" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Taming the Shrew" title="Taming the Shrew" tags="["Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/dc3080b5be2/" alt="Taming the Shrew" title="Taming the Shrew" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/85d678c761b?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/dc3080b5be2/" alt="Taming the Shrew" title="Taming the Shrew" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Taming the Shrew</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="7b9c7bfa823" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Will Raise This Boy as Another Man's Child" title="I Will Raise This Boy as Another Man's Child" tags="["Josei","Romance","Fantasy","Drama"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/7b9c7bfa823/" alt="I Will Raise This Boy as Another Man's Child" title="I Will Raise This Boy as Another Man's Child" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9ca777adae1?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/7b9c7bfa823/" alt="I Will Raise This Boy as Another Man's Child" title="I Will Raise This Boy as Another Man's Child" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Will Raise This Boy as Another Man's Child</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="86e96bda2eb" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Getting Married Without Rank or Status" title="Getting Married Without Rank or Status" tags="["Drama","Fantasy","Shoujo","Romance","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/86e96bda2eb/" alt="Getting Married Without Rank or Status" title="Getting Married Without Rank or Status" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/8c95494f453?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/86e96bda2eb/" alt="Getting Married Without Rank or Status" title="Getting Married Without Rank or Status" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Getting Married Without Rank or Status</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="6b143c24bb2" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" title="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" tags="["Josei","Fantasy","Romance","Royalty","Isekai","Supernatural"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/6b143c24bb2/" alt="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" title="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0dca20ce146?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/6b143c24bb2/" alt="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" title="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="d9255ad61fd" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="A Hero Who Does Everything Perfectly" title="A Hero Who Does Everything Perfectly" tags="["Action","Drama","Fantasy","Sci-Fi"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/d9255ad61fd/" alt="A Hero Who Does Everything Perfectly" title="A Hero Who Does Everything Perfectly" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/15a5419f090?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/d9255ad61fd/" alt="A Hero Who Does Everything Perfectly" title="A Hero Who Does Everything Perfectly" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
A Hero Who Does Everything Perfectly</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="4c47f5aceca" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Who Stole the Empress?" title="Who Stole the Empress?" tags="["Josei","Fantasy","Historical","Romance","Mature"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/4c47f5aceca/" alt="Who Stole the Empress?" title="Who Stole the Empress?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/70b473a7edc?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/4c47f5aceca/" alt="Who Stole the Empress?" title="Who Stole the Empress?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Who Stole the Empress?</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="74f8cd152d1" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Obsidian Bride" title="Obsidian Bride" tags="["Shoujo","Fantasy","Romance","Drama","Magic"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/74f8cd152d1/" alt="Obsidian Bride" title="Obsidian Bride" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/2aad45a7385?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/74f8cd152d1/" alt="Obsidian Bride" title="Obsidian Bride" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Obsidian Bride</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="8ec699559e5" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="A Flowery Path for the Devastated Male Lead" title="A Flowery Path for the Devastated Male Lead" tags="["Shoujo","Adaptation","Comedy","Fantasy","Reincarnation","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/8ec699559e5/" alt="A Flowery Path for the Devastated Male Lead" title="A Flowery Path for the Devastated Male Lead" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/92c2e041548?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/8ec699559e5/" alt="A Flowery Path for the Devastated Male Lead" title="A Flowery Path for the Devastated Male Lead" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
A Flowery Path for the Devastated Male Lead</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo, </a>
<a href="/series/?genre=adaptation" alt="Adaptation" title="Adaptation" class="flex">
Adaptation </a>
</div>
</div>
</div>
</div>
</button> <button id="af97f6e5683" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Shin-Gyeom: The Child of Divine Death" title="Shin-Gyeom: The Child of Divine Death" tags="["Action","Drama","Fantasy","Shounen"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/af97f6e5683/" alt="Shin-Gyeom: The Child of Divine Death" title="Shin-Gyeom: The Child of Divine Death" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/d602b48ae6d?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/af97f6e5683/" alt="Shin-Gyeom: The Child of Divine Death" title="Shin-Gyeom: The Child of Divine Death" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Shin-Gyeom: The Child of Divine Death</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="45b628b9ce0" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Magic Genius of the Marquis House" title="The Magic Genius of the Marquis House" tags="["Shounen","Magic","Royalty","Genius","Fantasy","Possession","Game"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/45b628b9ce0/" alt="The Magic Genius of the Marquis House" title="The Magic Genius of the Marquis House" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/7e3a8becae0?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/45b628b9ce0/" alt="The Magic Genius of the Marquis House" title="The Magic Genius of the Marquis House" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Magic Genius of the Marquis House</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen, </a>
<a href="/series/?genre=magic" alt="Magic" title="Magic" class="flex">
Magic </a>
</div>
</div>
</div>
</div>
</button> <button id="30df5dfc498" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="A Blood-Curdling Lifestyle" title="A Blood-Curdling Lifestyle" tags="["Romance","School Life","Shoujo","Comedy","Supernatural"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/30df5dfc498/" alt="A Blood-Curdling Lifestyle" title="A Blood-Curdling Lifestyle" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/a8b8ff40630?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/30df5dfc498/" alt="A Blood-Curdling Lifestyle" title="A Blood-Curdling Lifestyle" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
A Blood-Curdling Lifestyle</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=school life" alt="School Life" title="School Life" class="flex">
School Life </a>
</div>
</div>
</div>
</div>
</button> <button id="5be2c6e5b78" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Was Immediately Mistaken for a Monster Genius Actor" title="I Was Immediately Mistaken for a Monster Genius Actor" tags="["Seinen","Drama","Fantasy","Supernatural","Comedy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/5be2c6e5b78/" alt="I Was Immediately Mistaken for a Monster Genius Actor" title="I Was Immediately Mistaken for a Monster Genius Actor" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/727a1e6e6ef?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/5be2c6e5b78/" alt="I Was Immediately Mistaken for a Monster Genius Actor" title="I Was Immediately Mistaken for a Monster Genius Actor" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Was Immediately Mistaken for a Monster Genius Actor</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=seinen" alt="Seinen" title="Seinen" class="flex">
Seinen, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="3b846611bce" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Count's Secret Maid" title="The Count's Secret Maid" tags="["Shoujo","Drama","Romance","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/3b846611bce/" alt="The Count's Secret Maid" title="The Count's Secret Maid" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/3f423fd1321?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/3b846611bce/" alt="The Count's Secret Maid" title="The Count's Secret Maid" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Count's Secret Maid</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="267bd5fe34e" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Spent the Night with My Soon-to-be Ex-Husband" title="I Spent the Night with My Soon-to-be Ex-Husband" tags="["Josei","Drama","Fantasy","R15","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/267bd5fe34e/" alt="I Spent the Night with My Soon-to-be Ex-Husband" title="I Spent the Night with My Soon-to-be Ex-Husband" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/db7bab801cd?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/267bd5fe34e/" alt="I Spent the Night with My Soon-to-be Ex-Husband" title="I Spent the Night with My Soon-to-be Ex-Husband" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Spent the Night with My Soon-to-be Ex-Husband</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="584731b6b7c" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Our Majesty Has Changed" title="Our Majesty Has Changed" tags="["Josei","Romance","Fantasy","R15","Drama","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/584731b6b7c/" alt="Our Majesty Has Changed" title="Our Majesty Has Changed" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/71a6931327d?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/584731b6b7c/" alt="Our Majesty Has Changed" title="Our Majesty Has Changed" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Our Majesty Has Changed</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="10374a1d593" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Remarried Empress" title="The Remarried Empress" tags="["Josei","Romance","Fantasy","Drama","Historical","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/10374a1d593/" alt="The Remarried Empress" title="The Remarried Empress" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/afb059b3431?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/10374a1d593/" alt="The Remarried Empress" title="The Remarried Empress" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Remarried Empress</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="66e686ea1a9" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Taught You with Restraint, so Why Are You Obsessed?" title="I Taught You with Restraint, so Why Are You Obsessed?" tags="["Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/66e686ea1a9/" alt="I Taught You with Restraint, so Why Are You Obsessed?" title="I Taught You with Restraint, so Why Are You Obsessed?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/414db592000?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/66e686ea1a9/" alt="I Taught You with Restraint, so Why Are You Obsessed?" title="I Taught You with Restraint, so Why Are You Obsessed?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Taught You with Restraint, so Why Are You Obsessed?</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="6eaa0b1e053" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Even though She’S the Substitute Empress, She Spent the First Night with Him" title="Even though She’S the Substitute Empress, She Spent the First Night with Him" tags="["Shoujo","Fantasy","Romance","Empress"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/6eaa0b1e053/" alt="Even though She’S the Substitute Empress, She Spent the First Night with Him" title="Even though She’S the Substitute Empress, She Spent the First Night with Him" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/d5421ae8a6c?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/6eaa0b1e053/" alt="Even though She’S the Substitute Empress, She Spent the First Night with Him" title="Even though She’S the Substitute Empress, She Spent the First Night with Him" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Even though She’S the Substitute Empress, She Spent the First Night with Him</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="0df0995577e" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="There's a Witch in the Emperor's Bedroom" title="There's a Witch in the Emperor's Bedroom" tags="["Isekai","Romance","Drama","Fantasy","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0df0995577e/" alt="There's a Witch in the Emperor's Bedroom" title="There's a Witch in the Emperor's Bedroom" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/54ff750417d?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/0df0995577e/" alt="There's a Witch in the Emperor's Bedroom" title="There's a Witch in the Emperor's Bedroom" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
There's a Witch in the Emperor's Bedroom</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=isekai" alt="Isekai" title="Isekai" class="flex">
Isekai, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="64add5f804a" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Too Bad for You, the Position of the Saint Belongs to Me" title="Too Bad for You, the Position of the Saint Belongs to Me" tags="["Romance","Fantasy","Shoujo","Rebirth","Saintess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/64add5f804a/" alt="Too Bad for You, the Position of the Saint Belongs to Me" title="Too Bad for You, the Position of the Saint Belongs to Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/2e0e317962c?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/64add5f804a/" alt="Too Bad for You, the Position of the Saint Belongs to Me" title="Too Bad for You, the Position of the Saint Belongs to Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Too Bad for You, the Position of the Saint Belongs to Me</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="4427e23de96" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Please Teach Me Desire" title="Please Teach Me Desire" tags="["Josei","Romance","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/4427e23de96/" alt="Please Teach Me Desire" title="Please Teach Me Desire" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/357aa86cc40?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/4427e23de96/" alt="Please Teach Me Desire" title="Please Teach Me Desire" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Please Teach Me Desire</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="75265deea86" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="As Your Heart Leads You" title="As Your Heart Leads You" tags="["Josei","Romance","Drama","Fantasy","Reincarnation","Supernatural"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/75265deea86/" alt="As Your Heart Leads You" title="As Your Heart Leads You" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/17bf6f11f23?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/75265deea86/" alt="As Your Heart Leads You" title="As Your Heart Leads You" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
As Your Heart Leads You</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="0d61686c550" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" tags="["Romance","Drama","Adventure","Fantasy","Magic","Josei"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4bb19c60f78?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Can't Stop Doting the Empire's Most Notorious Villainess!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="e0a16e025fd" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Young Lord of House Finlanz" title="The Young Lord of House Finlanz" tags="["Fantasy","Romance","Shoujo","Rebirth"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/e0a16e025fd/" alt="The Young Lord of House Finlanz" title="The Young Lord of House Finlanz" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/ab35d482d59?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/e0a16e025fd/" alt="The Young Lord of House Finlanz" title="The Young Lord of House Finlanz" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Young Lord of House Finlanz</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="0777f88ce49" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Don'T Trust the Godess" title="Don'T Trust the Godess" tags="["Romance","Shoujo","Fantasy","Comedy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0777f88ce49/" alt="Don'T Trust the Godess" title="Don'T Trust the Godess" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/60a48d81d8c?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/0777f88ce49/" alt="Don'T Trust the Godess" title="Don'T Trust the Godess" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Don'T Trust the Godess</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="a2ba5a5d748" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Seasons of Lovesome" title="Seasons of Lovesome" tags="["Romance","Shoujo","College life","Drama","Comedy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/a2ba5a5d748/" alt="Seasons of Lovesome" title="Seasons of Lovesome" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/26ad3ecdd8a?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/a2ba5a5d748/" alt="Seasons of Lovesome" title="Seasons of Lovesome" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Seasons of Lovesome</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="98c2648f08b" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Weird Invasion, I Took over the Body of the Grim Reaper and Became the King" title="Weird Invasion, I Took over the Body of the Grim Reaper and Became the King" tags="["Action","Fantasy","Shounen","Rebirth","System","Demons"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/98c2648f08b/" alt="Weird Invasion, I Took over the Body of the Grim Reaper and Became the King" title="Weird Invasion, I Took over the Body of the Grim Reaper and Became the King" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/fe10da197fc?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/98c2648f08b/" alt="Weird Invasion, I Took over the Body of the Grim Reaper and Became the King" title="Weird Invasion, I Took over the Body of the Grim Reaper and Became the King" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Weird Invasion, I Took over the Body of the Grim Reaper and Became the King</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="bba426f497d" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Bad Bastard that Can'T Be Cheated" title="Bad Bastard that Can'T Be Cheated" tags="["Josei","Romance","Fantasy","Office","Mature"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/bba426f497d/" alt="Bad Bastard that Can'T Be Cheated" title="Bad Bastard that Can'T Be Cheated" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9aa2538f7de?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/bba426f497d/" alt="Bad Bastard that Can'T Be Cheated" title="Bad Bastard that Can'T Be Cheated" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Bad Bastard that Can'T Be Cheated</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="ebe43b92ade" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " tags="["Fantasy","Romance","Reincarnation","Royal Family","Historical","Action","Adventure"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ebe43b92ade/" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/8c65be4f7c1?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/ebe43b92ade/" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family </h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="7696649b37c" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The New Hire Is the Demon Lord" title="The New Hire Is the Demon Lord" tags="["Shounen","Comedy","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/7696649b37c/" alt="The New Hire Is the Demon Lord" title="The New Hire Is the Demon Lord" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/b0b446f18e0?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/7696649b37c/" alt="The New Hire Is the Demon Lord" title="The New Hire Is the Demon Lord" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The New Hire Is the Demon Lord</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen, </a>
<a href="/series/?genre=comedy" alt="Comedy" title="Comedy" class="flex">
Comedy </a>
</div>
</div>
</div>
</div>
</button> <button id="699671b127d" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Run Away, From Me" title="Run Away, From Me" tags="["Drama","Fantasy","Mature","Romance","Tragedy","Josei","Royal Family"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/699671b127d/" alt="Run Away, From Me" title="Run Away, From Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4f5e9cf9d5e?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/699671b127d/" alt="Run Away, From Me" title="Run Away, From Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Run Away, From Me</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="b02dd3dfc8b" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Lips on the Tip of a Knife" title="Lips on the Tip of a Knife" tags="["Josei","Fantasy","Historical","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/b02dd3dfc8b/" alt="Lips on the Tip of a Knife" title="Lips on the Tip of a Knife" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/65f5228a629?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/b02dd3dfc8b/" alt="Lips on the Tip of a Knife" title="Lips on the Tip of a Knife" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Lips on the Tip of a Knife</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="40a5d411278" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="We're not Dating!!" title="We're not Dating!!" tags="["Shoujo","Romance","Comedy","School Life"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/40a5d411278/" alt="We're not Dating!!" title="We're not Dating!!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/82197f4074d?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/40a5d411278/" alt="We're not Dating!!" title="We're not Dating!!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
We're not Dating!!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="b9ad2154cc1" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Visible Love" title="Visible Love" tags="["Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/b9ad2154cc1/" alt="Visible Love" title="Visible Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/813be6f27ec?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/b9ad2154cc1/" alt="Visible Love" title="Visible Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Visible Love</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="880a33b2eee" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Young Master of Namgung Is an Impersonal Person" title="The Young Master of Namgung Is an Impersonal Person" tags="["Drama","Fantasy","Historical","Action","Seinen","Martial Arts","Mystery"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/880a33b2eee/" alt="The Young Master of Namgung Is an Impersonal Person" title="The Young Master of Namgung Is an Impersonal Person" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/2944d7433f5?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/880a33b2eee/" alt="The Young Master of Namgung Is an Impersonal Person" title="The Young Master of Namgung Is an Impersonal Person" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Young Master of Namgung Is an Impersonal Person</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="62fed102dc7" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Villain Wants to Live One More Day" title="The Villain Wants to Live One More Day" tags="["Action","Shounen","System","Villain","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/62fed102dc7/" alt="The Villain Wants to Live One More Day" title="The Villain Wants to Live One More Day" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/934e9c14aae?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/62fed102dc7/" alt="The Villain Wants to Live One More Day" title="The Villain Wants to Live One More Day" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Villain Wants to Live One More Day</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen </a>
</div>
</div>
</div>
</div>
</button> <button id="02df973066a" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Old Man of the Otherworld's Convenience Store is Actually the Strongest" title="The Old Man of the Otherworld's Convenience Store is Actually the Strongest" tags="["Action","Shounen","Fantasy","Magic"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/02df973066a/" alt="The Old Man of the Otherworld's Convenience Store is Actually the Strongest" title="The Old Man of the Otherworld's Convenience Store is Actually the Strongest" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/d0fe2949ea3?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/02df973066a/" alt="The Old Man of the Otherworld's Convenience Store is Actually the Strongest" title="The Old Man of the Otherworld's Convenience Store is Actually the Strongest" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Old Man of the Otherworld's Convenience Store is Actually the Strongest</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen </a>
</div>
</div>
</div>
</div>
</button> <button id="ecf66d82284" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" tags="["Josei","Shoujo","Boys","Drama","Girls","Romance","School Life"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ecf66d82284/" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/dcc44a3d98c?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
comic </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/ecf66d82284/" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Bad Boy Who Lies In Love</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="80843a6f6a7" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="The Dignity of a Chaebol" title="The Dignity of a Chaebol" tags="["Shounen","Drama","Fantasy","Regression","Office Workers"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/80843a6f6a7/" alt="The Dignity of a Chaebol" title="The Dignity of a Chaebol" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/5bc09fc6349?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/80843a6f6a7/" alt="The Dignity of a Chaebol" title="The Dignity of a Chaebol" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Dignity of a Chaebol</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="72c76e23e15" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Am a Living Beast in the World of Cultivating Immortals" title="I Am a Living Beast in the World of Cultivating Immortals" tags="["Action","Shounen","Martial Arts","Supernatural","Fantasy","Drama"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/72c76e23e15/" alt="I Am a Living Beast in the World of Cultivating Immortals" title="I Am a Living Beast in the World of Cultivating Immortals" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/56a94aed255?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/72c76e23e15/" alt="I Am a Living Beast in the World of Cultivating Immortals" title="I Am a Living Beast in the World of Cultivating Immortals" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Am a Living Beast in the World of Cultivating Immortals</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen </a>
</div>
</div>
</div>
</div>
</button> <button id="614e3c46a17" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" tags="["Action","Shounen","Martial Arts","Comedy","Harem","Historical","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/614e3c46a17/" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c5538306f8e?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/614e3c46a17/" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Upset Millions of Cultivators</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen </a>
</div>
</div>
</div>
</div>
</button> <button id="b570c841c19" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Please Pretend to Cultivate For a While" title="Please Pretend to Cultivate For a While" tags="["Action","Comedy","Fantasy","Martial Arts","Shounen"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/b570c841c19/" alt="Please Pretend to Cultivate For a While" title="Please Pretend to Cultivate For a While" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/541b8ee2f05?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
<span class="border border-white/5 bg-orange-700/80 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
upcoming </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/b570c841c19/" alt="Please Pretend to Cultivate For a While" title="Please Pretend to Cultivate For a While" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Please Pretend to Cultivate For a While</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=comedy" alt="Comedy" title="Comedy" class="flex">
Comedy </a>
</div>
</div>
</div>
</div>
</button> <button id="ff23b3dbc49" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="Conquer the Game With the Best Web Novels" title="Conquer the Game With the Best Web Novels" tags="["Action","Drama","Fantasy","Shounen"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ff23b3dbc49/" alt="Conquer the Game With the Best Web Novels" title="Conquer the Game With the Best Web Novels" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/82c4662efef?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/ff23b3dbc49/" alt="Conquer the Game With the Best Web Novels" title="Conquer the Game With the Best Web Novels" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Conquer the Game With the Best Web Novels</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="9d8ef5d0b97" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm hidden" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" tags="["Drama","Fantasy","Martial Arts","Action","Shounen"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/9d8ef5d0b97/" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/37972a6adfd?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/9d8ef5d0b97/" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
When My Organs Awakened, I Suddenly Became Invincible</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> </div>
<div id="no_results" class="h-full hidden justify-center items-center text-white/80 font-light">
<p>No series found.</p>
</div>
</div>
<button type="button" id="view_all_search" class="flex justify-center items-center pb-4">
<div class="h-11 px-8 bg-blue-600 hover:bg-blue-500 transition-all flex justify-center items-center rounded-full">
View all results
</div>
</button>
</div>
</div>
<script type="text/javascript">
(function() {
const panel = document.getElementById('panel');
const panel_block = document.querySelector('#panel_block');
const noResults = document.getElementById('no_results');
const searchedSeries = document.getElementById('searched_series');
const showPanelButtons = document.querySelectorAll('#showPanelButton');
const searchInput = document.getElementById('searchInput');
const panel_closeElements = document.querySelectorAll('#panel_close');
const AllSeries = document.querySelector("#searched_series>a");
const view_all_search = document.querySelector('#view_all_search');
function funPanel(type) {
if (type) {
panel.classList.remove('hidden');
panel.classList.add('flex'); // Show the panel
document.body.classList.add('static'); // Add class to body
searchInput.value = "";
searchInput.focus();
updateSearchResults();
} else {
panel.classList.add('hidden'); // Hide the panel on Escape key
panel.classList.remove('flex'); // Show the panel
document.body.classList.remove('static');
}
}
for (const button of panel_closeElements) {
button.addEventListener('click', function() {
funPanel()
});
}
for (showPanelButton of showPanelButtons) {
showPanelButton.addEventListener('click', function() {
funPanel(true)
});
}
view_all_search.addEventListener('click', function() {
const inputValue = searchInput.value.toLowerCase();
location.href = '/series?q=' + inputValue;
});
document.addEventListener('keydown', function(event) {
if (!panel.classList.contains('hidden')) {
// Only run the event listener if the panel is not hidden
if (event.key === 'Escape') {
funPanel()
console.log('Escape');
} else if (event.key === 'ArrowUp') {
console.log('Up');
} else if (event.key === 'ArrowDown') {
console.log('Down');
} else if (event.key === 'Enter') {
console.log('Enter');
}
}
});
function updateSearchResults() {
const inputValue = searchInput.value
.toLowerCase(); // Convert the input value to lowercase for case-insensitive matching
const anchorElements = document.querySelectorAll("#searched_series > button");
let count = 0; // Initialize a count to keep track of the matched anchors
// Check the window width
const windowWidth = window.innerWidth;
for (const anchor of anchorElements) {
const title = anchor.getAttribute("title");
if (inputValue === '' || (title && title.toLowerCase().includes(inputValue))) {
anchor.classList.remove('hidden');
anchor.classList.add('flex');
let listener = false;
count++;
if (windowWidth >= 1536) {
if (count > 4) {
listener = true
}
} else if (windowWidth < 640) {
if (count > 4) {
listener = true
}
} else {
if (count > 3) {
listener = true
}
}
if (listener) {
anchor.classList.add('hidden');
anchor.classList.remove('flex');
}
} else {
anchor.classList.add('hidden');
anchor.classList.remove('flex');
}
}
if (count === 0) {
view_all_search.classList.add('hidden');
panel_block.classList.add('grid');
panel_block.classList.remove('flex');
panel_block.classList.remove('flex-col');
panel_block.classList.remove('justify-between');
searchedSeries.classList.add('hidden');
searchedSeries.classList.remove('grid');
noResults.classList.remove('hidden');
noResults.classList.add('flex');
} else {
view_all_search.classList.remove('hidden');
panel_block.classList.add('flex');
panel_block.classList.add('flex-col');
panel_block.classList.add('justify-between');
panel_block.classList.remove('grid');
searchedSeries.classList.remove('hidden');
searchedSeries.classList.add('grid');
noResults.classList.add('hidden');
noResults.classList.remove('flex');
}
}
searchInput.addEventListener('input', updateSearchResults);
updateSearchResults()
funPanel()
})();
</script> <div class="grid sm:mt-2 ">
<section class="splide grid col-span-full sm:w-full splide--loop splide--ltr splide--draggable is-active is-overflow is-initialized" id="splide01" aria-roledescription="carousel">
<div class="splide__arrows splide__arrows--ltr"><button class="splide__arrow splide__arrow--prev" type="button" aria-label="Go to last slide" aria-controls="splide01-track"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button><button class="splide__arrow splide__arrow--next" type="button" aria-label="Next slide" aria-controls="splide01-track"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button></div><div class="splide__track splide__track--loop splide__track--ltr splide__track--draggable" id="splide01-track" aria-live="off" aria-atomic="true" style="padding-left: 0px; padding-right: 0px;">
<ul class="splide__list" id="splide01-list" role="presentation" style="transform: translateX(-751.484px);">
<a href="/series/584731b6b7c/" alt="Our Majesty Has Changed" title="Our Majesty Has Changed" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group splide__slide--clone" id="splide01-clone01" role="tabpanel" aria-roledescription="slide" aria-label="15 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/71a6931327d?w=350);">
</div>
</a><a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group splide__slide--clone" id="splide01-clone02" role="tabpanel" aria-roledescription="slide" aria-label="16 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4bb19c60f78?w=350);">
</div>
</a><a href="/series/bba426f497d/" alt="Bad Bastard that Can'T Be Cheated" title="Bad Bastard that Can'T Be Cheated" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group splide__slide--clone is-prev" id="splide01-clone03" role="tabpanel" aria-roledescription="slide" aria-label="17 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9aa2538f7de?w=350);">
</div>
</a><a href="/series/8cf4852dad5/" alt="A Night Soaked With You" title="A Night Soaked With You" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group is-active is-visible" id="splide01-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 17" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/bee16848a74?w=350);">
</div>
</a> <a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group is-next" id="splide01-slide02" role="tabpanel" aria-roledescription="slide" aria-label="2 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/ed1c5263974?w=350);">
</div>
</a> <a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide03" role="tabpanel" aria-roledescription="slide" aria-label="3 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c8c4f4e4583?w=350);">
</div>
</a> <a href="/series/bb62960e9a4/" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide04" role="tabpanel" aria-roledescription="slide" aria-label="4 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/6af82ce4978?w=350);">
</div>
</a> <a href="/series/029d58debee/" alt="The Beloved New Daughter-In-Law of the Wolf's Mansion" title="The Beloved New Daughter-In-Law of the Wolf's Mansion" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide05" role="tabpanel" aria-roledescription="slide" aria-label="5 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/3ead35684b5?w=350);">
</div>
</a> <a href="/series/9062a622da6/" alt="The Substitute Bride (Seoli)" title="The Substitute Bride (Seoli)" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide06" role="tabpanel" aria-roledescription="slide" aria-label="6 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/21eac73277b?w=350);">
</div>
</a> <a href="/series/643e4c29834/" alt="Did You Like Me?" title="Did You Like Me?" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide07" role="tabpanel" aria-roledescription="slide" aria-label="7 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/e0061c130c1?w=350);">
</div>
</a> <a href="/series/7a1ad376107/" alt="Honey, Why Can't We Get a Divorce?" title="Honey, Why Can't We Get a Divorce?" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide08" role="tabpanel" aria-roledescription="slide" aria-label="8 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/8a78e0167f0?w=350);">
</div>
</a> <a href="/series/79796f9606b/" alt="I Still Don't Know About My Favourite Character's Unwavering Obsession" title="I Still Don't Know About My Favourite Character's Unwavering Obsession" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide09" role="tabpanel" aria-roledescription="slide" aria-label="9 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/22958063196?w=350);">
</div>
</a> <a href="/series/82c96b10867/" alt="No More Regrets, Just Kill Me" title="No More Regrets, Just Kill Me" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide10" role="tabpanel" aria-roledescription="slide" aria-label="10 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/dda15156709?w=350);">
</div>
</a> <a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide11" role="tabpanel" aria-roledescription="slide" aria-label="11 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/f1c5c5607ff?w=350);">
</div>
</a> <a href="/series/beada1bf39c/" alt="Princess's Bedroom Doll" title="Princess's Bedroom Doll" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide12" role="tabpanel" aria-roledescription="slide" aria-label="12 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/ad61128ffaf?w=350);">
</div>
</a> <a href="/series/7b9c7bfa823/" alt="I Will Raise This Boy as Another Man's Child" title="I Will Raise This Boy as Another Man's Child" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide13" role="tabpanel" aria-roledescription="slide" aria-label="13 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9ca777adae1?w=350);">
</div>
</a> <a href="/series/6b143c24bb2/" alt="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" title="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide14" role="tabpanel" aria-roledescription="slide" aria-label="14 of 17" aria-hidden="true" style="margin-right: 1%; width: 20rem;">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0dca20ce146?w=350);">
</div>
</a> <a href="/series/584731b6b7c/" alt="Our Majesty Has Changed" title="Our Majesty Has Changed" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide15" role="tabpanel" aria-roledescription="slide" aria-label="15 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/71a6931327d?w=350);">
</div>
</a> <a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide16" role="tabpanel" aria-roledescription="slide" aria-label="16 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4bb19c60f78?w=350);">
</div>
</a> <a href="/series/bba426f497d/" alt="Bad Bastard that Can'T Be Cheated" title="Bad Bastard that Can'T Be Cheated" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group" id="splide01-slide17" role="tabpanel" aria-roledescription="slide" aria-label="17 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9aa2538f7de?w=350);">
</div>
</a> <a href="/series/8cf4852dad5/" alt="A Night Soaked With You" title="A Night Soaked With You" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group splide__slide--clone is-active" id="splide01-clone04" role="tabpanel" aria-roledescription="slide" aria-label="1 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/bee16848a74?w=350);">
</div>
</a><a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group splide__slide--clone" id="splide01-clone05" role="tabpanel" aria-roledescription="slide" aria-label="2 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/ed1c5263974?w=350);">
</div>
</a><a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" class="flex justify-center overflow-hidden relative items-center w-full splide__slide sm:rounded-lg group splide__slide--clone" id="splide01-clone06" role="tabpanel" aria-roledescription="slide" aria-label="3 of 17" style="margin-right: 1%; width: 20rem;" aria-hidden="true">
<div class="grid relative z-10 w-full aspect-[0.74/1] h-full bg-center bg-cover bg-white/10 group-hover:sm:opacity-80 rounded-lg transition-all" style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c8c4f4e4583?w=350);">
</div>
</a></ul>
</div>
<ul class="splide__pagination splide__pagination--ltr" role="tablist" aria-label="Select a slide to show"><li role="presentation"><button class="splide__pagination__page is-active" type="button" role="tab" aria-controls="splide01-slide01" aria-label="Go to slide 1" aria-selected="true"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide02" aria-label="Go to slide 2" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide03" aria-label="Go to slide 3" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide04" aria-label="Go to slide 4" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide05" aria-label="Go to slide 5" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide06" aria-label="Go to slide 6" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide07" aria-label="Go to slide 7" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide08" aria-label="Go to slide 8" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide09" aria-label="Go to slide 9" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide10" aria-label="Go to slide 10" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide11" aria-label="Go to slide 11" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide12" aria-label="Go to slide 12" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide13" aria-label="Go to slide 13" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide14" aria-label="Go to slide 14" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide15" aria-label="Go to slide 15" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide16" aria-label="Go to slide 16" tabindex="-1"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide01-slide17" aria-label="Go to slide 17" tabindex="-1"></button></li></ul></section>
</div>
<script type="text/javascript">
let slider = new Splide('.splide', {
type: 'loop',
gap: '1%',
focus: 'center',
fixedWidth: '20%',
perPage: 1,
// perMove: 1,
arrows: true,
pagination: true,
autoplay: true,
drag: true,
snap: true,
breakpoints: {
640: {
perPage: 1,
perMove: 1,
gap: '4vw',
fixedWidth: '60%',
},
1500: {
fixedWidth: '20rem',
}
}
});
slider.mount();
slider.on('click', function(element) {
if (element.slide.classList.contains('is-next')) {
slider.go('>');
} else if (element.slide.classList.contains('is-prev')) {
slider.go('<');
}
});
</script> <div class="w-full 2xl:max-w-[100rem] max-w-6xl mx-auto sm:p-4 p-[4vw] sm:mt-2">
<div class="grid lg:grid-cols-3 md:grid-cols-2 sm:gap-4 gap-2">
<div class="sm:flex hidden justify-between gap-6 bg-white/10 p-4 rounded-2xl overflow-hidden z-[1]">
<div class="flex gap-4 justify-center items-center ">
<div class="h-full w-1 rounded-lg bg-white/20">
</div>
<div class="grid ">
<div class="font-medium truncate">Share Necro Scans</div>
<div class="text-sm truncate">to your friends</div>
</div>
</div>
<div class="sharethis-inline-share-buttons st-left st-has-labels st-inline-share-buttons st-animated" id="st-1"><div class="st-total ">
<span class="st-label">68</span>
<span class="st-shares">
Shares
</span>
</div><div class="st-btn st-first st-last st-remove-label" data-network="sharethis" style="display: inline-block;">
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
<span class="st-label">Share</span>
</div></div>
</div>
<style>
#st-1 .st-total {
color: white !important;
}
</style>
<script async="async" type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=65dc466cf44fb1001a4c6a85&product=inline-share-buttons&source=platform"></script> <div class="flex justify-between gap-6 bg-white/10 p-4 rounded-2xl">
<div class="flex gap-4 justify-center items-center">
<div class="h-full w-1 rounded-lg bg-white/20">
</div>
<div class="grid ">
<div class="font-medium truncate">Join Our Socials</div>
<div class="text-sm truncate">to explore more</div>
</div>
</div>
<a href="https://discord.gg/Tpf7Ef5AgJ" target="_blank" alt="Discord" title="Discord" class="h-10 gap-2 px-6 bg-[#5865F2] hover:bg-opacity-80 flex justify-center items-center rounded-full">
<img src="https://api.iconify.design/cbi:discord.svg?color=%23ffffff" class="w-6">
<div class="font-medium">Discord</div>
</a>
</div>
<div class="flex justify-between gap-6 bg-white/10 p-4 rounded-2xl relative overflow-hidden ">
<img src="/assets/images/senkoheart.png" class="h-full w-auto absolute top-0 left-0 [transform:scaleX(-1)]">
<div class="flex ml-[4.5rem] gap-4 justify-center items-center relative">
<div class="hidden h-full w-1 rounded-lg bg-white/20">
</div>
<div class="grid ">
<div class="font-medium truncate">Donate Us</div>
<div class="text-sm truncate">to support us</div>
</div>
</div>
<div class="flex gap-2 relative">
<a href="https://ko-fi.com/necross" target="_blank" alt="Ko-fi" title="Ko-fi" class="h-10 gap-2 px-6 bg-blue-400 hover:bg-opacity-80 flex justify-center items-center rounded-full">
<img src="https://api.iconify.design/cib:ko-fi.svg?color=%23ffffff" class="w-7">
<div class="whitespace-nowrap font-medium">Ko-Fi</div>
</a>
</div>
</div>
</div> </div>
<div class="flex sm:gap-10 gap-[4vw] w-full 2xl:max-w-[100rem] max-w-6xl mx-auto sm:p-4 p-[4vw] relative">
<div class="grid sm:gap-10 gap-[4vw] w-full h-fit">
<!-- The Start Of Layout -->
<div class="grid sm:gap-10 gap-[4vw] mb-4 2xl:hidden">
<div class="flex justify-between items-center">
<h2 class="sm:text-2xl text-[5.5vw] font-bold">
Trending </h2>
<div></div>
</div>
<div class="sm:-mx-0 -mx-[4vw] sm:overflow-x-hidden overflow-x-scroll">
<div class="sm:grid flex w-fit poster-grid 2xl:grid-cols-6 grid-cols-5 sm:gap-x-4 sm:gap-y-8 gap-[3vw]">
<button id="ebe43b92ade" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " tags="["Fantasy","Romance","Reincarnation","Royal Family","Historical","Action","Adventure"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ebe43b92ade/" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/8c65be4f7c1?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="font-bold sm:text-5xl text-[7vw] leading-[7vw] sm:leading-9 ">
1 </div>
<div class="flex flex-col gap-1.5">
<a href="/series/ebe43b92ade/" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family </h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="9d8ef5d0b97" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" tags="["Drama","Fantasy","Martial Arts","Action","Shounen"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/9d8ef5d0b97/" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/37972a6adfd?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="font-bold sm:text-5xl text-[7vw] leading-[7vw] sm:leading-9 ">
2 </div>
<div class="flex flex-col gap-1.5">
<a href="/series/9d8ef5d0b97/" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
When My Organs Awakened, I Suddenly Became Invincible</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="614e3c46a17" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" tags="["Action","Shounen","Martial Arts","Comedy","Harem","Historical","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/614e3c46a17/" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c5538306f8e?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="font-bold sm:text-5xl text-[7vw] leading-[7vw] sm:leading-9 ">
3 </div>
<div class="flex flex-col gap-1.5">
<a href="/series/614e3c46a17/" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Upset Millions of Cultivators</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen </a>
</div>
</div>
</div>
</div>
</button> <button id="0d61686c550" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" tags="["Romance","Drama","Adventure","Fantasy","Magic","Josei"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4bb19c60f78?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="font-bold sm:text-5xl text-[7vw] leading-[7vw] sm:leading-9 ">
4 </div>
<div class="flex flex-col gap-1.5">
<a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Can't Stop Doting the Empire's Most Notorious Villainess!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="ecf66d82284" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" tags="["Josei","Shoujo","Boys","Drama","Girls","Romance","School Life"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ecf66d82284/" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/dcc44a3d98c?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
comic </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="font-bold sm:text-5xl text-[7vw] leading-[7vw] sm:leading-9 ">
5 </div>
<div class="flex flex-col gap-1.5">
<a href="/series/ecf66d82284/" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Bad Boy Who Lies In Love</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="5692f967830" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" tags="["Drama","Fantasy","Romance","Shoujo","Family","Royalty"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/f1c5c5607ff?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="font-bold sm:text-5xl text-[7vw] leading-[7vw] sm:leading-9 ">
6 </div>
<div class="flex flex-col gap-1.5">
<a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I'm a Worthless Stepmother, But I Love My Family Madly!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> </div>
</div>
</div>
<div class="grid sm:gap-10 gap-[4vw]">
<div class="flex justify-between items-center">
<h2 class="sm:text-2xl text-[5.5vw] font-bold">
Latest Updates </h2>
<a href="/latest/" class="flex sm:gap-2 gap-[2vw] sm:text-base text-[4vw] justify-center items-center" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
<span>View all</span>
<img src="https://api.iconify.design/material-symbols:arrow-forward-ios-rounded.svg?color=white">
</a>
</div>
<div class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-2 grid-cols-1 gap-4">
<div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/60a48d81d8c?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/0777f88ce49/" alt="Don'T Trust the Godess" title="Don'T Trust the Godess">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/0777f88ce49/" alt="Don'T Trust the Godess" title="Don'T Trust the Godess" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">Don'T Trust the Godess</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/0777f88ce49-f30f9f564d2/" alt="Chapter 29" title="Chapter 29" p="2c418ec08c0" d="2 days ago" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 29 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/0777f88ce49-eb2b6c73fc9/" alt="Chapter 28" title="Chapter 28" p="17098086a5b" d="2 days ago" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 28 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/0777f88ce49-7fcec0fe16e/" alt="Chapter 21" title="Chapter 21" p="d2a7ac52c14" d="2 days ago" c="25">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 21 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/0777f88ce49-1564d6d0ed3/" alt="Chapter 20" title="Chapter 20" p="93efef324ad" d="2 days ago" c="25">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 20 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/ed1c5263974?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">Tenth Year of Devotion: The Count's Daughter and the Empire's God of War</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/54795c2e9a3-d42fd54f248/" alt="Chapter 6" title="Chapter 6" p="32bd690fd89" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 6 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/54795c2e9a3-83d6dde3cad/" alt="Chapter 5" title="Chapter 5" p="19d66e3cc73" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 5 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/54795c2e9a3-f5608a6780a/" alt="Chapter 2" title="Chapter 2" p="e734d8b8c4d" d="2 days ago" c="1">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 2 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/54795c2e9a3-4b82a7df7c9/" alt="Chapter 1" title="Chapter 1" p="053a8f3a123" d="2 days ago" c="1">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 1 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c8c4f4e4583?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/ef28652bf9f-8c2e2622d64/" alt="Chapter 18" title="Chapter 18" p="5d0161555bc" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 18 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/ef28652bf9f-b69395495e6/" alt="Chapter 17" title="Chapter 17" p="fb0978988a0" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 17 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/ef28652bf9f-30624116af1/" alt="Chapter 5" title="Chapter 5" p="7d4d0ed4022" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 5 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/ef28652bf9f-608f510c6c8/" alt="Chapter 4" title="Chapter 4" p="40674fd52d5" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 4 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/e0061c130c1?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/643e4c29834/" alt="Did You Like Me?" title="Did You Like Me?">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/643e4c29834/" alt="Did You Like Me?" title="Did You Like Me?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">Did You Like Me?</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/643e4c29834-52fc04195d0/" alt="Chapter 17" title="Chapter 17" p="09684ef5f04" d="2 days ago" c="75">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 17 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/643e4c29834-1f907ab1db5/" alt="Chapter 16" title="Chapter 16" p="3b9813af32d" d="2 days ago" c="75">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 16 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/643e4c29834-c1d21e29534/" alt="Chapter 5" title="Chapter 5" p="36e609847ec" d="2 days ago" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 5 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/643e4c29834-91ff861b5f4/" alt="Chapter 4" title="Chapter 4" p="6cf6d3fec86" d="2 days ago" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 4 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0dca20ce146?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/6b143c24bb2/" alt="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" title="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/6b143c24bb2/" alt="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" title="This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">This Time, I Will Avoid This Marriage- a Method to Part Ways With You, Who Lacks Love</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/6b143c24bb2-081e03635d5/" alt="Chapter 16" title="Chapter 16" p="5c64e0dc4ab" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 16 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/6b143c24bb2-15007a675f4/" alt="Chapter 15" title="Chapter 15" p="3032ec72f16" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 15 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/6b143c24bb2-1c3987c7178/" alt="Chapter 3" title="Chapter 3" p="6a232e2be8f" d="Sep 25, 2024" c="75">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 3 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Sep 25, 2024</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/6b143c24bb2-5b12a59e2ca/" alt="Chapter 2" title="Chapter 2" p="cf5fa03896c" d="Sep 14, 2024" c="1">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 2 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Sep 14, 2024</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/414db592000?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/66e686ea1a9/" alt="I Taught You with Restraint, so Why Are You Obsessed?" title="I Taught You with Restraint, so Why Are You Obsessed?">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/66e686ea1a9/" alt="I Taught You with Restraint, so Why Are You Obsessed?" title="I Taught You with Restraint, so Why Are You Obsessed?" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">I Taught You with Restraint, so Why Are You Obsessed?</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/66e686ea1a9-fddc1db6b7c/" alt="Chapter 22" title="Chapter 22" p="8a0a91ac911" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 22 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/66e686ea1a9-d87696a2aa5/" alt="Chapter 21" title="Chapter 21" p="9ed20c054eb" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 21 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/66e686ea1a9-85c26747594/" alt="Chapter 8" title="Chapter 8" p="eb023246b1d" d="Oct 6, 2024" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 8 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 6, 2024</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/66e686ea1a9-b19979924f9/" alt="Chapter 7" title="Chapter 7" p="f8182658580" d="Sep 21, 2024" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 7 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Sep 21, 2024</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/db7bab801cd?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/267bd5fe34e/" alt="I Spent the Night with My Soon-to-be Ex-Husband" title="I Spent the Night with My Soon-to-be Ex-Husband">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/267bd5fe34e/" alt="I Spent the Night with My Soon-to-be Ex-Husband" title="I Spent the Night with My Soon-to-be Ex-Husband" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">I Spent the Night with My Soon-to-be Ex-Husband</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/267bd5fe34e-6ae8c04118b/" alt="Chapter 16" title="Chapter 16" p="367f0688ff9" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 16 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/267bd5fe34e-f5747b06ad5/" alt="Chapter 15" title="Chapter 15" p="3d6f9b94009" d="Oct 6, 2024" c="75">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 15 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 6, 2024</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/267bd5fe34e-803d31079c0/" alt="Chapter 8" title="Chapter 8" p="aba3282486c" d="2 days ago" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 8 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/267bd5fe34e-9c23db34c7d/" alt="Chapter 7" title="Chapter 7" p="299f3e41969" d="Oct 6, 2024" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 7 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 6, 2024</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/22958063196?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/79796f9606b/" alt="I Still Don't Know About My Favourite Character's Unwavering Obsession" title="I Still Don't Know About My Favourite Character's Unwavering Obsession">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/79796f9606b/" alt="I Still Don't Know About My Favourite Character's Unwavering Obsession" title="I Still Don't Know About My Favourite Character's Unwavering Obsession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">I Still Don't Know About My Favourite Character's Unwavering Obsession</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/79796f9606b-f3caf6e2cf9/" alt="Chapter 15" title="Chapter 15" p="2923f62cf4d" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 15 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/79796f9606b-42f608fb920/" alt="Chapter 14" title="Chapter 14" p="021476f4734" d="Oct 3, 2024" c="75">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 14 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 3, 2024</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/79796f9606b-8353c4fd8c5/" alt="Chapter 6" title="Chapter 6" p="7bd34d7ec37" d="2 days ago" c="75">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 6 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/79796f9606b-c68e91b0aa0/" alt="Chapter 5" title="Chapter 5" p="3afcea79349" d="Oct 3, 2024" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 5 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 3, 2024</span>
</a> </div>
</div>
</div>
</div> <div class="group latest-poster bg-white/10 hover:bg-white/20 rounded-lg transition-all border border-white/5 flex aspect-video overflow-hidden relative">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/f1c5c5607ff?w=160)" class="flex flex-col justify-between rounded-l-lg transition-all aspect-[0.75/1] h-full bg-white/10 bg-no-repeat bg-cover bg-center relative" href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</a>
<div class="flex flex-col justify-between sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="grid gap-1.5 ">
<a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">I'm a Worthless Stepmother, But I Love My Family Madly!</h3>
</a>
</div>
<div class="grid -mb-1">
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/5692f967830-f13aeb9bd9b/" alt="Chapter 30" title="Chapter 30" p="d7fd4d7ae0f" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 30 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/5692f967830-2d981d5f61d/" alt="Chapter 29" title="Chapter 29" p="33f2334192f" d="2 days ago" c="100">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 29 </div>
<div class="flex gap-1 justify-start items-center w-fit">
<div class="w-4 h-fit">
<img src="/assets/images/Coin.svg?clear=1" class="w-full">
</div> </div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">2 days ago</span>
</a> </div>
<div class="h-0.5 my-0.5 bg-white rounded-full">
</div>
<div class="grid text-xs divide-y divide-white/20 divide-dashed">
<a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/5692f967830-66c1d915d1d/" alt="Chapter 10" title="Chapter 10" p="81c57ac262e" d="Oct 6, 2024" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 10 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 6, 2024</span>
</a> <a class="flex justify-between items-center leading-none gap-1 py-2 hover:-mx-2 hover:px-2 hover:bg-white/10 visited:text-zinc-500 hover:rounded-lg transition-all" href="/chapter/5692f967830-239c098dae5/" alt="Chapter 9" title="Chapter 9" p="75b241a69ee" d="Oct 6, 2024" c="50">
<span class="flex justify-start items-center h-4 gap-1.5 w-full overflow-hidden">
<div class="truncate leading-4 -my-0.5">
Chapter 9 </div>
<div class="flex gap-1 justify-start items-center w-fit">
</div>
</span>
<span class="text-[0.60rem] whitespace-nowrap">Oct 6, 2024</span>
</a> </div>
</div>
</div>
</div> </div>
</div>
<div class="grid sm:gap-10 gap-[4vw]">
<div class="flex justify-between items-center">
<h2 class="sm:text-2xl text-[5.5vw] font-bold">
Recently Added </h2>
<a href="/series/" class="flex sm:gap-2 gap-[2vw] sm:text-base text-[4vw] justify-center items-center" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
<span>View all</span>
<img src="https://api.iconify.design/material-symbols:arrow-forward-ios-rounded.svg?color=white">
</a>
</div>
<div class="grid lg:grid-cols-5 md:grid-cols-4 sm:grid-cols-3 grid-cols-2 sm:gap-x-4 sm:gap-y-8 gap-4">
<button id="cabb1d4eda1" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="Becoming the Obsessive Male Lead's Ex-Wife" title="Becoming the Obsessive Male Lead's Ex-Wife" tags="["Drama","Josei","Romance","Adaptation","Fantasy","Historical","Isekai","Transmigration","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/cabb1d4eda1/" alt="Becoming the Obsessive Male Lead's Ex-Wife" title="Becoming the Obsessive Male Lead's Ex-Wife" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/c58fa6aa40f?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/cabb1d4eda1/" alt="Becoming the Obsessive Male Lead's Ex-Wife" title="Becoming the Obsessive Male Lead's Ex-Wife" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Becoming the Obsessive Male Lead's Ex-Wife</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei </a>
</div>
</div>
</div>
</div>
</button> <button id="66414773fc5" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="Power Confession" title="Power Confession" tags="["Romance","Fantasy","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/66414773fc5/" alt="Power Confession" title="Power Confession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/024dab93c6d?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/66414773fc5/" alt="Power Confession" title="Power Confession" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Power Confession</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="8cf4852dad5" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="A Night Soaked With You" title="A Night Soaked With You" tags="["Josei","Drama","Roamnce"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/8cf4852dad5/" alt="A Night Soaked With You" title="A Night Soaked With You" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/bee16848a74?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/8cf4852dad5/" alt="A Night Soaked With You" title="A Night Soaked With You" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
A Night Soaked With You</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="54795c2e9a3" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" tags="["Josei","ROMACE","Fantasy"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i1.wp.com/2xffbs-cn8.is1.buzz/uploads/ed1c5263974?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/54795c2e9a3/" alt="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" title="Tenth Year of Devotion: The Count's Daughter and the Empire's God of War" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Tenth Year of Devotion: The Count's Daughter and the Empire's God of War</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romace" alt="ROMACE" title="ROMACE" class="flex">
ROMACE </a>
</div>
</div>
</div>
</div>
</button> <button id="0856c97615a" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="I Became the Stepmother Who Led My Favorite into Darkness" title="I Became the Stepmother Who Led My Favorite into Darkness" tags="["Fantasy","Josei","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/0856c97615a/" alt="I Became the Stepmother Who Led My Favorite into Darkness" title="I Became the Stepmother Who Led My Favorite into Darkness" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/75f4a717a25?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
<span class="border border-white/5 bg-orange-700/80 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
upcoming </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/0856c97615a/" alt="I Became the Stepmother Who Led My Favorite into Darkness" title="I Became the Stepmother Who Led My Favorite into Darkness" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
I Became the Stepmother Who Led My Favorite into Darkness</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei </a>
</div>
</div>
</div>
</div>
</button> <button id="ef28652bf9f" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" tags="["Josei","Romance","Fantasy","Reincarnation","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c8c4f4e4583?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/ef28652bf9f/" alt="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" title="As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
As a Reincarnated Villainess and a Single Mother, I've Secured the Love Route!</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
</div>
</div>
</button> <button id="bb62960e9a4" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" tags="["Historical","Drama","Josei","Adult","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/bb62960e9a4/" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/6af82ce4978?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
<span class="border border-white/5 bg-red-700/80 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
completed </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/bb62960e9a4/" alt="The Taming of the Shrew (Hera)" title="The Taming of the Shrew (Hera)" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Taming of the Shrew (Hera)</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=historical" alt="Historical" title="Historical" class="flex">
Historical, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> <button id="246ea28034d" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="Leaving for My Younger Husband's Future: A Divorce Decision" title="Leaving for My Younger Husband's Future: A Divorce Decision" tags="["Drama","Fantasy","Romance","Shoujo"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/246ea28034d/" alt="Leaving for My Younger Husband's Future: A Divorce Decision" title="Leaving for My Younger Husband's Future: A Divorce Decision" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/90bf0f0fcef?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/246ea28034d/" alt="Leaving for My Younger Husband's Future: A Divorce Decision" title="Leaving for My Younger Husband's Future: A Divorce Decision" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
Leaving for My Younger Husband's Future: A Divorce Decision</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy </a>
</div>
</div>
</div>
</div>
</button> <button id="4360566fcaa" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="The Hero's Daughter Avoids Death Flags" title="The Hero's Daughter Avoids Death Flags" tags="["Romance","Shoujo","Fantasy","Villainess"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/4360566fcaa/" alt="The Hero's Daughter Avoids Death Flags" title="The Hero's Daughter Avoids Death Flags" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/9fdd7624f68?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
mangatoon </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/4360566fcaa/" alt="The Hero's Daughter Avoids Death Flags" title="The Hero's Daughter Avoids Death Flags" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
The Hero's Daughter Avoids Death Flags</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo </a>
</div>
</div>
</div>
</div>
</button> <button id="2222484b121" class="group text-left relative h-fit w-full overflow-hidden grid transition-all sm:hover:bg-white/10 sm:hover:ring-white/10 sm:hover:ring-[0.5rem] sm:hover:scale-95 sm:hover:rounded-sm" alt="An Unexpected Proposal" title="An Unexpected Proposal" tags="["Josei","Drama","Fantasy","Romance"]">
<div class="grid relative sm:gap-3.5 gap-[2.5vw] w-full h-fit">
<a href="/series/2222484b121/" alt="An Unexpected Proposal" title="An Unexpected Proposal" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid border aspect-[0.75/1] border-white/5 rounded-lg overflow-hidden">
<div class="bg-white/10 w-full h-full relative overflow-hidden">
<div style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/422986f2bbb?w=300)" class="absolute top-0 left-0 h-full w-full bg-center bg-cover">
</div>
<div class="flex flex-wrap gap-1 m-1 relative">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhwa </span>
</div>
</div>
</a>
<div class="flex sm:gap-2.5 gap-[2vw] justify-start items-start sm:-mt-0.5 -mt-[0.5vw] w-full">
<div class="flex flex-col gap-1.5">
<a href="/series/2222484b121/" alt="An Unexpected Proposal" title="An Unexpected Proposal" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid w-full">
<h3 class=" h-fit sm:text-base text-[3.5vw] leading-[3vw] truncate sm:leading-4 break-words">
An Unexpected Proposal</h3>
</a>
<div class="sm:text-xs text-[2.2vw] leading-[2vw] flex flex-wrap gap-1 sm:leading-none w-full">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama </a>
</div>
</div>
</div>
</div>
</button> </div>
</div>
<style>
@media (max-width: 1536px) {
/* .poster-grid>.latest-poster:last-child */
.poster-grid>button:last-child {
display: none;
}
@media (min-width:768px) {
.poster-grid>.latest-poster:last-child {
display: none;
}
}
}
</style>
<style>
@media (max-width: 640px) {
.poster-grid>button,
.poster-grid-2>button {
width: 10rem;
}
.poster-grid>.latest-poster {
width: 21rem;
}
.poster-grid>button:first-child,
.poster-grid>.latest-poster:first-child {
margin-left: 4vw;
}
.poster-grid>button:nth-last-child(2),
.poster-grid>.latest-poster:nth-last-child(1) {
margin-right: 4vw;
}
}
</style>
<!-- The End Of Layout -->
</div>
<div class="max-w-[25rem] w-full 2xl:flex flex-col hidden gap-4 h-fit">
<div class="flex justify-between items-center h-fit sm:mb-6">
<h2 class="sm:text-2xl text-[5.5vw] font-bold">
Trending </h2>
</div>
<div class="grid gap-4 h-fit">
<div class="group bg-white/10 hover:bg-white/20 rounded-xl transition-all border border-white/5 grid overflow-hidden">
<a style="background-image:url(https://ui-avatars.com/api/?format=svg&background=fff&color=00000&name=K&font-size=0)" class="grid transition-all aspect-[2/1] w-full bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/ebe43b92ade/" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
<div class="flex flex-wrap gap-1 m-1">
<span class="bg-zinc-950/50 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</a>
<div class="flex gap-3.5 items-center justify-start sm:py-2.5 sm:px-3.5 py-[2vw] px-[2.5vw] w-full">
<div class="text-3xl font-bold">
#1 </div>
<div class="grid h-fit gap-1">
<a href="/series/ebe43b92ade/" alt="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " title="The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family " hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base line-clamp-2 leading-5 break-words">
The Legendary Assassin Reincarnated as the Beloved Youngest Daughter of a Royal Family </h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
</div>
<div class="flex">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
</div>
<div class="flex">
<a href="/series/?genre=reincarnation" alt="Reincarnation" title="Reincarnation" class="flex">
Reincarnation </a>
</div>
</div>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/37972a6adfd?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/9d8ef5d0b97/" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
2 </div>
<div class="grid h-fit gap-1">
<a href="/series/9d8ef5d0b97/" alt="When My Organs Awakened, I Suddenly Became Invincible" title="When My Organs Awakened, I Suddenly Became Invincible" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
When My Organs Awakened, I Suddenly Became Invincible</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
</div>
<div class="flex">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
</div>
<div class="flex">
<a href="/series/?genre=martial arts" alt="Martial Arts" title="Martial Arts" class="flex">
Martial Arts </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/c5538306f8e?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/614e3c46a17/" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
3 </div>
<div class="grid h-fit gap-1">
<a href="/series/614e3c46a17/" alt="I Upset Millions of Cultivators" title="I Upset Millions of Cultivators" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
I Upset Millions of Cultivators</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
</div>
<div class="flex">
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen, </a>
</div>
<div class="flex">
<a href="/series/?genre=martial arts" alt="Martial Arts" title="Martial Arts" class="flex">
Martial Arts </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4bb19c60f78?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
4 </div>
<div class="grid h-fit gap-1">
<a href="/series/0d61686c550/" alt="I Can't Stop Doting the Empire's Most Notorious Villainess!" title="I Can't Stop Doting the Empire's Most Notorious Villainess!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
I Can't Stop Doting the Empire's Most Notorious Villainess!</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance, </a>
</div>
<div class="flex">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
</div>
<div class="flex">
<a href="/series/?genre=adventure" alt="Adventure" title="Adventure" class="flex">
Adventure </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/dcc44a3d98c?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/ecf66d82284/" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
5 </div>
<div class="grid h-fit gap-1">
<a href="/series/ecf66d82284/" alt="Bad Boy Who Lies In Love" title="Bad Boy Who Lies In Love" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
Bad Boy Who Lies In Love</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=josei" alt="Josei" title="Josei" class="flex">
Josei, </a>
</div>
<div class="flex">
<a href="/series/?genre=shoujo" alt="Shoujo" title="Shoujo" class="flex">
Shoujo, </a>
</div>
<div class="flex">
<a href="/series/?genre=boys" alt="Boys" title="Boys" class="flex">
Boys </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
comic </span>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/f1c5c5607ff?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
6 </div>
<div class="grid h-fit gap-1">
<a href="/series/5692f967830/" alt="I'm a Worthless Stepmother, But I Love My Family Madly!" title="I'm a Worthless Stepmother, But I Love My Family Madly!" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
I'm a Worthless Stepmother, But I Love My Family Madly!</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
</div>
<div class="flex">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
</div>
<div class="flex">
<a href="/series/?genre=romance" alt="Romance" title="Romance" class="flex">
Romance </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs">New</span>
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/4f5e9cf9d5e?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/699671b127d/" alt="Run Away, From Me" title="Run Away, From Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
7 </div>
<div class="grid h-fit gap-1">
<a href="/series/699671b127d/" alt="Run Away, From Me" title="Run Away, From Me" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
Run Away, From Me</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=drama" alt="Drama" title="Drama" class="flex">
Drama, </a>
</div>
<div class="flex">
<a href="/series/?genre=fantasy" alt="Fantasy" title="Fantasy" class="flex">
Fantasy, </a>
</div>
<div class="flex">
<a href="/series/?genre=mature" alt="Mature" title="Mature" class="flex">
Mature </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manga </span>
</div>
</div>
</div> <div class="group flex gap-3.5 sm:p-3.5 p-[2.5vw] items-center bg-white/10 hover:bg-white/20 rounded-xl transition-all aspect-[2/0.5] border border-white/5 overflow-hidden">
<a style="background-image:url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/934e9c14aae?w=80)" class="grid transition-all aspect-[0.75/1] border border-white/10 h-full rounded-lg bg-white/10 bg-no-repeat bg-cover bg-center" href="/series/62fed102dc7/" alt="The Villain Wants to Live One More Day" title="The Villain Wants to Live One More Day" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden">
</a>
<div class="text-3xl font-bold">
8 </div>
<div class="grid h-fit gap-1">
<a href="/series/62fed102dc7/" alt="The Villain Wants to Live One More Day" title="The Villain Wants to Live One More Day" hx-boost="true" data-loading-target="#loading" data-loading-class-remove="hidden" class="grid">
<h3 class="h-fit text-base truncate leading-5 break-words">
The Villain Wants to Live One More Day</h3>
</a>
<div class="text-xs flex flex-wrap gap-1 leading-none">
<div class="flex">
<a href="/series/?genre=action" alt="Action" title="Action" class="flex">
Action, </a>
</div>
<div class="flex">
<a href="/series/?genre=shounen" alt="Shounen" title="Shounen" class="flex">
Shounen, </a>
</div>
<div class="flex">
<a href="/series/?genre=system" alt="System" title="System" class="flex">
System </a>
</div>
</div>
<div class="flex flex-wrap gap-1.5 mt-0.5">
<span class="bg-white/10 border border-white/5 backdrop-blur-3xl w-fit h-fit px-1 rounded-md text-xs capitalize">
manhua </span>
</div>
</div>
</div> </div>
</div> </div>
<!-- sm:left-[calc(50%-15rem)] -->
<footer class="sm:mb-0 mb-20 bg-[--footer] sm:mt-12 sm:h-fit">
<div class="grid w-full 2xl:max-w-[100rem] max-w-6xl mx-auto sm:px-4 sm:py-10 px-[6vw] py-[6vw] h-full">
<div class="grid sm:gap-10 gap-[4vw]">
<div class="grid gap-8">
<div class="flex flex-col justify-center items-center gap-4">
<a style="background-image: url(https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/0811de5a889?w=44);" class="flex w-fit justify-center items-center h-11 aspect-square gap-3 border border-white/10 bg-center bg-cover bg-no-repeat rounded-full" href="/">
</a>
<a class="block w-fit font-semibold text-2xl" href="/">
Necro Scans </a>
<div class="w-full sm:max-w-[50%] text-center">
Dive into the captivating worlds of manhua and manhwa with Necro Scans, your premier destination for the latest and greatest in these popular comic genres. We bring you high-quality scans of your favorite titles, ensuring you never miss an update.
</div>
</div>
<div class="flex gap-4 justify-center items-center flex-wrap">
<a href="https://discord.gg/Tpf7Ef5AgJ" target="_blank" class="font-semibold text-xl hover:text-blue-500" alt="Discord">Discord</a>
- <a href="https://ko-fi.com/necross" target="_blank" class="font-semibold text-xl hover:text-blue-500" alt="Ko-fi">Ko-fi</a>
</div>
</div>
</div>
</div>
</footer> <div id="cards_show" class="hidden justify-center items-center w-full h-full fixed top-0 left-0 z-[162] overflow-hidden opacity-0 transition-all duration-[250] ">
<div id="cards_show_bg" class="absolute top-0 left-0 w-full h-full bg-[--theme_color] opacity-90">
</div>
<div id="cards_show_main" class="w-full h-full max-w-sm max-h-96 bg-[--theme_color] relative rounded-2xl">
<div class="flex flex-col justify-between items-start w-full h-full border border-white/10 rounded-2xl">
<div class="w-full h-full flex flex-col gap-4 p-8 justify-center items-center">
<div class="w-full text-center">
You don't have any cards yet. <br> To purchase a chapter, purchase a card first. </div>
<button id="card_note_button" onclick="if (!window.__cfRLUnblockHandlers) return false; card_note_open()" class="px-5 flex w-fit justify-center items-center h-11 gap-3 bg-blue-600 hover:bg-blue-500 transition-all cursor-pointer rounded-full">
<img class="w-6" src="https://api.iconify.design/mdi:card-plus.svg?color=white">
<div class="font-medium">Purchase Card</div>
</button>
</div>
<div class="grid gap-3 h-fit w-full p-4 border-t border-white/10">
<div class="w-full">
<div class="flex gap-3 justify-start items-center">
<div id="main_card_chapter_cover" class="aspect-[2/1.5] h-11 bg-white/10 bg-cover bg-center rounded-xl">
</div>
<div class="grid">
<div class="flex gap-1 justify-start items-center">
<span class="font-bold text-yellow-600" id="main_card_coins"></span>
<span class="text-xs font-semibold">COINS</span>
</div>
<span class="text-xs"><span id="main_card_chapter_name"></span> - <span id="main_card_chapter_date"></span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(async () => {
let cards_show = document.querySelector('#cards_show');
let cards_show_bg = document.querySelector('#cards_show_bg');
let cards_show_main = document.querySelector('#cards_show_main');
let paid_chapters = document.querySelectorAll("#paid-chapter");
let cards = document.querySelectorAll("button#card");
let purchase_button = document.querySelector('#purchase_button');
let main_card_coins = document.querySelector('#main_card_coins');
let main_card_chapter_cover = document.querySelector('#main_card_chapter_cover');
let main_card_chapter_name = document.querySelector('#main_card_chapter_name');
let main_card_chapter_date = document.querySelector('#main_card_chapter_date');
await (async () => {
if (cards) {
for await (const card of cards) {
card.addEventListener('click', async (event) => {
const card_x = event.target.closest('[card_uid]');
await selectCard(card_x);
await setPurchase(card_x)
});
}
}
if (purchase_button) {
purchase_button.addEventListener('click', (event) => {
if (event.disabled) {} else {
let uid = purchase_button.getAttribute('card_uid');
let href = purchase_button.getAttribute('href');
if (href && uid) {
window.location = `${href}?card=${uid}`;
}
}
});
}
})();
async function setPurchase(card_x) {
try {
let uid = card_x.getAttribute('card_uid');
let card_coins = Number(card_x.getAttribute('c')) ?? 0;
let coins = Number(main_card_coins.textContent) ?? 1;
if (purchase_button) {
if (card_coins >= coins) {
purchase_button.classList.add('hover:opacity-90');
purchase_button.classList.remove('opacity-50');
purchase_button.removeAttribute('disabled');
purchase_button.setAttribute('card_uid', uid);
return true;
} else {
purchase_button.classList.remove('hover:opacity-90');
purchase_button.classList.add('opacity-50');
purchase_button.setAttribute('disabled', 'true');
purchase_button.removeAttribute('card_uid');
return false;
}
}
} catch (error) {
console.error(error);
}
}
async function selectCard(card_x) {
if (card_x) {
let uid = card_x.getAttribute('card_uid');
for await (const card_2 of cards) {
const card_uid = card_2.getAttribute('card_uid');
if (card_uid === uid) {
card_2.classList.add('ring-2');
card_2.classList.add('ring-offset-2');
card_2.classList.remove('ring-0');
card_2.classList.remove('ring-offset-0');
} else {
card_2.classList.add('ring-0');
card_2.classList.add('ring-offset-0');
card_2.classList.remove('ring-2');
card_2.classList.remove('ring-offset-2');
}
}
return uid;
}
}
await runEl({
ignore: {
elements: [...(Array.from(paid_chapters) ?? []), ...[cards_show_bg]],
function: async (data) => {
data.preventDefault();
let check = cards_show.classList.contains('flex');
//-------------------------------------------//
let paid_chapter = data.target.closest('#paid-chapter');
if (paid_chapter && paid_chapter.getAttribute("id") === "paid-chapter") {
let displayName = paid_chapter.getAttribute('title');
let photoURL_string = paid_chapter.getAttribute('p');
let photoURL =
`https://i2.wp.com/xffbs-cn8.is1.buzz/uploads/${photoURL_string}?w=80`;
let createdAt = paid_chapter.getAttribute('d');
let href = paid_chapter.getAttribute('href');
let coins = Number(paid_chapter.getAttribute('c')) ?? 1;
main_card_coins.innerHTML = coins;
if (purchase_button && href) purchase_button.setAttribute('href', href);
if (String(photoURL_string).length === 0) {
main_card_chapter_cover.remove()
} else {
main_card_chapter_cover.style.backgroundImage = `url(${photoURL})`;
}
main_card_chapter_name.innerHTML = displayName;
main_card_chapter_date.innerHTML = createdAt;
}
//-------------------------------------------//
if (check) {
setTimeout(() => {
cards_show.classList.toggle('opacity-0')
cards_show.classList.toggle('opacity-100')
}, 50)
setTimeout(() => {
cards_show.classList.toggle('hidden')
cards_show.classList.toggle('flex')
}, 300)
} else {
//-------------------------------------------//
await (async () => {
let paid_mark = false;
for await (const card of cards) {
if (!card.disabled && paid_mark !== true) {
await selectCard(card);
paid_mark = await setPurchase(card);
}
}
})();
//-------------------------------------------//
cards_show.classList.toggle('hidden')
cards_show.classList.toggle('flex')
// setTimeout(() => {
// cards_show.classList.toggle('backdrop-blur-2xl')
// cards_show.classList.toggle('backdrop-blur-0')
// }, 100)
setTimeout(() => {
cards_show.classList.toggle('opacity-0')
cards_show.classList.toggle('opacity-100')
}, 150)
}
}
},
show: {
element: cards_show_main,
function: () => {}
},
});
})();
</script>
</body></html>