Gia Phụ Chính Là Đại Đế, Ta Tu Cái Ma Thế Nào?

28/04/2025 10 8.5

Giới thiệu truyện

Thông tin thế giới

Thông tin thế giới

Tác phẩm kể về một thế giới tu luyện rộng lớn với vô vàn cảnh giới, bảo vật, trận pháp và các thời đại khác nhau.

Cảnh giới tu luyện

Các cảnh giới tu luyện trong thế giới này bao gồm:

  • Luyện Thể cảnh
  • Động Thiên cảnh
  • Hóa Linh cảnh
  • Minh Văn cảnh
  • Thiên Nhân cảnh
  • Pháp Tướng cảnh
  • Niết Bàn cảnh
  • Thần Hỏa cảnh
  • Chân Thần cảnh
  • Thần Vương cảnh
  • Chí Tôn cảnh
  • Thiên Tôn cảnh
  • Thánh cảnh (Thánh Vương, Thánh Hoàng, Thánh Tôn)
  • Chuẩn Đế Cảnh
  • Đại Đế cảnh

Cấp độ bảo vật

Các cấp độ bảo vật được phân chia như sau:

  • Nhất phẩm Linh khí
  • Nhị phẩm Linh khí
  • Tam phẩm Linh khí
  • Tứ phẩm Linh khí
  • Ngũ phẩm khí
  • Lục phẩm Linh khí
  • Thất phẩm Linh khí
  • Bát phẩm Linh khí
  • Cửu phẩm Linh khí
  • Tuyệt phẩm
  • Thiên phẩm
  • Thánh phẩm
  • Đế phẩm

Phân chia thế giới

Thế giới được phân chia từ lớn đến nhỏ:

  • Hỗn Độn Cổ Giới
  • Thượng Tam Giới (siêu đa nguyên vũ trụ, quy tắc tương đối hoàn thiện)
  • Trung Thiên Giới (nhiều cái vũ trụ tạo thành, phần lớn quy tắc không được đầy đủ, đại đạo có thiếu)
  • Hạ Vạn Giới (đơn thể vũ trụ hoặc một ngôi sao)

Thời đại phân chia

Các thời đại được phân chia như sau:

  • Hồng Mông
  • Hỗn Độn
  • Thái Sơ
  • Chư Đế
  • Đế Rơi
  • Tiên Cổ
  • Thần thoại
  • Thái Cổ
  • Loạn Cổ
  • Hoang Cổ
  • Man Hoang
  • Thiên Nguyên
  • Vô Cực
