https://necroscans.com/

Scan ID:: e68ece3b-18e5-478d-9ed8-f4b4fd5f9f99Finished
Submitted URL:: https://necroscans.com/Redirected
Report Finished:: Oct 23, 2024, 20:32:52
Links · 2 found

The outgoing links identified from the page
Link	Text
https://discord.gg/Tpf7Ef5AgJ	Discord
https://ko-fi.com/necross	Ko-fi
JavaScript Variables · 148 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
0	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
__cfQR	object
gtag	function
dataLayer	object
gtag2	function
google_tag_manager	object
google_tag_data	object
Console log messages · 3 found

Messages logged to the web console
Type	Category	Log
error	other	URL https://platform-api.sharethis.com/panorama.js Text SYNC.JS: Aborting because TCF string was expected but not present.
error	other	URL https://platform-api.sharethis.com/panorama.js Text SYNC.JS: Aborting because no consent was present on the request or stored server-side
error	other	URL https://platform-api.sharethis.com/panorama.js Text SYNC.JS: Aborting due to above errors.
HTML

The raw HTML body of the page
<!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&amp;cid=c010&amp;cls=B#cid=c010&amp;cls=B&amp;dmn=necroscans.com&amp;rnd=1729715585492&amp;tt=t.dhj&amp;dhjLcy=133&amp;lbl=pxcel&amp;flbl=pxcel&amp;ll=d&amp;ver=1.1568.23404&amp;ell=d&amp;cck=__stid&amp;pn=%2F&amp;qs=na&amp;rdn=necroscans.com&amp;rpn=%2F&amp;rqs=na&amp;cc=ES&amp;cont=EU&amp;ipaddr=" style="display: none;"></iframe><script async="" src="https://count-server.sharethis.com/v2.0/get_counts?cb=window.__sharethis__.cb&amp;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="[&quot;Drama&quot;,&quot;Josei&quot;,&quot;Romance&quot;,&quot;Adaptation&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Isekai&quot;,&quot;Transmigration&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Roamnce&quot;]">
    <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="[&quot;Josei&quot;,&quot;ROMACE&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Josei&quot;,&quot;Romance&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Reincarnation&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Historical&quot;,&quot;Drama&quot;,&quot;Josei&quot;,&quot;Adult&quot;,&quot;Romance&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Fantasy&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Family&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Josei&quot;,&quot;Romance&quot;,&quot;Mature&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;,&quot;Magic&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Mature&quot;,&quot;Psychological&quot;,&quot;Romance&quot;,&quot;Tragedy&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Villainess&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Drama&quot;,&quot;Shoujo&quot;,&quot;Romace&quot;,&quot;Agents&quot;,&quot;Webtoon&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Comedy&quot;,&quot;Reincarnation&quot;]">
    <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="[&quot;Historical&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Webtoon&quot;,&quot;Shoujo&quot;,&quot;Adaptation&quot;,&quot;Reincarnation&quot;,&quot;Romance&quot;,&quot;Josei&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Family&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Adult&quot;,&quot;Mature&quot;,&quot;Romance&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Drama&quot;,&quot;School Life&quot;]">
    <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="[&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;,&quot;Drama&quot;,&quot;Historical&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Drama&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;,&quot;Romance&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Josei&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Royalty&quot;,&quot;Isekai&quot;,&quot;Supernatural&quot;]">
    <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="[&quot;Action&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Sci-Fi&quot;]">
    <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="[&quot;Josei&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Romance&quot;,&quot;Mature&quot;]">
    <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="[&quot;Shoujo&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Drama&quot;,&quot;Magic&quot;]">
    <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="[&quot;Shoujo&quot;,&quot;Adaptation&quot;,&quot;Comedy&quot;,&quot;Fantasy&quot;,&quot;Reincarnation&quot;,&quot;Romance&quot;]">
    <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="[&quot;Action&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Shounen&quot;]">
    <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="[&quot;Shounen&quot;,&quot;Magic&quot;,&quot;Royalty&quot;,&quot;Genius&quot;,&quot;Fantasy&quot;,&quot;Possession&quot;,&quot;Game&quot;]">
    <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="[&quot;Romance&quot;,&quot;School Life&quot;,&quot;Shoujo&quot;,&quot;Comedy&quot;,&quot;Supernatural&quot;]">
    <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="[&quot;Seinen&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Supernatural&quot;,&quot;Comedy&quot;]">
    <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="[&quot;Shoujo&quot;,&quot;Drama&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;R15&quot;,&quot;Romance&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;R15&quot;,&quot;Drama&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Drama&quot;,&quot;Historical&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Shoujo&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Empress&quot;]">
    <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="[&quot;Isekai&quot;,&quot;Romance&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;,&quot;Rebirth&quot;,&quot;Saintess&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Reincarnation&quot;,&quot;Supernatural&quot;]">
    <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="[&quot;Romance&quot;,&quot;Drama&quot;,&quot;Adventure&quot;,&quot;Fantasy&quot;,&quot;Magic&quot;,&quot;Josei&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Rebirth&quot;]">
    <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="[&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Fantasy&quot;,&quot;Comedy&quot;]">
    <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="[&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;College life&quot;,&quot;Drama&quot;,&quot;Comedy&quot;]">
    <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="[&quot;Action&quot;,&quot;Fantasy&quot;,&quot;Shounen&quot;,&quot;Rebirth&quot;,&quot;System&quot;,&quot;Demons&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Office&quot;,&quot;Mature&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Reincarnation&quot;,&quot;Royal Family&quot;,&quot;Historical&quot;,&quot;Action&quot;,&quot;Adventure&quot;]">
    <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="[&quot;Shounen&quot;,&quot;Comedy&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Mature&quot;,&quot;Romance&quot;,&quot;Tragedy&quot;,&quot;Josei&quot;,&quot;Royal Family&quot;]">
    <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="[&quot;Josei&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Romance&quot;]">
    <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="[&quot;Shoujo&quot;,&quot;Romance&quot;,&quot;Comedy&quot;,&quot;School Life&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Action&quot;,&quot;Seinen&quot;,&quot;Martial Arts&quot;,&quot;Mystery&quot;]">
    <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="[&quot;Action&quot;,&quot;Shounen&quot;,&quot;System&quot;,&quot;Villain&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Action&quot;,&quot;Shounen&quot;,&quot;Fantasy&quot;,&quot;Magic&quot;]">
    <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="[&quot;Josei&quot;,&quot;Shoujo&quot;,&quot;Boys&quot;,&quot;Drama&quot;,&quot;Girls&quot;,&quot;Romance&quot;,&quot;School Life&quot;]">
    <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="[&quot;Shounen&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Regression&quot;,&quot;Office Workers&quot;]">
    <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="[&quot;Action&quot;,&quot;Shounen&quot;,&quot;Martial Arts&quot;,&quot;Supernatural&quot;,&quot;Fantasy&quot;,&quot;Drama&quot;]">
    <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="[&quot;Action&quot;,&quot;Shounen&quot;,&quot;Martial Arts&quot;,&quot;Comedy&quot;,&quot;Harem&quot;,&quot;Historical&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Action&quot;,&quot;Comedy&quot;,&quot;Fantasy&quot;,&quot;Martial Arts&quot;,&quot;Shounen&quot;]">
    <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="[&quot;Action&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Shounen&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Martial Arts&quot;,&quot;Action&quot;,&quot;Shounen&quot;]">
    <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&amp;product=inline-share-buttons&amp;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="[&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Reincarnation&quot;,&quot;Royal Family&quot;,&quot;Historical&quot;,&quot;Action&quot;,&quot;Adventure&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Martial Arts&quot;,&quot;Action&quot;,&quot;Shounen&quot;]">
    <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="[&quot;Action&quot;,&quot;Shounen&quot;,&quot;Martial Arts&quot;,&quot;Comedy&quot;,&quot;Harem&quot;,&quot;Historical&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Romance&quot;,&quot;Drama&quot;,&quot;Adventure&quot;,&quot;Fantasy&quot;,&quot;Magic&quot;,&quot;Josei&quot;]">
    <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="[&quot;Josei&quot;,&quot;Shoujo&quot;,&quot;Boys&quot;,&quot;Drama&quot;,&quot;Girls&quot;,&quot;Romance&quot;,&quot;School Life&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Family&quot;,&quot;Royalty&quot;]">
    <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="[&quot;Drama&quot;,&quot;Josei&quot;,&quot;Romance&quot;,&quot;Adaptation&quot;,&quot;Fantasy&quot;,&quot;Historical&quot;,&quot;Isekai&quot;,&quot;Transmigration&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Roamnce&quot;]">
    <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="[&quot;Josei&quot;,&quot;ROMACE&quot;,&quot;Fantasy&quot;]">
    <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="[&quot;Fantasy&quot;,&quot;Josei&quot;,&quot;Romance&quot;]">
    <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="[&quot;Josei&quot;,&quot;Romance&quot;,&quot;Fantasy&quot;,&quot;Reincarnation&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Historical&quot;,&quot;Drama&quot;,&quot;Josei&quot;,&quot;Adult&quot;,&quot;Romance&quot;]">
    <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="[&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Shoujo&quot;]">
    <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="[&quot;Romance&quot;,&quot;Shoujo&quot;,&quot;Fantasy&quot;,&quot;Villainess&quot;]">
    <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="[&quot;Josei&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;]">
    <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&amp;background=fff&amp;color=00000&amp;name=K&amp;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>