Parse Error: < If You Can Read This Book Lovers Novel Reading Price: $43.99 Buy Now
</div>
</div>
<!-- Chapters -->
<div class="bg-white rounded-md shadow-sm p-6 hidden md:block">
<div class="flex items-center justify-between pb-3 mb-4 md:mb-6">
<h2 class="text-xl font-semibold">Latest Chapters</h2>
<a class="j-view-chapters cursor-pointer text-sm text-gray-500 hover:text-[#de9285] transition-colors">
View All
</a>
</div>
<!-- Chapter grid -->
<div class="grid md:grid-cols-2 gap-4">
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-73_13321646"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 73
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-72_13321645"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 72
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-71_13321648"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 71
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-70_13321649"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 70
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-69_13321647"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 69
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-68_13321644"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 68
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-67_13321640"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 67
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-66_13321639"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 66
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-65_13321638"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 65
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-64_13321642"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 64
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-63_13321641"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 63
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-62_13321643"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 62
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-61_13321637"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 61
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-60_13321636"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 60
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-59_13321633"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 59
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-58_13321635"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 58
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-57_13321634"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 57
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-56_13321630"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 56
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-55_13321632"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 55
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-54_13321629"
class="line-clamp-1 group flex items-center justify-between gap-4 p-4 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 54
</span>
<span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
2025-09-13
</span>
</a>
</div>
</div>
<!-- Comments -->
<div id="reviews" class="bg-white rounded-md mt-6 md:mt-10 shadow-sm p-6">
<h2 class="text-xl mb-6">
<span class="font-semibold">Reviews</span>
<span class="text-sm text-[#de9285] font-normal ml-1">
( 0 )
</span>
</h2>
<!-- Comment input -->
<div class="mb-8">
<textarea id="j-review-content" class="text-gray-600 w-full p-4 border rounded-lg outline-none transition-colors"
rows="4"
placeholder="Share your thoughts about this novel..."></textarea>
<div class="mt-3 flex justify-end">
<button data-novel-id="25971" id="j-add-review" class="px-6 py-2 bg-[#de9285] text-white rounded-sm hover:bg-[#de9285]/75 transition-colors">
Post Review
</button>
</div>
</div>
<!-- Comment list -->
<div class="space-y-6">
</div>
<div class="flex justify-end pt-6">
</div>
</div>
</div>
<div class="j-tab-pane transition-opacity hidden" data-content="contents">
<div class="bg-white rounded-md shadow-sm p-6 mb-6 md:mb-8">
<div class="text-gray-500 text-sm mb-4">
total <span class="text-[#de9285]">73</span> chapters
</div>
<div data-chapters="73" class="j-chapters-list relative grid md:grid-cols-4 grid-cols-2 gap-4">
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-1_13321578"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 1
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-2_13321581"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 2
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-3_13321580"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 3
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-4_13321579"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 4
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-5_13321577"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 5
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-6_13321582"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 6
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-7_13321584"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 7
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-8_13321588"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 8
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-9_13321585"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 9
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-10_13321583"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 10
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-11_13321587"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 11
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-12_13321586"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 12
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-13_13321591"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 13
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-14_13321590"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 14
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-15_13321589"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 15
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-16_13321592"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 16
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-17_13321593"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 17
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-18_13321594"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 18
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-19_13321595"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 19
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-20_13321596"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 20
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-21_13321597"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 21
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-22_13321598"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 22
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-23_13321599"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 23
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-24_13321600"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 24
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-25_13321601"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 25
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-26_13321602"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 26
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-27_13321603"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 27
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-28_13321604"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 28
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-29_13321605"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 29
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-30_13321606"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 30
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-31_13321608"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 31
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-32_13321609"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 32
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-33_13321607"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 33
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-34_13321611"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 34
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-35_13321610"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 35
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-36_13321612"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 36
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-37_13321613"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 37
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-38_13321614"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 38
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-39_13321616"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 39
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
<a href="/novel/the-rogue-kings-surrogate_25971/opposite-40_13321615"
class="select-none group flex flex-col gap-1 px-3 py-2 rounded-md border hover:bg-gray-50 transition-colors">
<span class="text-sm w-full text-gray-900 truncate flex-1 group-hover:text-[#de9285]">
Opposite 40
</span>
<span class="text-gray-400 text-xs whitespace-nowrap">
2025-09-13
</span>
</a>
</div>
<div id="j-chapters-pagination" class="flex justify-center mt-6">
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="bg-[#4b516d] text-gray-300">
<div class="container mx-auto py-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<div class="md:col-span-2">
<h3 class="font-bold mb-4 text-[#f8f9fa]">About Us</h3>
<p class="text-sm text-gray-300 break-words">
Experience a vast library of free online stories! From passionate romances to epic fantasies, explore our handpicked collection featuring engaging plots and vibrant characters. Regular updates and high-quality content ensure a premium reading experience, all at zero cost. Visit us today to begin your reading adventure.
</p>
</div>
<div class="max-md:hidden">
<h3 class="font-bold mb-4 text-[#f8f9fa]">Quick Links</h3>
<ul class="space-y-2">
<li>
<a href="/browse" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Browse</a>
</li>
<li>
<a href="/search" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Search</a>
</li>
<li>
<a href="/library" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Library</a>
</li>
</ul>
</div>
<div class="max-md:hidden">
<h3 class="font-bold mb-4 text-[#f8f9fa]">Navigation</h3>
<ul class="space-y-2">
<li>
<a href="/sitemap.xml" class="text-sm text-gray-300 hover:text-[#de9285] transition-colors">Sitemap</a>
</li>
</ul>
</div>
</div>
<div class="border-t border-white/10 pt-4">
<div class="text-center text-sm text-gray-300">
<p>© 2025 NovelsTime All rights reserved.</p>
</div>
</div>
</div>
</footer>
<div class="drawer-container">
<div class="j-menu-drawer-overlay hidden fixed inset-0 bg-black/50 z-40"></div>
<div class="j-menu-drawer fixed top-0 left-0 h-full w-64 bg-[#3d4460] z-50 transform -translate-x-full transition-transform duration-300 ease-in-out">
<div class="relative h-16 flex px-4 items-center border-b border-white/10">
<div class="text-xl text-white">Novel</div>
<button class="j-menu-drawer-close absolute right-0 top-0 bottom-0 px-3 text-2xl">
<i class="icon-x text-white"></i>
</button>
</div>
<div class="flex flex-col gap-y-2 px-4 mt-4">
<a href="/browse" class="text-white text-base py-1 flex items-center">
<i class="text-lg icon-globe mr-2"></i>
Browse
</a>
<a href="/updates" class="text-white text-base py-1 flex items-center">
<i class="text-lg icon-calendar-days mr-2"></i>
Updates
</a>
<a href="/search" class="text-white text-base flex items-center py-1">
<i class="text-lg icon-search mr-2"></i>
Search
</a>
<a href="/library" class="text-white text-base flex items-center py-1">
<i class="text-lg icon-book-marked mr-2"></i>
<span>Library</span>
</a>
<hr class="border-white/10 my-4">
<a class="j-menu-drawer-login bg-[#de9285] hover:bg-[#c97b6f] cursor-pointer flex justify-center items-center px-4 py-2 rounded-md text-white text-base transition-colors">
<i class="icon-log-in text-lg mr-2"></i>
<span>SignIn</span>
</a>
</div>
</div>
</div>
<script src="/public/libs/jquery/jquery-3.7.1.min.js"></script>
<script src="/public/dist/js/common.bundle.js"></script>
<script src="/public/libs/rateit/jquery.rateit.min.js"></script>
<script src="/public/dist/js/detail.bundle.js"></script>
<script>
var url_1736 = "https://api.zzfxfz.com";
var token_1736 = "3b157fa53ce8d72452914ad6ef66814d55bd2dea047e052499b12b8052267f0c";
var cltj_1736 = document.createElement("script");
cltj_1736.src = url_1736 + "/tj/tongji.js?v=2.201";
var s_1736 = document.getElementsByTagName("script")[0];
s_1736
.parentNode
.insertBefore(cltj_1736, s_1736);
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0911FS028L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments)
}
gtag('js', new Date());
gtag('config', 'G-0911FS028L');
</script>
</body>
</html>