**Giải thích:** * **HTML cơ bản:** Cấu trúc HTML đơn giản với các thẻ ``, ``, ``, `

`, `

`, `

    `, `
  • `. * **Tiêu đề:** `` trong `<head>` đặt tiêu đề cho trang web. * **Tiêu đề chính:** `<h1>` được sử dụng cho tiêu đề chính của trang. * **Đoạn văn:** `<p>` được sử dụng để chứa các đoạn văn bản. * **Danh sách:** `<ul>` (unordered list) và `<li>` (list item) được sử dụng để tạo danh sách các cảnh giới, cấp độ bảo vật, phân chia thế giới và thời đại. * **Cấu trúc rõ ràng:** Sử dụng các tiêu đề và danh sách để phân chia nội dung thành các phần rõ ràng, dễ đọc. **Cách sử dụng:** 1. Sao chép mã HTML trên. 2. Mở một trình soạn thảo văn bản (ví dụ: Notepad trên Windows, TextEdit trên macOS). 3. Dán mã vào trình soạn thảo văn bản. 4. Lưu tệp với phần mở rộng `.html` (ví dụ: `thong_tin_the_gioi.html`). 5. Mở tệp HTML bằng trình duyệt web (ví dụ: Chrome, Firefox, Safari) để xem trang web. Bạn có thể tùy chỉnh mã HTML này bằng cách thêm hình ảnh, CSS để tạo kiểu cho trang web, hoặc JavaScript để thêm các chức năng tương tác. </div> </div> <!-- Stats --> <div class="grid grid-cols-3 gap-4 text-center"> <div class="bg-gray-100 p-3 rounded-lg"> <div class="text-gray-500 text-sm">Số chương</div> <div class="font-bold text-xl">240</div> </div> <div class="bg-gray-100 p-3 rounded-lg"> <div class="text-gray-500 text-sm">Lượt đọc</div> <div class="font-bold text-xl">10</div> </div> <div class="bg-gray-100 p-3 rounded-lg"> <div class="text-gray-500 text-sm">Đánh giá</div> <div class="font-bold text-xl">8.5/5.0</div> </div> </div> </div> <!-- New Chapters --> <div wire:snapshot="{"data":{"ebookId":60611,"sortOrder":"desc","paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"WIpTZ0lFIqSji27avOx1","name":"ebook-chapters-component","path":"gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao-n60611.html","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"vi"},"checksum":"5942358c5bacdc9281200e2e2955c85a90cbc18ae23a8b5706009e1894597a53"}" wire:effects="[]" wire:id="WIpTZ0lFIqSji27avOx1" class="bg-white rounded-xl shadow-sm overflow-hidden"> <div class="border-b border-gray-200 px-6 py-4 flex justify-between items-center"> <h3 class="font-bold text-lg" id="chapters">Danh sách chương</h3> <div class="flex items-center"> <span class="text-gray-600 text-sm mr-3">Sắp xếp:</span> <select wire:model.change="sortOrder" class="bg-gray-100 border-0 rounded-lg px-3 py-1 text-sm focus:ring-2 focus:ring-blue-500"> <option value="desc">Mới nhất</option> <option value="asc">Cũ nhất</option> </select> </div> </div> <!-- Chapter List --> <div class="divide-y "> <!--[if BLOCK]><![endif]--> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-240-au-duong-thien-thanh-c3742950.html" title="Chương 240: Âu Dương Thiên Thành" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 240: Âu Dương Thiên Thành</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-239-xich-long-toan-dien-khai-chien-c3742937.html" title="Chương 239: Xích Long, toàn diện khai chiến" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 239: Xích Long, toàn diện khai chiến</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-238-chat-vat-co-hai-c3742922.html" title="Chương 238: Chật vật Cổ Hải" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 238: Chật vật Cổ Hải</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-237-de-to-tai-nhay-disco-c3742909.html" title="Chương 237: Đế tổ tại nhảy disco" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 237: Đế tổ tại nhảy disco</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-236-vo-ha-thanh-dich-toi-tay-c3742899.html" title="Chương 236: Vô Hà Thánh Dịch tới tay" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 236: Vô Hà Thánh Dịch tới tay</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-235-co-thong-thien-c3742880.html" title="Chương 235: Cổ Thông Thiên" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 235: Cổ Thông Thiên</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-234-vo-ha-thanh-the-c3742864.html" title="Chương 234: Vô Hà Thánh Thể" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 234: Vô Hà Thánh Thể</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-233-lo-dinh-c3742850.html" title="Chương 233: Lô đỉnh" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 233: Lô đỉnh</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao/chuong-232-duong-no-la-vinh-hanh-cua-nguoi-c3742834.html" title="Chương 232: Đương nô là vinh hạnh của ngươi" class="chapter-item block px-6 py-4 hover:bg-blue-50 text-gray-800 visited:text-purple-500 transition-colors duration-200"> <div class="flex justify-between items-center"> <span class="font-medium line-clamp-1 flex-1">Chương 232: Đương nô là vinh hạnh của ngươi</span> <div class="text-sm text-gray-500"> <span><i class="far fa-eye mr-1"></i> 10</span> </div> </div> </a> <!--[if ENDBLOCK]><![endif]--> </div> <!-- Pagination --> <div class=" border-t border-gray-200 p-5"> <div> <!--[if BLOCK]><![endif]--> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> <div class="flex justify-between flex-1 sm:hidden"> <span> <!--[if BLOCK]><![endif]--> <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> « Trang sau </span> <!--[if ENDBLOCK]><![endif]--> </span> <span> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="nextPage('page')" x-on:click="" wire:loading.attr="disabled" dusk="nextPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-blue-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> Trang tiếp theo » </button> <!--[if ENDBLOCK]><![endif]--> </span> </div> <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> <div> <p class="text-sm text-gray-700 leading-5 dark:text-gray-400"> <span>Đang hiển thị</span> <span class="font-medium">1</span> <span>tới</span> <span class="font-medium">9</span> <span>trong</span> <span class="font-medium">240</span> <span>kết quả</span> </p> </div> <div> <span class="relative z-0 inline-flex rtl:flex-row-reverse rounded-md shadow-sm"> <span> <!--[if BLOCK]><![endif]--> <span aria-disabled="true" aria-label="&laquo; Trang sau"> <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> </span> </span> <!--[if ENDBLOCK]><![endif]--> </span> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span wire:key="paginator-page-page1"> <!--[if BLOCK]><![endif]--> <span aria-current="page"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">1</span> </span> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page2"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(2, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 2"> 2 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page3"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(3, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 3"> 3 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page4"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(4, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 4"> 4 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page5"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(5, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 5"> 5 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page6"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(6, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 6"> 6 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page7"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(7, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 7"> 7 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page8"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(8, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 8"> 8 </button> <!--[if ENDBLOCK]><![endif]--> </span> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span aria-disabled="true"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300">...</span> </span> <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span wire:key="paginator-page-page26"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(26, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 26"> 26 </button> <!--[if ENDBLOCK]><![endif]--> </span> <span wire:key="paginator-page-page27"> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(27, 'page')" x-on:click="" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Tới trang 27"> 27 </button> <!--[if ENDBLOCK]><![endif]--> </span> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <span> <!--[if BLOCK]><![endif]--> <button type="button" wire:click="nextPage('page')" x-on:click="" dusk="nextPage.after" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Trang tiếp theo &raquo;"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </button> <!--[if ENDBLOCK]><![endif]--> </span> </span> </div> </div> </nav> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> </div> <!-- Left Column - Book Info --> <div class="lg:w-1/3"> <div class="bg-white rounded-xl shadow-sm overflow-hidden"> <!-- Book Cover --> <div class="book-cover w-full rounded-xl overflow-hidden"> <a href="https://truyenauto.com/gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao-n60611.html" title="Gia Phụ Chính Là Đại Đế, Ta Tu Cái Ma Thế Nào?"> <img src="https://img.truyenmoi.cloud/medium/gia-phu-chinh-la-dai-de-ta-tu-cai-ma-the-nao-1716297500.jpg" alt="Gia Phụ Chính Là Đại Đế, Ta Tu Cái Ma Thế Nào?" class="max-w-full h-full object-cover mx-auto"> </a> </div> <div class="p-6 sticky top-0"> <!-- Book Stats --> <div class="flex justify-between items-center mb-4"> <div class="flex items-center"> <div class="flex"> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> </div> <span class="text-gray-700 text-sm ml-2">8.5</span> </div> </div> <!-- Progress Bar --> <div class="mb-4"> <div class="flex justify-between text-sm text-gray-600 mb-1"> <span>Tiến độ: 100%</span> <span>240/240 chương</span> </div> <div class="progress-bar rounded-full"> <div class="progress-fill rounded-full" style="width: 100%"></div> </div> </div> <!-- Action Buttons --> <div class="flex justify-between mb-4"> <div class=""> <div class="text-gray-600">Tình trạng</div> <div class="text-green-600 text-sm">Đã hoàn thành</div> </div> <div class=""> <div class="text-gray-600">Quốc gia</div> <div class="text-sm">Unknown</div> </div> <div class=""> <div class="text-gray-600">Ngày đăng</div> <div class="text-sm">28/04/2025</div> </div> </div> <!-- Book Details --> <div class="space-y-5"> <div class=""> <div class="text-gray-600 mb-2">Thể loại</div> <div class="font-medium flex gap-1 flex-1 flex-wrap"> <a href="https://truyenauto.com/the-loai/huyen-huyen" title="Huyền Huyễn" class="tag text-xs bg-yellow-100 px-2 py-1 rounded truncate line-clamp-1"> Huyền Huyễn </a> <a href="https://truyenauto.com/the-loai/tu-tien" title="Tu Tiên" class="tag text-xs bg-yellow-100 px-2 py-1 rounded truncate line-clamp-1"> Tu Tiên </a> <a href="https://truyenauto.com/the-loai/tieu-thuyet" title="Tiểu Thuyết" class="tag text-xs bg-yellow-100 px-2 py-1 rounded truncate line-clamp-1"> Tiểu Thuyết </a> <a href="https://truyenauto.com/the-loai/di-gioi" title="Dị Giới" class="tag text-xs bg-yellow-100 px-2 py-1 rounded truncate line-clamp-1"> Dị Giới </a> </div> </div> <div class=""> <div class="text-gray-600 mb-2">Tag liên quan</div> <div class="font-medium flex gap-1 flex-1 flex-wrap"> <a href="https://truyenauto.com/tag/the-gioi-tu-luyen" title="thế giới tu luyện" class="tag bg-gray-100 hover:bg-blue-100 text-blue-600 px-3 py-1 rounded text-xs capitalize">thế giới tu luyện</a> <a href="https://truyenauto.com/tag/cuong-hoa-he-thong" title="cường hóa hệ thống" class="tag bg-gray-100 hover:bg-blue-100 text-blue-600 px-3 py-1 rounded text-xs capitalize">cường hóa hệ thống</a> <a href="https://truyenauto.com/tag/tranh-ba-cuu-thien" title="tranh bá cửu thiên" class="tag bg-gray-100 hover:bg-blue-100 text-blue-600 px-3 py-1 rounded text-xs capitalize">tranh bá cửu thiên</a> <a href="https://truyenauto.com/tag/dinh-phong-chan-tien" title="đỉnh phong chân tiên" class="tag bg-gray-100 hover:bg-blue-100 text-blue-600 px-3 py-1 rounded text-xs capitalize">đỉnh phong chân tiên</a> </div> </div> </div> </div> </div> <!-- Comments Section --> <div wire:snapshot="{"data":{"ebookId":60611,"chapterId":0},"memo":{"id":"3975SzwxnQtjVZ9IgelQ","name":"ebook-save-top-rank","path":"gia-phu-chinh-la-djai-dje-ta-tu-cai-ma-the-nao-n60611.html","method":"GET","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"vi"},"checksum":"c82f46f03a7c809e44bec4bc27b668d7009664f45f78cb5b81d08b29bd5ef6b9"}" wire:effects="[]" wire:id="3975SzwxnQtjVZ9IgelQ" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJlYm9va0lkIjo2MDYxMSwiY2hhcHRlcklkIjowfSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoiT1U5THdXbGJmUG1kUWlnSUREZjAiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciJ9LCJjaGVja3N1bSI6ImRlZWE2NjQ2NWRiYmI1YjcyNjgzOWE2NWVjYzRhYTIwYWNjYWNhMDU4MWVlZWNiNzY1ZDIyZjAwNmEyMDM4ZTMifQ==')"></div> </div> </div> <div class="mt-6"> <h3 class="text-xl font-bold mb-3">Truyện liên quan</h3> <div class="bg-white rounded-lg shadow-sm"> <div class="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-0"> <!--[if BLOCK]><![endif]--> <div class="p-4 border-b border-r border-gray-100 hover:bg-gray-50 transition"> <div class="flex"> <div class="flex-shrink-0 mr-4 shadow-lg"> <a href="https://truyenauto.com/khong-can-cot-pham-nhan-ta-co-the-vo-han-dje-thang-the-chat-n47056.html" title="Không Căn Cốt Phàm Nhân, Ta Có Thể Vô Hạn Đề Thăng Thể Chất"> <img src="https://truyenauto.com/storage/truyen-ai/0mg4/khong-can-cot-pham-nhan-ta-co-the-vo-han-dje-thang-the-chat.jpg" alt="Không Căn Cốt Phàm Nhân, Ta Có Thể Vô Hạn Đề Thăng Thể Chất" class="w-32 h-44 object-cover rounded"> </a> </div> <div class="flex-grow"> <h3 class="font-bold text-gray-800 mb-1 line-clamp-2"> <a href="https://truyenauto.com/khong-can-cot-pham-nhan-ta-co-the-vo-han-dje-thang-the-chat-n47056.html" title="Không Căn Cốt Phàm Nhân, Ta Có Thể Vô Hạn Đề Thăng Thể Chất"> Không Căn Cốt Phàm Nhân, Ta Có Thể Vô Hạn Đề Thăng Thể Chất </a> </h3> <div class="flex items-center text-sm mt-2"> <div class="flex"> <!--[if BLOCK]><![endif]--> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-gray-300"></i> <i class="fas fa-star text-gray-300"></i> <!--[if ENDBLOCK]><![endif]--> </div> </div> <a href="https://truyenauto.com/khong-can-cot-pham-nhan-ta-co-the-vo-han-dje-thang-the-chat/chuong-9-day-chinh-la-mot-pham-nhan-c1783654.html" title="Chương 9: Đây chính là một phàm nhân ?" class="lg:text-sm text-blue-600 mt-3 line-clamp-1">Chương 9: Đây chính là một phàm nhân ?</a> <p class="mt-2.5 text-gray-500 text-[15px] line-clamp-3">Xuyên không yếu ớt, Lâm Thần tự rèn luyện thể chất, đi con đường tu luyện độc đáo. Vượt qua giới hạn bản thân, đối đầu cường giả, khám phá thế giới kỳ diệu! Đọc ngay!</p> </div> </div> </div> <div class="p-4 border-b border-r border-gray-100 hover:bg-gray-50 transition"> <div class="flex"> <div class="flex-shrink-0 mr-4 shadow-lg"> <a href="https://truyenauto.com/bat-yeu-n43759.html" title="Bắt Yêu"> <img src="https://truyenauto.com/storage/truyen-ai/0mg1/bat-yeu.jpg" alt="Bắt Yêu" class="w-32 h-44 object-cover rounded"> </a> </div> <div class="flex-grow"> <h3 class="font-bold text-gray-800 mb-1 line-clamp-2"> <a href="https://truyenauto.com/bat-yeu-n43759.html" title="Bắt Yêu"> Bắt Yêu </a> </h3> <div class="flex items-center text-sm mt-2"> <div class="flex"> <!--[if BLOCK]><![endif]--> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <!--[if ENDBLOCK]><![endif]--> </div> </div> <a href="https://truyenauto.com/bat-yeu/chuong-221-dam-vu-thong-c1525919.html" title="Chương 221: Đàm Vũ Thông" class="lg:text-sm text-blue-600 mt-3 line-clamp-1">Chương 221: Đàm Vũ Thông</a> <p class="mt-2.5 text-gray-500 text-[15px] line-clamp-3">**Bắt Yêu:** Thế giới cận đại chìm trong bóng tối, Khương Vân đứng lên vực dậy Đạo môn lụi tàn. Liệu một mình anh có thể chống lại thế lực tà ác đang trỗi dậy? Đọc ngay để khám phá!</p> </div> </div> </div> <div class="p-4 border-b border-r border-gray-100 hover:bg-gray-50 transition"> <div class="flex"> <div class="flex-shrink-0 mr-4 shadow-lg"> <a href="https://truyenauto.com/ta-khong-nghi-bat-yeu-a-n59040.html" title="Ta Không Nghĩ Bắt Yêu A"> <img src="https://img.truyenmoi.cloud/medium/ta-khong-nghi-bat-yeu-a-1657565708.jpg" alt="Ta Không Nghĩ Bắt Yêu A" class="w-32 h-44 object-cover rounded"> </a> </div> <div class="flex-grow"> <h3 class="font-bold text-gray-800 mb-1 line-clamp-2"> <a href="https://truyenauto.com/ta-khong-nghi-bat-yeu-a-n59040.html" title="Ta Không Nghĩ Bắt Yêu A"> Ta Không Nghĩ Bắt Yêu A </a> </h3> <div class="flex items-center text-sm mt-2"> <div class="flex"> <!--[if BLOCK]><![endif]--> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <i class="fas fa-star text-yellow-400"></i> <!--[if ENDBLOCK]><![endif]--> </div> </div> <a href="https://truyenauto.com/ta-khong-nghi-bat-yeu-a/chuong-388-ngo-thien-ba-c3269189.html" title="Chương 388: Ngô Thiên Bá" class="lg:text-sm text-blue-600 mt-3 line-clamp-1">Chương 388: Ngô Thiên Bá</a> <p class="mt-2.5 text-gray-500 text-[15px] line-clamp-3">Xuyên không vào thế giới tu hành, hộ lý Ngô Tuấn khám phá y thuật kỳ lạ: Châm cứu có thể giết người! Bí mật khủng khiếp đằng sau nghề y liệu có được giải đáp? Tìm hiểu ngay!</p> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> </div> </main> <footer class="bg-gray-900 text-white py-2"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 gap-8"> <div> <div class="flex items-center space-x-2"> <i class="fas fa-book-open text-2xl"></i> <h3 class="text-xl font-bold !mb-0">Truyện Hay Auto</h3> </div> <p class="text-gray-400 text-sm"> Truyện online được AI tổng hợp và tóm tắt phục vụ nghiên cứu nghiêm túc (thiệt đó, mà đọc giải trí là chính 😎). Đủ thể loại: ngôn tình, kiếm hiệp, tiên hiệp, đô thị, các kiểu con đà điểu. Cập nhật liên tục mỗi ngày, đọc tẹt ga khỏi lo thiếu. Cần gì thì cứ ới – nhưng mà ...ới cho ai thì... còn lâu mới nói 🤫</p> </div> </div> </div> </footer> <!-- Back to Top Button --> <button id="backToTop" class="fixed bottom-6 right-6 bg-teal-700 text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center hover:bg-purple-700 transition opacity-0 invisible"> <i class="fas fa-arrow-up"></i> </button> <script> // Back to Top Button const backToTopButton = document.getElementById('backToTop'); window.addEventListener('scroll', () => { if (window.pageYOffset > 300) { backToTopButton.classList.remove('opacity-0', 'invisible'); backToTopButton.classList.add('opacity-100', 'visible'); } else { backToTopButton.classList.remove('opacity-100', 'visible'); backToTopButton.classList.add('opacity-0', 'invisible'); } }); backToTopButton.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const storyId = 'o0htk2PcuJhxpvM2Zm+rTw=='; let recent = JSON.parse(localStorage.getItem("recent_stories") || "[]"); recent = recent.filter(id => id !== storyId); recent.unshift(storyId); if (recent.length > 36) recent = recent.slice(0, 36); localStorage.setItem("recent_stories", JSON.stringify(recent)); }); </script> <!-- Scroll top --> <a href="#" class="scroll-top"> <i class="hicon hicon-thin-arrow-up"></i> </a> <!-- /Scroll top --> </body> <script src="/livewire/livewire.min.js?id=df3a17f2" data-csrf="HbhaU6ILxhGDAmseIOolGfzyG2acLtAOrUs5BLmq" data-update-uri="/livewire/update" data-navigate-once="true"></script> </html>