Gác Lại Âu Lo, Mình Yêu Nhau Nhé! - Chương 7 Âm Vang Của Dữ Liệu

Chương trước Chương tiếp

Sáng sớm mùa thu làm cho sân thượng xanh của tòa nhà Sáng Tạo rực rỡ hơn hẳn những tia sưởi mặt trời xuyên qua lá kim ngân.

Linh Hương đứng bên một chiếc ghế gỗ uốn cong, tay mở cuốn sổ da màu nâu nhạt ra một trang trống chưa viết chữ nào.

Bảo bước tới nhanh nhẹ như tiếng gió thoảng qua các chậu hoa lưới treo trên mái vườn.

Bảo nói: “Mình mang bản trình bày dự án ‘Vận Động Xanh’ tới đây để xem xét nhanh.” Anh đặt một tập tài liệu dày lên bàn đá bền.

Linh Hường nhìn vào những biểu đồ màu xanh lá cây hiên ngang và cảm thấy tim mình đập nhanh hơn bao giờ hết.

Linh Hằng lặng người suy nghĩ trong ánh sáng yếu dần của bình đèn năng lượng mặt trời.

Khanh Dũng xuất hiện từ phía cổng kính bên kia mang theo một cuộn giấy A4 được đánh dấu đỏ “Báo cáo tải dữ liệu”.

Khanh Dũng giải thích: “Theo số liệu mới nhất thì lưu lượng truy cập đã vượt mức bình thường đến ba lần.” Anh đưa tay chỉ vào các con số trên giấy mà không cần màn hình nào.

Linh Hương trả lời nhẹ nhàng nhưng rõ ràng: “Nếu chúng ta không kiểm soát ngay sẽ ảnh hưởng nghiêm trọng tới KPI cuối tuần.”

Sơn Ca bước tới với nụ cười thoải mái và một chai nước cam soda lạnh trong tay.

Sơn Ca hỏi: “Các bạn có muốn gọi cuộc họp ‘Ngày Chữa Làn’ ngay bây giờ không?” Anh đặt chai nước lên bàn và lắc nhẹ để tạo tiếng kêu vang nhẹ.

Linh Hường lắc đầu ngập ngừng đáp lại rằng cô chưa muốn làm gián đoạn tiến độ nhưng cũng lo lắng về sức khỏe lâu dài của cả nhóm.

Bảo bật lên nhớ lại những ngày đầu khi dự án trước bị trì hoãn vì anh phải tạm dừng toàn bộ hệ thống để tránh sự cố quá tải.

Bảo chia sẻ: “Lần đó tôi đã vô tình vô hiệu hoá một phần quan trọng của mạng nội bộ và mọi người mất niềm tin vào mình.” Ánh mắt anh chùng điền đầy hối tiếc.

Khanh Dũng đưa ra đề nghị mới và khéo léo hơn: “Chúng ta có thể gửi yêu cầu bảo mật qua kênh mã hoá nội bộ và chờ phản hồi trong vòng ba giờ.” Anh lấy một bút ký bạc để ghi chú nhanh vào tài liệu.. <!--

Khanh Dũng:… -->
Có gì sai?
 



 

```
 

--->









<table style=
 
 
  

PCT_00003_Cambridge_Calendar_Election_Ticket_Dates_2024.pdf.pdf.pdf.jpg.png.png.jpg.jpeg"
 
function test()
#i{ font-family:-system-ui; } @media
<script type= -
#include#include<iostream></style>


      

          
/
**Trả lời nội dung** ```
   
