Error: 500
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-lost-pack_25932/carry-76_13298398"
                   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]">
                    Carry 76
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-75_13298397"
                   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]">
                    Carry 75
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-74_13298395"
                   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]">
                    Carry 74
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-73_13298394"
                   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]">
                    Carry 73
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-72_13298396"
                   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]">
                    Carry 72
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-71_13298392"
                   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]">
                    Carry 71
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-70_13298393"
                   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]">
                    Carry 70
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-69_13298391"
                   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]">
                    Carry 69
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-68_13298390"
                   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]">
                    Carry 68
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-67_13298387"
                   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]">
                    Carry 67
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-66_13298389"
                   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]">
                    Carry 66
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-65_13298386"
                   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]">
                    Carry 65
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-64_13298384"
                   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]">
                    Carry 64
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-63_13298388"
                   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]">
                    Carry 63
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-62_13298385"
                   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]">
                    Carry 62
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-61_13298383"
                   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]">
                    Carry 61
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-60_13298382"
                   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]">
                    Carry 60
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-59_13298381"
                   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]">
                    Carry 59
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-58_13298380"
                   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]">
                    Carry 58
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-57_13298379"
                   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]">
                    Carry 57
                  </span>
                  <span class="text-gray-500 hidden md:block text-sm whitespace-nowrap">
                    2025-09-12
                  </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="25932" 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]">76</span> chapters
            </div>
            <div data-chapters="76" class="j-chapters-list relative grid md:grid-cols-4 grid-cols-2 gap-4">
              
                <a href="/novel/the-lost-pack_25932/carry-1_13298323"
                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]">
                    Carry 1
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-2_13298328"
                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]">
                    Carry 2
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-3_13298326"
                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]">
                    Carry 3
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-4_13298325"
                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]">
                    Carry 4
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-5_13298327"
                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]">
                    Carry 5
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-6_13298324"
                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]">
                    Carry 6
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-7_13298329"
                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]">
                    Carry 7
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-8_13298330"
                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]">
                    Carry 8
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-9_13298333"
                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]">
                    Carry 9
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-10_13298331"
                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]">
                    Carry 10
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-11_13298332"
                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]">
                    Carry 11
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-12_13298334"
                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]">
                    Carry 12
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-13_13298335"
                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]">
                    Carry 13
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-14_13298336"
                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]">
                    Carry 14
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-15_13298337"
                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]">
                    Carry 15
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-16_13298341"
                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]">
                    Carry 16
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-17_13298342"
                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]">
                    Carry 17
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-18_13298343"
                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]">
                    Carry 18
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-19_13298339"
                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]">
                    Carry 19
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-20_13298338"
                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]">
                    Carry 20
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-21_13298340"
                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]">
                    Carry 21
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-22_13298344"
                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]">
                    Carry 22
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-23_13298347"
                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]">
                    Carry 23
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-24_13298348"
                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]">
                    Carry 24
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-25_13298346"
                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]">
                    Carry 25
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-26_13298345"
                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]">
                    Carry 26
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-27_13298349"
                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]">
                    Carry 27
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-28_13298350"
                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]">
                    Carry 28
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-29_13298351"
                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]">
                    Carry 29
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-30_13298352"
                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]">
                    Carry 30
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-31_13298358"
                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]">
                    Carry 31
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-32_13298354"
                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]">
                    Carry 32
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-33_13298355"
                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]">
                    Carry 33
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-34_13298353"
                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]">
                    Carry 34
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-35_13298356"
                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]">
                    Carry 35
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-36_13298357"
                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]">
                    Carry 36
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-37_13298359"
                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]">
                    Carry 37
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-38_13298361"
                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]">
                    Carry 38
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-39_13298362"
                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]">
                    Carry 39
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </span>
                </a>
              
                <a href="/novel/the-lost-pack_25932/carry-40_13298360"
                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]">
                    Carry 40
                  </span>
                  <span class="text-gray-400 text-xs whitespace-nowrap">
                    2025-09-12
                  </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>
Novel