``` --- ``` <svg xmlns=&quothttp://www.w3.org/2000/svg&quot version=&quot1&quot viewBox=&quot... ``` ``` .imageStyle{ width:max-content; max-width:auto; height:max-content; max-height:auto; } ``` <svg viewBox= ``` <link href= Truyền Thông Không Giới Tính Kết Thúc <title> ```             <pre><> </pre> <div># </div>/ ```javascript window.addEventListener('message',function(){}); document.getElementById('').addEventListener('message',()=>{ });`` ``` ``` </tbody> <h4>Nguyên mẫu giao diện tài chính mới vế trái:. <a href="#"> <table> <tr> <li><a <img alt="" /> renderPartial('_form', ['model'=> $model]); ?> <?php echo '<button>Test</button>'; ?> <!-- End code block --> <div> <a href="#" target="_blank">Đọc tiếp...</a> ``` php ``` <!--- -!>--> <h1><!-- --> ​(null )                   ​(null )                         ​​(null)` </div> </div> <div class="chapter-nav-bar"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-6/" class="nav-btn" title="Chương 6 Bão Nhỏ Tại Gác Lối"> <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg> <span>Chương trước</span> </a> <span class="chapter-select-wrap"> <span class="nav-btn" title="Danh sách chương"> <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"> <line x1="3" y1="6" x2="21" y2="6"/> <line x1="3" y1="12" x2="21" y2="12"/> <line x1="3" y1="18" x2="21" y2="18"/> </svg> </span> <select class="chapter-select" onchange="if(this.value){window.location.href=this.value;}"> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-1/" > Chương 1 Ánh Sáng Từ Gió Lùa </option> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-2/" > Chương 2 Nhịp Đập Của Thành Phố </option> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-3/" > Chương 3 Hơi Thở Của Thành Phố </option> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-4/" > Chương 4 MÀN KHÚC ĐÊM </option> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-5/" > Chương 5 Làn Gió Đêm </option> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-6/" > Chương 6 Bão Nhỏ Tại Gác Lối </option> <option value="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-7/" selected> Chương 7 Âm Vang Của Dữ Liệu </option> </select> </span> <span class="nav-btn disabled"> <span>Chương tiếp</span> <svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg> </span> </div> <style> .story-title-link { color: inherit; text-decoration: none; transition: opacity .15s; } .story-title-link:hover { opacity: .7; text-decoration: underline; } .chapter-sep { color: inherit; } .chapter-title-link { color: inherit; text-decoration: none; } .chapter-title-link:hover { text-decoration: underline; } #chapter-reader .chapter-content p { margin-top: 0 !important; margin-bottom: 1.6em !important; line-height: 1.9 !important; display: block !important; } </style> <script> (function () { var reader = document.getElementById('chapter-reader'); if (!reader) return; var THEMES = ['', 'theme-sepia', 'theme-dark']; function applyState() { try { var size = localStorage.getItem('chapter_font') || ''; var theme = localStorage.getItem('chapter_theme') || ''; reader.classList.remove('font-large', 'font-small', 'theme-sepia', 'theme-dark'); if (size) reader.classList.add(size); if (theme) reader.classList.add(theme); } catch (e) {} } applyState(); var btnInc = document.getElementById('btn-font-increase'); var btnDec = document.getElementById('btn-font-decrease'); var btnTheme = document.getElementById('btn-theme-toggle'); if (btnInc) btnInc.addEventListener('click', function () { localStorage.setItem('chapter_font', 'font-large'); applyState(); }); if (btnDec) btnDec.addEventListener('click', function () { localStorage.setItem('chapter_font', 'font-small'); applyState(); }); if (btnTheme) btnTheme.addEventListener('click', function () { var cur = localStorage.getItem('chapter_theme') || ''; var i = THEMES.indexOf(cur); var next = THEMES[(i + 1) % THEMES.length]; localStorage.setItem('chapter_theme', next); applyState(); }); })(); </script> <!--Block danh sách chương truyện--> <div class="block_ds_chuong"> <div class="block_ds_chuong_header"> <h2 class="block_ds_chuong_title">DANH SÁCH CHƯƠNG</h2> <div class="block_ds_chuong_btns"> <button class="btn-chapter-nav btn-first active" data-sort="asc">⬆ Đọc từ đầu</button> <button class="btn-chapter-nav btn-last" data-sort="desc">⬇ Mới nhất</button> </div> </div> <ul class="chuong-list" data-per-page="50"> <li class="chuong-item"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-1/"> <i class="icon-asterisk"></i> <span>Chương 1 Ánh Sáng Từ Gió Lùa</span> </a> </li> <li class="chuong-item"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-2/"> <i class="icon-asterisk"></i> <span>Chương 2 Nhịp Đập Của Thành Phố</span> </a> </li> <li class="chuong-item"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-3/"> <i class="icon-asterisk"></i> <span>Chương 3 Hơi Thở Của Thành Phố</span> </a> </li> <li class="chuong-item"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-4/"> <i class="icon-asterisk"></i> <span>Chương 4 MÀN KHÚC ĐÊM</span> </a> </li> <li class="chuong-item"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-5/"> <i class="icon-asterisk"></i> <span>Chương 5 Làn Gió Đêm</span> </a> </li> <li class="chuong-item"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-6/"> <i class="icon-asterisk"></i> <span>Chương 6 Bão Nhỏ Tại Gác Lối</span> </a> </li> <li class="chuong-item active"> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-7/"> <i class="icon-asterisk"></i> <span>Chương 7 Âm Vang Của Dữ Liệu</span> </a> </li> </ul> </div> <style> .block_ds_chuong { background: #fff; border: 1px solid #e6e8ec; border-radius: 4px; margin: 18px 0; padding: 0; overflow: hidden; } .block_ds_chuong_header { display: flex; align-items: center; justify-content: space-between; background: #f6f7f9; border-bottom: 1px solid #e6e8ec; border-radius: 4px 4px 0 0; padding: 10px 20px; gap: 10px; overflow: hidden; } .block_ds_chuong_title { font-size: 14px; font-weight: 700; color: #333; margin: 0; letter-spacing: 0.4px; flex: 1 1 auto; min-width: 0; } .block_ds_chuong_btns { display: flex; gap: 6px; flex-shrink: 0; } .btn-chapter-nav { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; white-space: nowrap; cursor: pointer; border: 1px solid transparent; background: #f0f0f0; color: #777; transition: all .2s; } .btn-chapter-nav:hover { opacity: .85; } .btn-chapter-nav.active { background: #1a6fc4; color: #fff; border-color: #1a6fc4; } .chuong-list { list-style: none; margin: 0; padding: 18px 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; } .chuong-list .chuong-item { margin: 0; padding: 0; min-width: 0; } .chuong-list .chuong-item a { display: flex; align-items: center; gap: 6px; color: #5a4731; text-decoration: none; font-size: 14px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; text-transform: capitalize; } .chuong-list .chuong-item a i { color: #b8a07a; font-size: 10px; flex-shrink: 0; } .chuong-list .chuong-item a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .chuong-list .chuong-item a:hover { color: #1e7ad6; } .chuong-list .chuong-item.active a { color: #2271b1; font-weight: 600; } .chuong-pagination { display: flex; justify-content: center; align-items: center; gap: 4px; padding: 12px 20px 18px; flex-wrap: wrap; } .chuong-pagination .pg-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 10px; border: 1px solid #d9dde2; background: #fff; color: #444; font-size: 13px; border-radius: 3px; cursor: pointer; text-decoration: none; user-select: none; } .chuong-pagination .pg-btn:hover:not(.disabled):not(.active) { background: #f0f3f7; border-color: #c5cad1; } .chuong-pagination .pg-btn.active { background: #2271b1; color: #fff; border-color: #2271b1; cursor: default; } .chuong-pagination .pg-btn.disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; } .chuong-pagination .pg-ellipsis { padding: 0 4px; color: #888; } .chuong-empty { padding: 30px 20px; text-align: center; color: #888; } @media (max-width: 575px) { .chuong-list { grid-template-columns: 1fr; padding: 14px 16px; gap: 6px; } .block_ds_chuong_header { flex-direction: column; align-items: stretch; gap: 8px; padding: 12px 16px; } .block_ds_chuong_title { font-size: 13px; padding: 0; text-align: left; } .block_ds_chuong_btns { justify-content: flex-end; flex-wrap: wrap; } .btn-chapter-nav { font-size: 11px; padding: 5px 10px; } } </style> <script> (function ($) { var $wrap = $('.block_ds_chuong').last(); if (!$wrap.length) return; var $list = $wrap.find('.chuong-list'); var $pag = $wrap.find('.chuong-pagination'); if (!$list.length) return; var perPage = parseInt($list.data('per-page'), 10) || 50; var totalPage = $pag.length ? (parseInt($pag.data('total-page'), 10) || 1) : 1; var $items = $list.find('.chuong-item'); // Trang ban đầu: nếu có chương active, hiển thị trang chứa chương đó var initialPage = 1; var activeIdx = $items.index($items.filter('.active')); if (activeIdx >= 0) initialPage = Math.floor(activeIdx / perPage) + 1; function renderPage(page, noScroll) { page = Math.max(1, Math.min(totalPage, page)); var start = (page - 1) * perPage; var end = start + perPage; $items.each(function (i) { $(this).toggle(i >= start && i < end); }); if ($pag.length) renderPagination(page); if (!noScroll) { $('html, body').animate({ scrollTop: $wrap.offset().top - 80 }, 200); } } function renderPagination(current) { $pag.empty(); $pag.data('current', current); function pgBtn(label, page, opts) { opts = opts || {}; var cls = 'pg-btn'; if (opts.active) cls += ' active'; if (opts.disabled) cls += ' disabled'; var $b = $('<a class="' + cls + '" href="javascript:void(0)" data-page="' + page + '">' + label + '</a>'); return $b; } // Trang 1...N + Tiếp + Cuối (rút gọn nếu > 7) var pages = []; var maxShow = 5; if (totalPage <= maxShow + 2) { for (var i = 1; i <= totalPage; i++) pages.push(i); } else { pages.push(1); var s = Math.max(2, current - 1); var e = Math.min(totalPage - 1, current + 1); if (s > 2) pages.push('...'); for (var j = s; j <= e; j++) pages.push(j); if (e < totalPage - 1) pages.push('...'); pages.push(totalPage); } pages.forEach(function (p) { if (p === '...') { $pag.append('<span class="pg-ellipsis">...</span>'); } else { $pag.append(pgBtn(p, p, { active: p === current })); } }); // Nút "Tiếp" $pag.append(pgBtn('›', current + 1, { disabled: current >= totalPage })); // Nút "Cuối" if (current < totalPage) { $pag.append(pgBtn('Cuối »', totalPage)); } } $pag.on('click', '.pg-btn:not(.disabled):not(.active)', function () { var p = parseInt($(this).data('page'), 10); if (!isNaN(p)) renderPage(p); }); // Sort buttons: đảo chiều danh sách chương var originalOrder = $items.toArray().slice(); // lưu thứ tự gốc $wrap.find('.btn-chapter-nav').on('click', function () { var sort = $(this).data('sort'); $wrap.find('.btn-chapter-nav').removeClass('active'); $(this).addClass('active'); var ordered = sort === 'desc' ? originalOrder.slice().reverse() : originalOrder.slice(); ordered.forEach(function (el) { $list.append(el); }); $items = $list.find('.chuong-item'); renderPage(1); }); renderPage(initialPage, true); })(jQuery); </script> <div class="block_rating"><div class="wpd-rating-title">Đánh giá truyện</div> <div class="kk-star-ratings kksr-template" data-payload='{"id":"3313","slug":"default","ignore":"","reference":"template","align":"","class":"","count":"0","legendonly":"","readonly":"","score":"0","starsonly":"","valign":"","best":"5","gap":"5","greet":"Rate this story","legend":"0\/5 - (0 bình chọn)","size":"24","title":"Gác Lại Âu Lo, Mình Yêu Nhau Nhé!","width":"0","_legend":"{score}\/{best} - ({count} {votes})","font_factor":"1.25"}'> <div class="kksr-stars"> <div class="kksr-stars-inactive"> <div class="kksr-star" data-star="1" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="2" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="3" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="4" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" data-star="5" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> </div> <div class="kksr-stars-active" style="width: 0px;"> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> <div class="kksr-star" style="padding-right: 5px"> <div class="kksr-icon" style="width: 24px; height: 24px;"></div> </div> </div> </div> <div class="kksr-legend" style="font-size: 19.2px;"> <span class="kksr-muted">Rate this story</span> </div> </div> </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Để lại một bình luận <small><a rel="nofollow" id="cancel-comment-reply-link" href="/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/chuong-7/#respond" style="display:none;">Hủy</a></small></h3><form action="https://cuutruyen.me/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Email của bạn sẽ không được hiển thị công khai.</span> <span class="required-field-message">Các trường bắt buộc được đánh dấu <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Bình luận <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Tên <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Trang web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Lưu tên của tôi, email, và trang web trong trình duyệt này cho lần bình luận kế tiếp của tôi.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Gửi bình luận" /> <input type='hidden' name='comment_post_ID' value='3313' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> <h2 class="ds_tapphim title-related">Phim liên quan</h2> <div class="movie_popular movie_block related-story"> <div class="swiper-slide"> <div class="movie-item item-7"> <div class="movie-poster"> <a href="https://cuutruyen.me/truyen/giot-nuoc-mat-muon-mang/" class="movie-link" title="Giọt Nước Mắt Muộn Màng"> <img decoding="async" loading="lazy" width="400" height="600" src="https://cuutruyen.me/wp-content/uploads/2026/06/giot-nuoc-mat-muon-mang.webp" alt="Giọt Nước Mắt Muộn Màng"> </a> <div class="movie-title-overlay"> <h3 class="movie-title"> <a href="https://cuutruyen.me/truyen/giot-nuoc-mat-muon-mang/">Giọt Nước Mắt Muộn Màng</a> </h3> </div> </div> </div> </div> <div class="swiper-slide"> <div class="movie-item item-7"> <div class="movie-poster"> <a href="https://cuutruyen.me/truyen/ben-xe/" class="movie-link" title="Bến Xe"> <img decoding="async" loading="lazy" width="400" height="600" src="https://cuutruyen.me/wp-content/uploads/2026/06/ben-xe-1.webp" alt="Bến Xe"> </a> <div class="movie-episode-last"> <a href="https://cuutruyen.me/truyen/ben-xe/">C.5</a> </div> <div class="movie-title-overlay"> <h3 class="movie-title"> <a href="https://cuutruyen.me/truyen/ben-xe/">Bến Xe</a> </h3> </div> </div> </div> </div> <div class="swiper-slide"> <div class="movie-item item-7"> <div class="movie-poster"> <a href="https://cuutruyen.me/truyen/dong-cung/" class="movie-link" title="Đông Cung"> <img decoding="async" loading="lazy" width="400" height="600" src="https://cuutruyen.me/wp-content/uploads/2026/06/dong-cung.webp" alt="Đông Cung"> </a> <div class="movie-episode-last"> <a href="https://cuutruyen.me/truyen/dong-cung/">C.18</a> </div> <div class="movie-title-overlay"> <h3 class="movie-title"> <a href="https://cuutruyen.me/truyen/dong-cung/">Đông Cung</a> </h3> </div> </div> </div> </div> <div class="swiper-slide"> <div class="movie-item item-7"> <div class="movie-poster"> <a href="https://cuutruyen.me/truyen/ben-nhau-tron-doi-2/" class="movie-link" title="Bên nhau trọn đời"> <img decoding="async" loading="lazy" width="400" height="600" src="https://cuutruyen.me/wp-content/uploads/2026/05/ben-nhau-tron-doi.webp" alt="Bên nhau trọn đời"> </a> <div class="movie-episode-last"> <a href="https://cuutruyen.me/truyen/ben-nhau-tron-doi-2/">C.11</a> </div> <div class="movie-title-overlay"> <h3 class="movie-title"> <a href="https://cuutruyen.me/truyen/ben-nhau-tron-doi-2/">Bên nhau trọn đời</a> </h3> </div> </div> </div> </div> <div class="swiper-slide"> <div class="movie-item item-7"> <div class="movie-poster"> <a href="https://cuutruyen.me/truyen/ta-trong-sinh-thanh-hoang-hau/" class="movie-link" title="Ta trọng sinh thành hoàng hậu"> <img decoding="async" loading="lazy" width="400" height="600" src="https://cuutruyen.me/wp-content/uploads/2026/05/ta-trong-sinh-thanh-hoang-hau.webp" alt="Ta trọng sinh thành hoàng hậu"> </a> <div class="movie-episode-last"> <a href="https://cuutruyen.me/truyen/ta-trong-sinh-thanh-hoang-hau/">C.12</a> </div> <div class="movie-title-overlay"> <h3 class="movie-title"> <a href="https://cuutruyen.me/truyen/ta-trong-sinh-thanh-hoang-hau/">Ta trọng sinh thành hoàng hậu</a> </h3> </div> </div> </div> </div> </div> </div> <div class="post-sidebar large-3 col"> <div class="is-sticky-column"><div class="is-sticky-column__inner"> <aside id="custom_html-4" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"> <style> .saved-story-block .widget-title { font-weight: 700; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 3px solid var(--mauchudao); } .saved-story-block .story-tooltip-box { position: relative; display: inline-block; vertical-align: middle; margin-left: 4px; } .saved-story-block .story-tooltip-box .info-icon { cursor: help; } .saved-story-block .story-tooltip-text { display: none; position: absolute; z-index: 999; top: 24px; left: 0; background: #222; color: #fff; padding: 8px 10px; font-size: 12px; line-height: 1.4; border-radius: 4px; width: 240px; box-shadow: 0 4px 10px rgba(0,0,0,0.25); } .saved-story-block .story-tooltip-box:hover .story-tooltip-text { display: block; } .saved-list-container { padding: 6px 0; } .saved-list-container .empty-msg { text-align: center; color: #888; font-size: 12px; font-style: italic; padding: 14px 6px; margin: 0; } .saved-stories-slider { display: flex; gap: 12px; overflow-x: auto; scroll-behavior: smooth; padding-bottom: 6px; scrollbar-width: thin; } .saved-stories-slider::-webkit-scrollbar { height: 6px; } .saved-stories-slider::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .saved-stories-slider.dragging { cursor: grabbing; user-select: none; } /* Card truyện đã lưu */ .saved-story-card { position: relative; flex: 0 0 130px; width: 130px; } .saved-story-card .card-cover { position: relative; width: 100%; aspect-ratio: 2 / 3; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); background: #1a1a1a; display: block; } .saved-story-card .card-cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .saved-story-card .card-badge { position: absolute; top: 6px; left: 6px; background: var(--mauchudao); color: #fff; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); z-index: 3; line-height: 1.4; text-transform: uppercase; } .saved-story-card .card-title-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 8px 8px; background: linear-gradient(to top, rgb(0 0 0 / 95%) 0%, rgb(0 0 0 / 60%) 50%, rgba(46, 204, 113, 0) 100%); text-align: center; z-index: 2; } .saved-story-card .card-title-overlay .card-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; text-shadow: 0 1px 2px rgba(0,0,0,0.4); } .saved-story-card .btn-remove-card { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; background: rgba(0,0,0,0.6); color: #fff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 16px; cursor: pointer; z-index: 4; transition: background .15s ease; } .saved-story-card .btn-remove-card:hover { background: #e74c3c; } .saved-story-card a { text-decoration: none; } </style> <div class="saved-story-block"> <div style="position: relative;"> <p class="widget-title"> <span>Truyện đã lưu</span> </p> </div> <div id="saved-movies-list" class="saved-list-container"> <p class="empty-msg">Chưa lưu truyện nào</p> </div> </div> <script> jQuery(function ($) { const STORAGE_KEY = 'my_saved_movies'; const savedListContainerID = 'saved-movies-list'; const bookmarkBtnID = 'btn-bookmark-movie'; const getStorage = () => JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'); const setStorage = (data) => localStorage.setItem(STORAGE_KEY, JSON.stringify(data)); function escapeHtml(s) { return String(s == null ? '' : s) .replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>') .replace(/"/g, '"').replace(/'/g, '''); } function renderSavedList() { const $container = $('#' + savedListContainerID); if (!$container.length) return; const stories = getStorage(); if (!stories.length) { $container.html('<p class="empty-msg">Chưa lưu truyện nào</p>'); return; } let html = '<div class="saved-stories-slider">'; $.each(stories, function (_, s) { const chBadge = s.chapter ? `<span class="card-badge">C.${escapeHtml(s.chapter)}</span>` : ''; html += ` <div class="saved-story-card"> <a href="${escapeHtml(s.url)}" class="card-cover" title="${escapeHtml(s.title)}"> <img src="${escapeHtml(s.img)}" alt="${escapeHtml(s.title)}"> ${chBadge} <div class="card-title-overlay"> <span class="card-title">${escapeHtml(s.title)}</span> </div> </a> <span class="btn-remove-card" data-id="${escapeHtml(s.id)}" title="Bỏ lưu">×</span> </div> `; }); html += '</div>'; $container.html(html); setTimeout(enableDragScroll, 80); } function enableDragScroll() { const $slider = $('.saved-stories-slider'); if (!$slider.length) return; let isDown = false, startX = 0, scrollLeft = 0, moved = 0; $slider.find('img, a').off('dragstart').on('dragstart', function (e) { e.preventDefault(); }); $slider.off('mousedown').on('mousedown', function (e) { isDown = true; moved = 0; startX = e.pageX - this.offsetLeft; scrollLeft = this.scrollLeft; $(this).addClass('dragging'); }); $slider.off('mouseleave mouseup').on('mouseleave mouseup', function () { isDown = false; $(this).removeClass('dragging'); }); $slider.off('mousemove').on('mousemove', function (e) { if (!isDown) return; e.preventDefault(); const x = e.pageX - this.offsetLeft; const walk = (x - startX) * 1.5; moved = Math.abs(x - startX); this.scrollLeft = scrollLeft - walk; }); $slider.off('click', 'a').on('click', 'a', function (e) { if (moved > 5) { e.preventDefault(); e.stopPropagation(); } }); } // Bookmark button trên trang chi tiết truyện const $btn = $('#' + bookmarkBtnID); if ($btn.length) { const currentId = $btn.data('id'); if (getStorage().some(s => String(s.id) === String(currentId))) { updateBtnState(true); } $btn.on('click', function (e) { e.preventDefault(); const story = { id: $(this).data('id'), title: $(this).data('title'), url: $(this).data('url'), img: $(this).data('img'), chapter: $(this).data('chapter') || '' }; let list = getStorage(); const index = list.findIndex(s => String(s.id) === String(story.id)); if (index === -1) { list.unshift(story); updateBtnState(true); } else { list.splice(index, 1); updateBtnState(false); } setStorage(list); renderSavedList(); }); } function updateBtnState(isSaved) { const $icon = $btn.find('i'); const $text = $btn.find('span'); if (isSaved) { $btn.addClass('active'); $icon.attr('class', 'icon-heart'); $text.text('Đã lưu'); } else { $btn.removeClass('active'); $icon.attr('class', 'icon-heart-empty'); $text.text('Lưu'); } } // Bỏ lưu (nút ×) $(document).on('click', '.btn-remove-card', function (e) { e.preventDefault(); e.stopPropagation(); const id = $(this).data('id'); let list = getStorage().filter(s => String(s.id) !== String(id)); setStorage(list); renderSavedList(); if ($btn.length && String($btn.data('id')) === String(id)) { updateBtnState(false); } }); renderSavedList(); }); </script> </div></aside><aside id="custom_html-3" class="widget_text widget widget_custom_html"><p class="widget-title"><span>Bảng xếp hạng</span></p><div class="textwidget custom-html-widget"> <div class="tabbed-content tab-list-hot"> <ul class="nav nav-line nav-uppercase nav-size-normal nav-left" role="tablist"><li id="tab-ngày" class="tab active has-icon" role="presentation"><a href="#tab_ngày" role="tab" aria-selected="true" aria-controls="tab_ngày"><span>Ngày</span></a></li> <li id="tab-tuần" class="tab has-icon" role="presentation"><a href="#tab_tuần" tabindex="-1" role="tab" aria-selected="false" aria-controls="tab_tuần"><span>Tuần</span></a></li> <li id="tab-tháng" class="tab has-icon" role="presentation"><a href="#tab_tháng" tabindex="-1" role="tab" aria-selected="false" aria-controls="tab_tháng"><span>Tháng</span></a></li></ul><div class="tab-panels"><div id="tab_ngày" class="panel active entry-content" role="tabpanel" aria-labelledby="tab-ngày"> <style> .hot-stories-list { list-style: none; margin: 0; padding: 0; background: #fff; /* border: 1px solid #e6e8ec; */ border-radius: 6px; overflow: hidden; } .hot-stories-list > li { margin: 0; padding: 0; } .hot-stories-list .hot-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #eef0f3; text-decoration: none; color: inherit; transition: background .15s ease; } .hot-stories-list > li:last-child .hot-row { border-bottom: 0; } .hot-stories-list .hot-row:hover { background: #fafbfc; } .hot-rank-circle { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; color: #fff; background: #b5bbc5; line-height: 1; } .hot-row.rank-1 .hot-rank-circle { background: #e74c3c; } .hot-row.rank-2 .hot-rank-circle { background: #2ecc71; } .hot-row.rank-3 .hot-rank-circle { background: #3498db; } .hot-thumb { flex-shrink: 0; width: 44px; height: 60px; object-fit: cover; border-radius: 4px; background: #eee; display: block; } .hot-thumb-empty { background: linear-gradient(135deg,#e5e7eb,#d1d5db); } .hot-meta { flex: 1; min-width: 0; } .hot-meta .hot-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #1f2a3a; font-weight: 700; font-size: 14px; line-height: 1.3; margin-bottom: 2px; } .hot-row:hover .hot-meta .hot-title { color: #2271b1; } .hot-meta .hot-views { font-size: 12px; color: #8a90a0; line-height: 1.4; } </style> <ul class="hot-stories-list"> <li> <a href="https://cuutruyen.me/truyen/chang-trai-xuyen-khong-ve-thoi-bao-cap-lam-lai-cuoc-doi/" class="hot-row rank-1" title="Chàng trai xuyên không về thời bao cấp làm lại cuộc đời"> <span class="hot-rank-circle">1</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/chang-trai-xuyen-khong-ve-thoi-bao-cap-lam-lai-cuoc-doi-100x150.webp" alt="Chàng trai xuyên không về thời bao cấp làm lại cuộc đời" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Chàng trai xuyên không về thời bao cấp làm lại cuộc đời</div> <div class="hot-views">👁 585 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/tieng-huyt-sao-luc-giua-dem/" class="hot-row rank-2" title="Tiếng Huýt Sáo Lúc Giữa Đêm"> <span class="hot-rank-circle">2</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/tieng-huyt-sao-luc-giua-dem-3-100x150.webp" alt="Tiếng Huýt Sáo Lúc Giữa Đêm" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Tiếng Huýt Sáo Lúc Giữa Đêm</div> <div class="hot-views">👁 304 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/dong-cung/" class="hot-row rank-3" title="Đông Cung"> <span class="hot-rank-circle">3</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/dong-cung-100x150.webp" alt="Đông Cung" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Đông Cung</div> <div class="hot-views">👁 181 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ben-nhau-tron-doi-2/" class="hot-row rank-4" title="Bên nhau trọn đời"> <span class="hot-rank-circle">4</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/ben-nhau-tron-doi-100x150.webp" alt="Bên nhau trọn đời" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Bên nhau trọn đời</div> <div class="hot-views">👁 191 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/thien-dao-do-thu-quan/" class="hot-row rank-5" title="Thiên Đạo Đồ Thư Quán"> <span class="hot-rank-circle">5</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/thien-dao-do-thu-quan-100x150.webp" alt="Thiên Đạo Đồ Thư Quán" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Thiên Đạo Đồ Thư Quán</div> <div class="hot-views">👁 143 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ta-trong-sinh-thanh-hoang-hau/" class="hot-row rank-6" title="Ta trọng sinh thành hoàng hậu"> <span class="hot-rank-circle">6</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/ta-trong-sinh-thanh-hoang-hau-100x150.webp" alt="Ta trọng sinh thành hoàng hậu" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Ta trọng sinh thành hoàng hậu</div> <div class="hot-views">👁 263 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/" class="hot-row rank-7" title="Gác Lại Âu Lo, Mình Yêu Nhau Nhé!"> <span class="hot-rank-circle">7</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/gac-lai-au-lo-minh-yeu-nhau-nhe-100x150.webp" alt="Gác Lại Âu Lo, Mình Yêu Nhau Nhé!" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Gác Lại Âu Lo, Mình Yêu Nhau Nhé!</div> <div class="hot-views">👁 73 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ben-xe/" class="hot-row rank-8" title="Bến Xe"> <span class="hot-rank-circle">8</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/ben-xe-1-100x150.webp" alt="Bến Xe" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Bến Xe</div> <div class="hot-views">👁 66 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/giot-nuoc-mat-muon-mang/" class="hot-row rank-9" title="Giọt Nước Mắt Muộn Màng"> <span class="hot-rank-circle">9</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/giot-nuoc-mat-muon-mang-100x150.webp" alt="Giọt Nước Mắt Muộn Màng" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Giọt Nước Mắt Muộn Màng</div> <div class="hot-views">👁 21 lượt xem</div> </div> </a> </li> </ul> </div> <div id="tab_tuần" class="panel entry-content" role="tabpanel" aria-labelledby="tab-tuần"> <ul class="hot-stories-list"> <li> <a href="https://cuutruyen.me/truyen/chang-trai-xuyen-khong-ve-thoi-bao-cap-lam-lai-cuoc-doi/" class="hot-row rank-1" title="Chàng trai xuyên không về thời bao cấp làm lại cuộc đời"> <span class="hot-rank-circle">1</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/chang-trai-xuyen-khong-ve-thoi-bao-cap-lam-lai-cuoc-doi-100x150.webp" alt="Chàng trai xuyên không về thời bao cấp làm lại cuộc đời" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Chàng trai xuyên không về thời bao cấp làm lại cuộc đời</div> <div class="hot-views">👁 585 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/tieng-huyt-sao-luc-giua-dem/" class="hot-row rank-2" title="Tiếng Huýt Sáo Lúc Giữa Đêm"> <span class="hot-rank-circle">2</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/tieng-huyt-sao-luc-giua-dem-3-100x150.webp" alt="Tiếng Huýt Sáo Lúc Giữa Đêm" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Tiếng Huýt Sáo Lúc Giữa Đêm</div> <div class="hot-views">👁 304 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/dong-cung/" class="hot-row rank-3" title="Đông Cung"> <span class="hot-rank-circle">3</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/dong-cung-100x150.webp" alt="Đông Cung" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Đông Cung</div> <div class="hot-views">👁 181 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/thien-dao-do-thu-quan/" class="hot-row rank-4" title="Thiên Đạo Đồ Thư Quán"> <span class="hot-rank-circle">4</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/thien-dao-do-thu-quan-100x150.webp" alt="Thiên Đạo Đồ Thư Quán" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Thiên Đạo Đồ Thư Quán</div> <div class="hot-views">👁 143 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ta-trong-sinh-thanh-hoang-hau/" class="hot-row rank-5" title="Ta trọng sinh thành hoàng hậu"> <span class="hot-rank-circle">5</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/ta-trong-sinh-thanh-hoang-hau-100x150.webp" alt="Ta trọng sinh thành hoàng hậu" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Ta trọng sinh thành hoàng hậu</div> <div class="hot-views">👁 263 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ben-nhau-tron-doi-2/" class="hot-row rank-6" title="Bên nhau trọn đời"> <span class="hot-rank-circle">6</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/ben-nhau-tron-doi-100x150.webp" alt="Bên nhau trọn đời" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Bên nhau trọn đời</div> <div class="hot-views">👁 191 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/" class="hot-row rank-7" title="Gác Lại Âu Lo, Mình Yêu Nhau Nhé!"> <span class="hot-rank-circle">7</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/gac-lai-au-lo-minh-yeu-nhau-nhe-100x150.webp" alt="Gác Lại Âu Lo, Mình Yêu Nhau Nhé!" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Gác Lại Âu Lo, Mình Yêu Nhau Nhé!</div> <div class="hot-views">👁 73 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ben-xe/" class="hot-row rank-8" title="Bến Xe"> <span class="hot-rank-circle">8</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/ben-xe-1-100x150.webp" alt="Bến Xe" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Bến Xe</div> <div class="hot-views">👁 66 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/giot-nuoc-mat-muon-mang/" class="hot-row rank-9" title="Giọt Nước Mắt Muộn Màng"> <span class="hot-rank-circle">9</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/giot-nuoc-mat-muon-mang-100x150.webp" alt="Giọt Nước Mắt Muộn Màng" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Giọt Nước Mắt Muộn Màng</div> <div class="hot-views">👁 21 lượt xem</div> </div> </a> </li> </ul> </div> <div id="tab_tháng" class="panel entry-content" role="tabpanel" aria-labelledby="tab-tháng"> <ul class="hot-stories-list"> <li> <a href="https://cuutruyen.me/truyen/chang-trai-xuyen-khong-ve-thoi-bao-cap-lam-lai-cuoc-doi/" class="hot-row rank-1" title="Chàng trai xuyên không về thời bao cấp làm lại cuộc đời"> <span class="hot-rank-circle">1</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/chang-trai-xuyen-khong-ve-thoi-bao-cap-lam-lai-cuoc-doi-100x150.webp" alt="Chàng trai xuyên không về thời bao cấp làm lại cuộc đời" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Chàng trai xuyên không về thời bao cấp làm lại cuộc đời</div> <div class="hot-views">👁 585 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/tieng-huyt-sao-luc-giua-dem/" class="hot-row rank-2" title="Tiếng Huýt Sáo Lúc Giữa Đêm"> <span class="hot-rank-circle">2</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/tieng-huyt-sao-luc-giua-dem-3-100x150.webp" alt="Tiếng Huýt Sáo Lúc Giữa Đêm" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Tiếng Huýt Sáo Lúc Giữa Đêm</div> <div class="hot-views">👁 304 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/dong-cung/" class="hot-row rank-3" title="Đông Cung"> <span class="hot-rank-circle">3</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/dong-cung-100x150.webp" alt="Đông Cung" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Đông Cung</div> <div class="hot-views">👁 181 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/thien-dao-do-thu-quan/" class="hot-row rank-4" title="Thiên Đạo Đồ Thư Quán"> <span class="hot-rank-circle">4</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/thien-dao-do-thu-quan-100x150.webp" alt="Thiên Đạo Đồ Thư Quán" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Thiên Đạo Đồ Thư Quán</div> <div class="hot-views">👁 143 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ta-trong-sinh-thanh-hoang-hau/" class="hot-row rank-5" title="Ta trọng sinh thành hoàng hậu"> <span class="hot-rank-circle">5</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/ta-trong-sinh-thanh-hoang-hau-100x150.webp" alt="Ta trọng sinh thành hoàng hậu" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Ta trọng sinh thành hoàng hậu</div> <div class="hot-views">👁 263 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ben-nhau-tron-doi-2/" class="hot-row rank-6" title="Bên nhau trọn đời"> <span class="hot-rank-circle">6</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/05/ben-nhau-tron-doi-100x150.webp" alt="Bên nhau trọn đời" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Bên nhau trọn đời</div> <div class="hot-views">👁 191 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/gac-lai-au-lo-minh-yeu-nhau-nhe/" class="hot-row rank-7" title="Gác Lại Âu Lo, Mình Yêu Nhau Nhé!"> <span class="hot-rank-circle">7</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/gac-lai-au-lo-minh-yeu-nhau-nhe-100x150.webp" alt="Gác Lại Âu Lo, Mình Yêu Nhau Nhé!" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Gác Lại Âu Lo, Mình Yêu Nhau Nhé!</div> <div class="hot-views">👁 73 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/ben-xe/" class="hot-row rank-8" title="Bến Xe"> <span class="hot-rank-circle">8</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/ben-xe-1-100x150.webp" alt="Bến Xe" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Bến Xe</div> <div class="hot-views">👁 66 lượt xem</div> </div> </a> </li> <li> <a href="https://cuutruyen.me/truyen/giot-nuoc-mat-muon-mang/" class="hot-row rank-9" title="Giọt Nước Mắt Muộn Màng"> <span class="hot-rank-circle">9</span> <img class="hot-thumb" width="100" height="150" src="https://cuutruyen.me/wp-content/uploads/2026/06/giot-nuoc-mat-muon-mang-100x150.webp" alt="Giọt Nước Mắt Muộn Màng" loading="lazy" decoding="async"> <div class="hot-meta"> <div class="hot-title">Giọt Nước Mắt Muộn Màng</div> <div class="hot-views">👁 21 lượt xem</div> </div> </a> </li> </ul> </div></div></div> </div></aside> </div></div> </div> </div> </div> </main> <footer id="footer" class="footer-wrapper"> <section class="section" id="section_1179650926"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row" id="row-2139627071"> <div id="col-1931694045" class="col col-padding-clear medium-3 small-12 large-3" > <div class="col-inner" > <div class="container section-title-container title-footer" ><h4 class="section-title section-title-normal"><b aria-hidden="true"></b><span class="section-title-main" style="color:rgb(164, 172, 184);">Thông tin liên hệ</span><b aria-hidden="true"></b></h4></div> <div id="text-370194616" class="text text-tt-ft"> <p><strong>Website</strong>: https://cuutruyen.me/</p> <p><strong>Email</strong>: support@cuutruyen.me</p> <p><strong>Số điện thoại</strong><em>: </em><span style="color: #ffffff;">0901 234 088 </span></p> <p><strong>Địa chỉ: 91 Cao Triều Phát,  Phú Mỹ Hưng, Tân Hưng, Hồ Chí Minh, Việt Nam</strong></p> <p><strong>Hashtag</strong>: #cuutruyen  #truyentranh  #doctruyen  #cuutruyennet </p> <style> #text-370194616 { font-size: 0.9rem; text-align: left; color: rgb(255,255,255); } #text-370194616 > * { color: rgb(255,255,255); } </style> </div> </div> </div> <div id="col-1934883983" class="col col-padding-clear medium-3 small-6 large-3" > <div class="col-inner" > <div class="container section-title-container title-footer" ><h4 class="section-title section-title-normal"><b aria-hidden="true"></b><span class="section-title-main" style="color:rgb(164, 172, 184);">Thông tin Website</span><b aria-hidden="true"></b></h4></div> <div class="ux-menu stack stack-col justify-start menu-ft"> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me/gioi-thieu-ve-cuutruyen/" rel="nofollow"> <span class="ux-menu-link__text"> Giới thiệu </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me/chinh-sach-bao-mat-cuutruyen/" rel="nofollow"> <span class="ux-menu-link__text"> Chính sách bảo mật </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me/dieu-khoan-su-dung-cuutruyen/" rel="nofollow"> <span class="ux-menu-link__text"> Điều khoản sử dụng </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me/chinh-sach-khieu-nai-ban-quyen-dmca-policy-cuutruyen/" rel="nofollow"> <span class="ux-menu-link__text"> Khiếu nại bản quyền </span> </a> </div> </div> </div> <style> #col-1934883983 > .col-inner { padding: 0px 0px 15px 0px; } </style> </div> <div id="col-37109630" class="col col-padding-clear medium-3 small-6 large-3" > <div class="col-inner" > <div class="container section-title-container title-footer" ><h4 class="section-title section-title-normal"><b aria-hidden="true"></b><span class="section-title-main" style="color:rgb(164, 172, 184);">Dạng Anime</span><b aria-hidden="true"></b></h4></div> <div class="ux-menu stack stack-col justify-start menu-ft"> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me" > <span class="ux-menu-link__text"> Truyện Ngôn Tình </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me" > <span class="ux-menu-link__text"> Truyện Chữ HD </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me" > <span class="ux-menu-link__text"> Truyện Full </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me" > <span class="ux-menu-link__text"> Truyện Sắc </span> </a> </div> <div class="ux-menu-link flex menu-item"> <a class="ux-menu-link__link flex" href="https://cuutruyen.me" > <span class="ux-menu-link__text"> Truyện Ma </span> </a> </div> </div> </div> <style> #col-37109630 > .col-inner { padding: 0px 0px 15px 0px; } </style> </div> <div id="col-514926187" class="col medium-3 small-12 large-3" > <div class="col-inner text-center" > <div id="text-1236317074" class="text"> <p><span style="color: #808080;"><strong>Miễn Trừ Trách Nhiệm </strong></span><br /><strong style="font-size: 14.4px;"><span style="color: #c0c0c0;">Tất cả nội dung trên Truyện Tranh thuộc Bản Các tác giả và cộng tác viên của chúng tôi</span>.</strong></p> <section id="section_1709199949" class="section"></section> <style> #text-1236317074 { font-size: 1.6rem; line-height: 1.2; text-align: left; color: rgb(255, 255, 255); } #text-1236317074 > * { color: rgb(255, 255, 255); } </style> </div> </div> </div> </div> </div> <style> #section_1179650926 { padding-top: 30px; padding-bottom: 30px; background-color: rgb(0,0,0); } </style> </section> <section class="section" id="section_512883055"> <div class="section-bg fill" > </div> <div class="section-content relative"> <div class="row row-collapse" id="row-2040395373"> <div id="col-2042984177" class="col small-12 large-12" > <div class="col-inner" > <div id="text-202594102" class="text text-absolute-ft"> <p>Copyright 2026 © truyentranh</p> <style> #text-202594102 { text-align: center; } </style> </div> </div> </div> </div> </div> <style> #section_512883055 { padding-top: 15px; padding-bottom: 15px; } </style> </section> <div class="absolute-footer dark medium-text-center small-text-center"> <div class="container clearfix"> <div class="footer-primary pull-left"> <div class="copyright-footer"> Copyright 2026 © <strong>Flatsome Theme</strong> </div> </div> </div> </div> <button type="button" id="top-link" class="back-to-top button icon invert plain fixed bottom z-1 is-outline circle hide-for-medium" aria-label="Lên đầu trang"><i class="icon-angle-up" aria-hidden="true"></i></button> </footer> </div> <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide"> <div class="sidebar-menu no-scrollbar "> <ul class="nav nav-sidebar nav-vertical nav-uppercase" data-tab="1"> <li class="header-search-form search-form html relative has-icon"> <div class="header-search-form-wrapper"> <div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form method="post" class="searchform" action="https://cuutruyen.me/" role="search"> <div class="flex-row relative"> <div class="flex-col flex-grow"> <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Tìm kiếm phim..." /> </div> <div class="flex-col"> <button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Gửi"> <i class="icon-search" aria-hidden="true"></i> </button> </div> </div> <div class="live-search-results text-left z-top"></div> </form></div> </div> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-21"><a href="https://cuutruyen.me/">Trang chủ</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-24"><a href="#">Thể loại</a> <ul class="sub-menu nav-sidebar-ul children"> <li id="menu-item-3165" class="menu-item menu-item-type-taxonomy menu-item-object-danh_muc menu-item-3165"><a href="https://cuutruyen.me/truyen-nguoc/">Truyện Ngược</a></li> <li id="menu-item-3166" class="menu-item menu-item-type-taxonomy menu-item-object-danh_muc menu-item-3166"><a href="https://cuutruyen.me/truyen-kiem-hiep/">Truyện Kiếm Hiệp</a></li> <li id="menu-item-3170" class="menu-item menu-item-type-taxonomy menu-item-object-danh_muc menu-item-3170"><a href="https://cuutruyen.me/truyen-sac/">Truyện Sắc</a></li> <li id="menu-item-3169" class="menu-item menu-item-type-taxonomy menu-item-object-danh_muc menu-item-3169"><a href="https://cuutruyen.me/truyen-tu-tien/">Truyện Tu Tiên</a></li> <li id="menu-item-3168" class="menu-item menu-item-type-taxonomy menu-item-object-danh_muc menu-item-3168"><a href="https://cuutruyen.me/truyen-xuyen-khong/">Truyện Xuyên Không</a></li> <li id="menu-item-3167" class="menu-item menu-item-type-taxonomy menu-item-object-danh_muc menu-item-3167"><a href="https://cuutruyen.me/truyen-co-tich/">Truyện Cổ Tích</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3176"><a href="#">Danh Sách</a> <ul class="sub-menu nav-sidebar-ul children"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3177"><a href="#">Mới Cập Nhật</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3178"><a href="#">Truyện Mới</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3180"><a href="#">Sắp Ra Mắt</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3179"><a href="#">Truyện Hoàn Thành</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3172"><a href="#">Xếp Hạng</a> <ul class="sub-menu nav-sidebar-ul children"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3181"><a href="#">Top Ngày</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3183"><a href="#">Top Tuần</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3182"><a href="#">Top Tháng</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3173"><a href="#">Tìm Truyện</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3174"><a href="#">Theo Dõi</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3175"><a href="#">Lịch Sử</a></li> <li><a class="element-error tooltip" title="WooCommerce needed">-</a></li><li class="html custom html_topbar_right"> <form method="POST" action="https://cuutruyen.me/" class="simple-acf-search-form"> <input class="field-search" type="text" name="s" placeholder="Nhập từ khóa..." required /> <button type="submit"><i class="icon-search"></i></button> <div class="suggestion-result"> <div class="col-innear"> </div> </div> </form> <script> jQuery(document).ready(function($) { let timer; // Khi nhập vào ô tìm kiếm $(document).on("input", ".field-search", function() { clearTimeout(timer); const input = $(this); let key_word; timer = setTimeout(function() { jQuery('.suggestion-result').css('height', 'unset'); jQuery('.suggestion-result').css('overflow-y', 'unset'); $('.suggestion-result').css('display', 'flex'); key_word = $('.field-search').val(); console.log($('.field-search').val()); // jQuery('.suggestion-result .col-innear').append('<div class="loader"></div>'); jQuery.ajax({ type: "post", dataType: "json", url: 'https://cuutruyen.me/wp-admin/admin-ajax.php', data: { action: "search_story", key_word: key_word }, context: this, beforeSend: function() { jQuery('.suggestion-result .col-innear').empty(); jQuery('.suggestion-result .col-innear').append('<div class="loader"></div>'); }, success: function(response) { jQuery('.suggestion-result').css('height', '230px'); jQuery('.suggestion-result').css('overflow-y', 'scroll'); jQuery('.suggestion-result .col-innear').empty(); jQuery('.suggestion-result .col-innear').append(response.data['list']); }, error: function(jqXHR, textStatus, errorThrown) { //Làm gì đó khi có lỗi xảy ra alert('Có lỗi xảy ra, vui lòng thử lại'); } }) }, 500); }); // Ẩn suggestion khi click ra ngoài $(document).on("click", function(e) { // Nếu click KHÔNG nằm trong .suggestion-result và KHÔNG nằm trong .field-search if (!$(e.target).closest('.suggestion-result, .field-search').length) { $('.suggestion-result').hide(); jQuery('.suggestion-result').css('height', 'unset'); jQuery('.suggestion-result').css('overflow-y', 'unset'); } }); }); </script> </li> </ul> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/flatsome-child/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <button type="button" id="mm-dark-toggle" aria-label="Bật/Tắt chế độ tối" title="Bật/Tắt chế độ tối"> <svg class="mm-icon-moon" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg> <svg class="mm-icon-sun" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><line x1="12" y1="2" x2="12" y2="4"/><line x1="12" y1="20" x2="12" y2="22"/><line x1="4.93" y1="4.93" x2="6.34" y2="6.34"/><line x1="17.66" y1="17.66" x2="19.07" y2="19.07"/><line x1="2" y1="12" x2="4" y2="12"/><line x1="20" y1="12" x2="22" y2="12"/><line x1="4.93" y1="19.07" x2="6.34" y2="17.66"/><line x1="17.66" y1="6.34" x2="19.07" y2="4.93"/></svg> </button> <style> /* === Dark mode toggle button === */ #mm-dark-toggle { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .2s, transform .2s; margin-left: 8px; flex-shrink: 0; padding: 0; } #mm-dark-toggle:hover { transform: scale(1.08); background: rgba(255,255,255,.22); } #mm-dark-toggle .mm-icon-sun { display: none; } .mm-dark #mm-dark-toggle { background: rgba(251,191,36,.18); color: #fbbf24; } .mm-dark #mm-dark-toggle:hover { background: rgba(251,191,36,.3); } .mm-dark #mm-dark-toggle .mm-icon-moon { display: none; } .mm-dark #mm-dark-toggle .mm-icon-sun { display: block; } /* Vị trí trong header nav */ #mm-dark-toggle-wrap { display: inline-flex; align-items: center; } .header #mm-dark-toggle svg { display: block; } @media (max-width: 549px) { #mm-dark-toggle { width: 32px; height: 32px; } #mm-dark-toggle svg { width: 18px; height: 18px; } } /* === Dark mode color overrides — toàn bộ web đen + chữ trắng === */ html.mm-dark, html.mm-dark body, html.mm-dark #wrapper, html.mm-dark #main, html.mm-dark #content, html.mm-dark .page-wrapper, html.mm-dark .site-content, html.mm-dark .main-content { background: #000 !important; color: #fff !important; } /* Mọi text mặc định trắng */ html.mm-dark *:not(.mm-icon-sun):not(.mm-icon-moon):not(svg):not(path):not(circle):not(line):not(polyline):not(polygon):not(rect) { color: #fff; border-color: #2a2a2a; } html.mm-dark a { color: #fff; } html.mm-dark a:hover { color: var(--mauchudao); } html.mm-dark .header, html.mm-dark .header-main, html.mm-dark .header-bottom, html.mm-dark footer, html.mm-dark .absolute-footer, html.mm-dark .footer-wrapper, html.mm-dark .footer { background: #000 !important; color: #fff !important; border-color: #1a1a1a !important; } html.mm-dark .header-nav>li>a, html.mm-dark .nav>li>a { color: #fff !important; } html.mm-dark .nt-content-box, html.mm-dark .block-ranking, html.mm-dark .story-newest-list, html.mm-dark .story-meta-table, html.mm-dark .hot-stories-list, html.mm-dark .featured-slide, html.mm-dark .container-main, html.mm-dark .row > .col > .col-inner, html.mm-dark article, html.mm-dark .post, html.mm-dark .widget, html.mm-dark .widget_text { background: #111 !important; color: #fff !important; border-color: #2a2a2a !important; } html.mm-dark .story-list-row, html.mm-dark .story-list-header, html.mm-dark .rank-item, html.mm-dark .hot-stories-list .hot-row, html.mm-dark .qmt-row { background: transparent !important; border-color: #2a2a2a !important; color: #fff !important; } html.mm-dark .story-list-header { background: #1a1a1a !important; color: #fff !important; } html.mm-dark .story-list-row:not(.story-list-header):hover, html.mm-dark .rank-item:hover, html.mm-dark .hot-row:hover { background: #1a1a1a !important; } html.mm-dark h1, html.mm-dark h2, html.mm-dark h3, html.mm-dark h4, html.mm-dark h5, html.mm-dark h6, html.mm-dark .heading-font, html.mm-dark .story-title-detail, html.mm-dark .section-title-main, html.mm-dark .rank-title, html.mm-dark .hot-title, html.mm-dark .aw-story-title { color: #fff !important; } /* Muted/secondary text → xám nhạt thay vì trắng tuyền cho dễ đọc */ html.mm-dark .qmt-label, html.mm-dark .chap-info, html.mm-dark .hot-views, html.mm-dark .rank-views, html.mm-dark .srow-time, html.mm-dark .meta-line .meta-label, html.mm-dark small, html.mm-dark .srow-genres { color: #aaa !important; } html.mm-dark input, html.mm-dark textarea, html.mm-dark select { background: #1a1a1a !important; color: #fff !important; border-color: #333 !important; } html.mm-dark .button, html.mm-dark .btn-read-story { background: var(--mauchudao); color: #fff !important; } html.mm-dark .genre-list-block .genre-item { background: #1a1a1a !important; color: #fff !important; } /* Tag chips trên trang truyện trong dark mode */ html.mm-dark .story-meta-table .qmt-tag-chip { background: #1e1b4b !important; color: #c7d2fe !important; border: 1px solid #312e81; } html.mm-dark .story-meta-table .qmt-tag-chip:hover { background: #4338ca !important; color: #fff !important; } /* Nút bookmark "Đã lưu / Lưu" trong dark mode */ html.mm-dark .btn-bookmark-story { background: #1a1a1a !important; color: #fff !important; border-color: #333 !important; } html.mm-dark .btn-bookmark-story:hover { background: #2a2a2a !important; } html.mm-dark .btn-bookmark-story.active { background: var(--mauchudao) !important; color: #fff !important; border-color: var(--mauchudao) !important; } html.mm-dark .genre-list-block .genre-item:hover { background: var(--mauchudao) !important; color: #fff !important; } html.mm-dark .story-cover-img { box-shadow: 0 2px 12px rgba(0,0,0,.5); } html.mm-dark .story-status-badge { background: #1a1a1a !important; color: #fff !important; } html.mm-dark img.hot-thumb, html.mm-dark img.rank-thumb { background: #1a1a1a; } html.mm-dark .breadcrumbs, html.mm-dark .breadcrumbs a { color: #aaa !important; } html.mm-dark .breadcrumbs a:hover { color: #fff !important; } /* Badge New / Full trong story list — giữ màu chữ rõ ràng trên nền sáng */ html.mm-dark .srow-badge-new { background: #2ecc71 !important; color: #fff !important; border-color: #2ecc71 !important; } html.mm-dark .srow-badge-full { background: #333 !important; color: #fff !important; border-color: #555 !important; } html.mm-dark .srow-badge { color: #fff !important; } html.mm-dark .mm-badge, html.mm-dark .badge, html.mm-dark [class*="badge"] { color: inherit !important; } /* Search suggestion dropdown */ html.mm-dark .suggestion-result, html.mm-dark .live-search-results, html.mm-dark .simple-acf-search-form .suggestion-result, html.mm-dark .suggestion-result .col-innear { background: #111 !important; color: #fff !important; border-color: #2a2a2a !important; } html.mm-dark .suggestion-result .item-result, html.mm-dark .suggestion-result .title_movie, html.mm-dark .suggestion-result a { color: #fff !important; background: transparent !important; border-color: #2a2a2a !important; } html.mm-dark .suggestion-result .item-result:hover, html.mm-dark .suggestion-result a:hover { background: #1a1a1a !important; } /* Block DANH SÁCH CHƯƠNG (single story + chapter reader) */ html.mm-dark .block_ds_chuong { background: #111 !important; border-color: #2a2a2a !important; } html.mm-dark .block_ds_chuong_header { background: #1a1a1a !important; border-bottom-color: #2a2a2a !important; color: #fff !important; } html.mm-dark .block_ds_chuong_title { color: #fff !important; } html.mm-dark .btn-chapter-nav { background: #1a1a1a !important; color: #aaa !important; border-color: #2a2a2a !important; } html.mm-dark .btn-chapter-nav.active { background: var(--mauchudao) !important; color: #fff !important; border-color: var(--mauchudao) !important; } html.mm-dark .chuong-list, html.mm-dark .chuong-pagination { background: #111 !important; } html.mm-dark .chuong-list .chuong-item a { color: #ddd !important; } html.mm-dark .chuong-list .chuong-item a:hover, html.mm-dark .chuong-list .chuong-item.active a { color: var(--mauchudao) !important; } html.mm-dark .chuong-pagination .pg-btn { background: #1a1a1a !important; color: #ddd !important; border-color: #2a2a2a !important; } html.mm-dark .chuong-pagination .pg-btn.active { background: var(--mauchudao) !important; color: #fff !important; border-color: var(--mauchudao) !important; } /* Chapter reader area (nội dung đọc truyện) */ html.mm-dark .chapter-reader-wrap, html.mm-dark .chapter-content, html.mm-dark .reading-content, html.mm-dark .entry-content, html.mm-dark .single-content, html.mm-dark article.post-content, html.mm-dark .post-inside, html.mm-dark .blog-archive, html.mm-dark .content-singular, html.mm-dark .col-inner, html.mm-dark .col, html.mm-dark .row, html.mm-dark .page, html.mm-dark section { background: #000 !important; color: #fff !important; border-color: #2a2a2a !important; } html.mm-dark .chapter-content, html.mm-dark .chapter-content p, html.mm-dark .chapter-content div, html.mm-dark .chapter-content span { background: #000 !important; color: #fff !important; } /* Block bao quanh DANH SÁCH CHƯƠNG ở chapter reader page */ html.mm-dark .nt-content-box, html.mm-dark .content-singular, html.mm-dark .single-page-content { background: #111 !important; } /* Story description box */ html.mm-dark .story-desc-body, html.mm-dark .story-desc-wrap { color: #ddd !important; } /* Comment box (wpDiscuz) */ html.mm-dark .wpd-thread-wrapper, html.mm-dark .wpd-comment-wrap { background: #111 !important; color: #fff !important; } </style> <script> (function(){ var STORAGE_KEY = 'mm_dark_mode'; var html = document.documentElement; if (localStorage.getItem(STORAGE_KEY) === '1') html.classList.add('mm-dark'); var btn = document.getElementById('mm-dark-toggle'); if (!btn) return; btn.addEventListener('click', function(){ var isDark = html.classList.toggle('mm-dark'); localStorage.setItem(STORAGE_KEY, isDark ? '1' : '0'); }); // Move button vào header (cạnh search) — fallback fixed top-right nếu không tìm thấy function moveToHeader() { var target = document.querySelector('.header-nav.nav-right') || document.querySelector('.header-search') || document.querySelector('.header-inner'); if (target) { if (target.classList.contains('header-nav')) { // <ul> nav — wrap button trong <li> var li = document.createElement('li'); li.className = 'html_top_search_form mm-dark-li'; li.appendChild(btn); target.appendChild(li); } else if (target.parentNode) { target.parentNode.insertBefore(btn, target.nextSibling); } } else { // Fallback: floating top-right btn.style.position = 'fixed'; btn.style.top = '90px'; btn.style.right = '22px'; btn.style.zIndex = '9999'; btn.style.background = '#1f2937'; } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', moveToHeader); } else { moveToHeader(); } })(); </script> <script id="swiper_js-js" defer src="https://cdn.jsdelivr.net/npm/swiper@11.1.15/swiper-bundle.js?ver=7.0"></script> <script id="kk-star-ratings-js-extra"> var kk_star_ratings = {"action":"kk-star-ratings","endpoint":"https://cuutruyen.me/wp-admin/admin-ajax.php","nonce":"72d889ea6b"}; //# sourceURL=kk-star-ratings-js-extra </script> <script id="kk-star-ratings-js" src="https://cuutruyen.me/wp-content/plugins/kk-star-ratings/src/core/public/js/kk-star-ratings.min.js?ver=5.4.10.2"></script> <script id="mm-bookmark-js-extra"> var MM_BM = {"ajaxurl":"https://cuutruyen.me/wp-admin/admin-ajax.php","nonce":"26859a98df"}; //# sourceURL=mm-bookmark-js-extra </script> <script id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); //# sourceURL=rocket-browser-checker-js-after </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://cuutruyen.me","onHoverDelay":"100","rateThrottle":"3"}; //# sourceURL=rocket-preload-links-js-extra </script> <script id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); //# sourceURL=rocket-preload-links-js-after </script> <script id="flatsome-live-search-js" src="https://cuutruyen.me/wp-content/themes/flatsome/assets/js/extensions/flatsome-live-search.js?ver=3.20.3"></script> <script id="hoverIntent-js" src="https://cuutruyen.me/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script> <script id="flatsome-js-js-extra"> var flatsomeVars = {"theme":{"version":"3.20.3"},"ajaxurl":"https://cuutruyen.me/wp-admin/admin-ajax.php","rtl":"","sticky_height":"70","stickyHeaderHeight":"0","scrollPaddingTop":"0","assets_url":"https://cuutruyen.me/wp-content/themes/flatsome/assets/","lightbox":{"close_markup":"\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Menu ch\u00ednh","toggleButton":"Chuy\u1ec3n \u0111\u1ed5i"},"options":{"cookie_notice_version":"1","swatches_layout":false,"swatches_disable_deselect":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_limited":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0","header_nav_vertical_fly_out_frontpage":1}}; //# sourceURL=flatsome-js-js-extra </script> <script id="flatsome-js-js" src="https://cuutruyen.me/wp-content/themes/flatsome/assets/js/flatsome.js?ver=e2eddd6c228105dac048"></script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" defer src="https://cuutruyen.me/wp-includes/js/comment-reply.min.js?ver=7.0"></script> <script> (function () { // Tắt chuột phải document.addEventListener('contextmenu', function (e) { e.preventDefault(); }, true); // Tắt các phím tắt devtools & view source document.addEventListener('keydown', function (e) { var k = e.key || e.keyCode; // F12 if (k === 'F12' || k === 123) { e.preventDefault(); return false; } // Ctrl+U (view source), Ctrl+S (save), Ctrl+Shift+I/J/C (devtools) if (e.ctrlKey || e.metaKey) { if (k === 'u' || k === 'U' || k === 85) { e.preventDefault(); return false; } if (k === 's' || k === 'S' || k === 83) { e.preventDefault(); return false; } if (e.shiftKey) { if (k === 'i' || k === 'I' || k === 73) { e.preventDefault(); return false; } if (k === 'j' || k === 'J' || k === 74) { e.preventDefault(); return false; } if (k === 'c' || k === 'C' || k === 67) { e.preventDefault(); return false; } } } }, true); // Tắt copy document.addEventListener('copy', function (e) { e.preventDefault(); }, true); // Tắt select text bằng chuột document.addEventListener('selectstart', function (e) { e.preventDefault(); }, true); })(); </script> <style> body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } </style> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->