Rekomendasi Hari Ini - 小说网站 - Platform Baca Novel Online Gratis | Update Cerita Setiap Hari <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" /> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="keywords" content="novel online, baca novel gratis, cerita populer, update harian, platform membaca novel" /> <meta name="description" content="Readstorybase menyediakan berbagai novel dan cerita menarik yang dapat dibaca secara online secara gratis. Nikmati berbagai genre populer dengan pembaruan bab setiap hari dan pengalaman membaca yang cepat serta nyaman." /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="fav.png"> <link rel="shortcut icon" href="fav.png" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://readstorybase.com/skin/css/index.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://readstorybase.com/skin/css/page.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://readstorybase.com/skin/css/all.min.css?v=3.1"> <script type="text/javascript" src="https://readstorybase.com/skin/js/jquery.min.js"></script> <style> /* 今日推荐标题单行省略 */ .books-grid .book-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 1.4em; max-height: 1.4em; margin: 0; padding: 0; } </style> </head> <body style="background-color:#e3f2fd;"> <!-- 头部导航 --> <style> .nav-links a.active { font-weight: bold; color: #ffffff !important; } .nav-links a.active::after { width:100%; } /* 语言栏样式 */ #language-switcher { display: none; position: absolute; right: 20px; top: 60px; z-index: 1000; background: white; padding: 10px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } /* 语言设置弹窗内的按钮样式 */ .setting-options .option-btn { padding: 8px 16px; margin: 4px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; color: #333; cursor: pointer; font-size: 14px; transition: all 0.2s ease; display: inline-block; text-align: center; min-width: 60px; } /* 悬停效果 */ .setting-options .option-btn:hover { background: #e9ecef; border-color: #ccc; transform: translateY(-1px); } /* 选中状态 */ .setting-options .option-btn.active { background: #3b82f6; color: white; border-color: #3b82f6; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); } /* 选中状态悬停 */ .setting-options .option-btn.active:hover { background: #2563eb; border-color: #2563eb; } /* 👇 新增:选中状态样式 */ .option-btn.active { background: #3b82f6; color: white; border-color: #3b82f6; } /* 可选:hover 效果 */ .option-btn:hover { background: #e9ecef; } .option-btn.active:hover { background: #2563eb; } </style> <header class="header" id="main-header"> <div class="headerMain"> <div class="logo-area"> <div><a href="https://readstorybase.com" class="logo">Pembaca Novel</a></div> <nav class="nav-links"> <a class="" href="https://readstorybase.com">Beranda</a> <a class="" href="https://readstorybase.com/ranking/">Peringkat</a> <a class="" href="https://readstorybase.com/serializing/">Sedang Berlangsung</a> <a class="" href="https://readstorybase.com/completed/">Selesai</a> <a class="active" href="https://readstorybase.com/recommend/">Update Hari Ini</a> </nav> </div> <div class="search-box"> <input type="text" placeholder="Cari judul, penulis, tag..."> <button>Cari</button> </div> <div class="user-actions"> <!-- ❌ 删除 onclick --> <a href="javascript:void(0);" id="lang-toggle-btn" title="Pengganti bahasa"> <i class="fas fa-earth-oceania" style="font-size:26px;color:#ffffff;"></i> </a> </div> <button class="menu-toggle">☰</button> </div><!-- 替换掉原来的 #language-switcher --> <div id="language-switcher" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2000; justify-content:center; align-items:center;"> <div class="settings-container" style="width:90%; max-width:540px; background:white; border-radius:8px; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.15); position:relative;"> <div class="settings-header" style="background:#f8f8f8; padding:20px; border-bottom:1px solid #e8e8e8;"> <div class="settings-title">Bahasa</div> </div> <div class="settings-content" style="padding:20px; max-height:60vh; overflow-y:auto;"> <div class="setting-item"> <div class="setting-options" id="theme-options"> <button class="option-btn " data-lang="zh">Cina</button> <button class="option-btn " data-lang="en">Inggris</button> <button class="option-btn " data-lang="pt">Portugis</button> <button class="option-btn active" data-lang="id">Indonesia</button> </div> </div> </div> <div class="settings-footer" style="padding:15px 20px; border-top:1px solid #e8e8e8; display:flex; justify-content:flex-end; gap:10px;"> <button class="footer-btn confirm" id="confirm-settings">Konfirmasi</button> </div> <div class="close-settings" id="close-settings" style="position:absolute; top:20px; right:20px; width:30px; height:30px; background:white; border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer; font-size:20px; box-shadow:0 2px 8px rgba(0,0,0,0.1);">×</div> </div> </div> </header> <!-- 全局 JS(只写一次,所有页面生效) --> <script> document.addEventListener('DOMContentLoaded', function () { const btn = document.getElementById('lang-toggle-btn'); const overlay = document.getElementById('language-switcher'); // ← 改这里! if (btn && overlay) { btn.addEventListener('click', function(e) { e.preventDefault(); overlay.style.display = 'flex'; }); // 关闭按钮 const closeBtn = document.getElementById('close-settings'); if (closeBtn) { closeBtn.addEventListener('click', function() { overlay.style.display = 'none'; }); } // 点击蒙层关闭 overlay.addEventListener('click', function(e) { if (e.target === overlay) { overlay.style.display = 'none'; } }); // 语言选项切换 const optionButtons = document.querySelectorAll('.option-btn'); optionButtons.forEach(btn => { btn.addEventListener('click', function() { optionButtons.forEach(b => b.classList.remove('active')); this.classList.add('active'); }); }); // 确定按钮 const confirmBtn = document.getElementById('confirm-settings'); if (confirmBtn) { confirmBtn.addEventListener('click', function() { const selected = document.querySelector('.option-btn.active'); if (selected) { const lang = selected.dataset.lang; const url = new URL(window.location); url.searchParams.set('lang', lang); window.location.href = url.toString(); } }); } } }); </script> <div class="container"> <!-- 分类参数 --> <div class="section"> <!-- 分类筛选 --> <div class="category-filter"> <div class="filter-group filter-main"> <a href="https://readstorybase.com/recommend/" class="filter-btn active">All</a><a href="https://readstorybase.com/recommend/?cate=2" class="filter-btn ">Outros</a><a href="https://readstorybase.com/recommend/?cate=3" class="filter-btn ">Fantasia</a><a href="https://readstorybase.com/recommend/?cate=4" class="filter-btn ">Cultivo espiritual</a><a href="https://readstorybase.com/recommend/?cate=5" class="filter-btn ">História</a><a href="https://readstorybase.com/recommend/?cate=6" class="filter-btn ">ficção científica</a><a href="https://readstorybase.com/recommend/?cate=7" class="filter-btn ">jogo online</a><a href="https://readstorybase.com/recommend/?cate=8" class="filter-btn ">Kota</a><a href="https://readstorybase.com/recommend/?cate=9" class="filter-btn ">Romansa</a> </div> </div> <div class="books-grid" style="margin-top: 30px;"><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3250.html" alt="Aku Menaklukkan Dunia dalam Novel Romansa Wanita"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4129_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3250.html" title="Aku Menaklukkan Dunia dalam Novel Romansa Wanita"> <h3 class="book-title" title="Aku Menaklukkan Dunia dalam Novel Romansa Wanita"> Aku Menaklukkan Dunia dalam Novel Romansa Wanita </h3> </a> <div class="book-author">Berlalu di Sepanjang Cakrawala</div> <p class="book-desc">“Seluruh daratan di bawah langit adalah tanah milik raja; se...</p> <div class="book-stats"> <span>150k kata</span> <span>64bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3248.html" alt="Adik Perempuanku yang Loli dan Pecinta Dunia Maya"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4138_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3248.html" title="Adik Perempuanku yang Loli dan Pecinta Dunia Maya"> <h3 class="book-title" title="Adik Perempuanku yang Loli dan Pecinta Dunia Maya"> Adik Perempuanku yang Loli dan Pecinta Dunia Maya </h3> </a> <div class="book-author">Setetes air, ah</div> <p class="book-desc">Izumi Sagiri: “Kakak, aku hanya mau menggambar gambar-gambar...</p> <div class="book-stats"> <span>230k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3247.html" alt="Seni Ledakan dalam Dunia Bajak Laut"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4139_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3247.html" title="Seni Ledakan dalam Dunia Bajak Laut"> <h3 class="book-title" title="Seni Ledakan dalam Dunia Bajak Laut"> Seni Ledakan dalam Dunia Bajak Laut </h3> </a> <div class="book-author">Tinju Sang Petani</div> <p class="book-desc">Percayalah, tidak ada masalah yang tidak dapat diselesaikan ...</p> <div class="book-stats"> <span>270k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3246.html" alt="Terlahir Menjadi Tokoh Antagonis dalam Novel Wanita"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4149_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3246.html" title="Terlahir Menjadi Tokoh Antagonis dalam Novel Wanita"> <h3 class="book-title" title="Terlahir Menjadi Tokoh Antagonis dalam Novel Wanita"> Terlahir Menjadi Tokoh Antagonis dalam Novel Wanita </h3> </a> <div class="book-author">Tango di Pegunungan Bersalju</div> <p class="book-desc">……Ini adalah kisah bergenre laki-laki, namun sang tokoh utam...</p> <div class="book-stats"> <span>260k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3260.html" alt="Kebangkitan Aura Spiritual: Sang Adik Ternyata Adalah Reinkarnasi Sang Maharani"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4221_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3260.html" title="Kebangkitan Aura Spiritual: Sang Adik Ternyata Adalah Reinkarnasi Sang Maharani"> <h3 class="book-title" title="Kebangkitan Aura Spiritual: Sang Adik Ternyata Adalah Reinkarnasi Sang Maharani"> Kebangkitan Aura Spiritual: Sang Adik Ternyata Adalah Reinkarnasi Sang Maharani </h3> </a> <div class="book-author">Tua Licik Yu</div> <p class="book-desc">【Kebangkitan aura spiritual + sistem + humor + satu pemeran ...</p> <div class="book-stats"> <span>260k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3258.html" alt="Pertemuan dengan Bahaya"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4253_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3258.html" title="Pertemuan dengan Bahaya"> <h3 class="book-title" title="Pertemuan dengan Bahaya"> Pertemuan dengan Bahaya </h3> </a> <div class="book-author">Ding Yiya</div> <p class="book-desc">Pertemuan yang tak terduga, perjumpaan yang ajaib—Gao Zhexin...</p> <div class="book-stats"> <span>370k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3257.html" alt="Era Setan Durjana"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4276_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3257.html" title="Era Setan Durjana"> <h3 class="book-title" title="Era Setan Durjana"> Era Setan Durjana </h3> </a> <div class="book-author">Elang di Tengah Hujan</div> <p class="book-desc">Sebelum kecelakaan itu terjadi, He Ya telah menerima peringa...</p> <div class="book-stats"> <span>110k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3256.html" alt="Sang Permaisuri memiliki kemampuan merubah rupa."> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4279_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3256.html" title="Sang Permaisuri memiliki kemampuan merubah rupa."> <h3 class="book-title" title="Sang Permaisuri memiliki kemampuan merubah rupa."> Sang Permaisuri memiliki kemampuan merubah rupa. </h3> </a> <div class="book-author">Catatan Ming Yue</div> <p class="book-desc">Sang wanita rapuh, Wei Zixin, demi membalas budi, merubah wa...</p> <div class="book-stats"> <span>210k kata</span> <span>70bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3245.html" alt="Berguru kepada Paman Kesembilan, Memulai Perjalanan dengan Bergabung ke Grup Obrolan"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4294_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3245.html" title="Berguru kepada Paman Kesembilan, Memulai Perjalanan dengan Bergabung ke Grup Obrolan"> <h3 class="book-title" title="Berguru kepada Paman Kesembilan, Memulai Perjalanan dengan Bergabung ke Grup Obrolan"> Berguru kepada Paman Kesembilan, Memulai Perjalanan dengan Bergabung ke Grup Obrolan </h3> </a> <div class="book-author">Takdir yang Tertutup</div> <p class="book-desc">Dalam sekejap mata, aku terdampar di dunia milik Jiushu (Lin...</p> <div class="book-stats"> <span>260k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3244.html" alt="Zaman Kiamat"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4305_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3244.html" title="Zaman Kiamat"> <h3 class="book-title" title="Zaman Kiamat"> Zaman Kiamat </h3> </a> <div class="book-author">Xiao Yu yang Baru</div> <p class="book-desc">Kiamat telah dimulai kembali. Virus yang tak dikenal mengamu...</p> <div class="book-stats"> <span>100k kata</span> <span>53bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3242.html" alt="Aku Menjadi Pahlawan di Amerika"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4323_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3242.html" title="Aku Menjadi Pahlawan di Amerika"> <h3 class="book-title" title="Aku Menjadi Pahlawan di Amerika"> Aku Menjadi Pahlawan di Amerika </h3> </a> <div class="book-author">Daging sapi panggang</div> <p class="book-desc">【Fiksi Ilmiah Terhebat】"Apakah kau ingin menjadi pahlawan?" ...</p> <div class="book-stats"> <span>140k kata</span> <span>56bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3241.html" alt="Kuil Dao yang Dapat Menembus Dimensi"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4328_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3241.html" title="Kuil Dao yang Dapat Menembus Dimensi"> <h3 class="book-title" title="Kuil Dao yang Dapat Menembus Dimensi"> Kuil Dao yang Dapat Menembus Dimensi </h3> </a> <div class="book-author">Gu Xiayang</div> <p class="book-desc">Di sebuah pulau kecil yang terpencil di Danau Taihu, berdiri...</p> <div class="book-stats"> <span>250k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3255.html" alt="Gadis Rumah Tangga Sang Juara Kelas"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4570_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3255.html" title="Gadis Rumah Tangga Sang Juara Kelas"> <h3 class="book-title" title="Gadis Rumah Tangga Sang Juara Kelas"> Gadis Rumah Tangga Sang Juara Kelas </h3> </a> <div class="book-author">Ketua Yun</div> <p class="book-desc">Tolong berikan teks yang ingin diterjemahkan....</p> <div class="book-stats"> <span>280k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3253.html" alt="Aula Langit Agung"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4577_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3253.html" title="Aula Langit Agung"> <h3 class="book-title" title="Aula Langit Agung"> Aula Langit Agung </h3> </a> <div class="book-author">Surat tersegel</div> <p class="book-desc">Sang Dewa Perang Haotian kembali ke kota, dan mendapati istr...</p> <div class="book-stats"> <span>320k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3251.html" alt="Bayangan Agung"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4588_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3251.html" title="Bayangan Agung"> <h3 class="book-title" title="Bayangan Agung"> Bayangan Agung </h3> </a> <div class="book-author">Hong Sen</div> <p class="book-desc">Karena telah hidup dalam kesendirian yang begitu mendalam......</p> <div class="book-stats"> <span>180k kata</span> <span>53bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3240.html" alt="Qin Agung: Shihuang Memintaku Menjadi Kaisar"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4609_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3240.html" title="Qin Agung: Shihuang Memintaku Menjadi Kaisar"> <h3 class="book-title" title="Qin Agung: Shihuang Memintaku Menjadi Kaisar"> Qin Agung: Shihuang Memintaku Menjadi Kaisar </h3> </a> <div class="book-author">Qing Fuling</div> <p class="book-desc">Rakyatnya sekuat besi, namun dinasti berganti laksana air me...</p> <div class="book-stats"> <span>140k kata</span> <span>52bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3239.html" alt="Sang Kaisar Pertama ini sungguh luar biasa."> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4617_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3239.html" title="Sang Kaisar Pertama ini sungguh luar biasa."> <h3 class="book-title" title="Sang Kaisar Pertama ini sungguh luar biasa."> Sang Kaisar Pertama ini sungguh luar biasa. </h3> </a> <div class="book-author">Kaisar Abadi</div> <p class="book-desc">Li Si berkata, “Paduka, keenam kerajaan telah tumbang, empat...</p> <div class="book-stats"> <span>250k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3238.html" alt="Dinasti Song Selatan Tak Batuk-Batuk"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4647_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3238.html" title="Dinasti Song Selatan Tak Batuk-Batuk"> <h3 class="book-title" title="Dinasti Song Selatan Tak Batuk-Batuk"> Dinasti Song Selatan Tak Batuk-Batuk </h3> </a> <div class="book-author">Nama Kesepuluh</div> <p class="book-desc">Latar belakang kisah ini adalah Dinasti Song, sebuah periode...</p> <div class="book-stats"> <span>240k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3237.html" alt="Kakekku adalah Qin Shi Huang."> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4652_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3237.html" title="Kakekku adalah Qin Shi Huang."> <h3 class="book-title" title="Kakekku adalah Qin Shi Huang."> Kakekku adalah Qin Shi Huang. </h3> </a> <div class="book-author">Api di selatan Gunung pada bulan Oktober</div> <p class="book-desc">Menyusuri lorong waktu ke Dinasti Qin, Zhao Ying kini menjad...</p> <div class="book-stats"> <span>310k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3236.html" alt="Menjadi Menantu Patuh Kaisar Qin Shi Huang"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4656_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3236.html" title="Menjadi Menantu Patuh Kaisar Qin Shi Huang"> <h3 class="book-title" title="Menjadi Menantu Patuh Kaisar Qin Shi Huang"> Menjadi Menantu Patuh Kaisar Qin Shi Huang </h3> </a> <div class="book-author">Tak berkata sembarangan.</div> <p class="book-desc">"Yang Mulia, Chen Sheng dan Wu Guang telah memberontak." "...</p> <div class="book-stats"> <span>230k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3230.html" alt="Perjalanan ke Barat: Alam Semesta dan Dunia-Dunia Tak Bertepi"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4897_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3230.html" title="Perjalanan ke Barat: Alam Semesta dan Dunia-Dunia Tak Bertepi"> <h3 class="book-title" title="Perjalanan ke Barat: Alam Semesta dan Dunia-Dunia Tak Bertepi"> Perjalanan ke Barat: Alam Semesta dan Dunia-Dunia Tak Bertepi </h3> </a> <div class="book-author">Angsa musim gugur datang membawa pesan.</div> <p class="book-desc">Jalan Agung berjumlah lima puluh, namun langit hanya mengemb...</p> <div class="book-stats"> <span>240k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3229.html" alt="Fajar Emas II"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4915_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3229.html" title="Fajar Emas II"> <h3 class="book-title" title="Fajar Emas II"> Fajar Emas II </h3> </a> <div class="book-author">Ji Yang</div> <p class="book-desc">Tolong berikan teks yang ingin diterjemahkan....</p> <div class="book-stats"> <span>350k kata</span> <span>95bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3228.html" alt="Hidup Kembali Setelah Masa Senggang"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/4924_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3228.html" title="Hidup Kembali Setelah Masa Senggang"> <h3 class="book-title" title="Hidup Kembali Setelah Masa Senggang"> Hidup Kembali Setelah Masa Senggang </h3> </a> <div class="book-author">Mimpi Bunga Dingin</div> <p class="book-desc">Teks kosong. Mohon berikan teks yang ingin diterjemahkan....</p> <div class="book-stats"> <span>390k kata</span> <span>81bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3235.html" alt="Kehidupan Santai Sang Naga"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/2251_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3235.html" title="Kehidupan Santai Sang Naga"> <h3 class="book-title" title="Kehidupan Santai Sang Naga"> Kehidupan Santai Sang Naga </h3> </a> <div class="book-author">Jurang Kedalaman Sembilan Belas</div> <p class="book-desc">Segala yang terbang di langit, yang berlari di pegunungan, y...</p> <div class="book-stats"> <span>360k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3234.html" alt="Sang Mahadewa Jalan Tertinggi"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/2253_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3234.html" title="Sang Mahadewa Jalan Tertinggi"> <h3 class="book-title" title="Sang Mahadewa Jalan Tertinggi"> Sang Mahadewa Jalan Tertinggi </h3> </a> <div class="book-author">Tentang Dosa</div> <p class="book-desc">Pemuda bernama Song Feng, kedua orang tuanya menghilang tanp...</p> <div class="book-stats"> <span>310k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3233.html" alt="Kaisar Petir"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/2254_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3233.html" title="Kaisar Petir"> <h3 class="book-title" title="Kaisar Petir"> Kaisar Petir </h3> </a> <div class="book-author">Melaju seorang diri, meninggalkan debu di belakang.</div> <p class="book-desc">Teks yang Anda kirimkan kosong. Mohon kirimkan teks yang ing...</p> <div class="book-stats"> <span>240k kata</span> <span>100bab</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://readstorybase.com/detail/3231.html" alt="Kesatria Naga"> <img src="https://gdapi.readstorybase.com/Super/public/uploads/covers/2264_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://readstorybase.com/detail/3231.html" title="Kesatria Naga"> <h3 class="book-title" title="Kesatria Naga"> Kesatria Naga </h3> </a> <div class="book-author">Masih begitu murni.</div> <p class="book-desc">Setiap Dragon Rider Kepala dari pasukan Dragon Rider Kegelap...</p> <div class="book-stats"> <span>290k kata</span> <span>100bab</span> </div> </div> </div></div> <!-- <div class="page" style="background:linear-gradient(135deg, #f3f3f3 0%, #f1f1f1 100%);padding:0 20px;border-radius:10px;"></div> --> </div> </div> <!-- 页脚 --> <footer class="footer"> <div class="container1"> </div> </footer> <!-- 右侧功能栏 --> <div class="sidebar"> <a href="javascript:void(0);" onclick="scrollToTop()" class="sidebar-button"> <div class="icon"> <div class="moon-icon"> <div class="moon"> <div class="fas fa-arrows-up-to-line"></div> </div> </div> </div> </a> </div> <script type="text/javascript"> function scrollToTop(){ window.scrollTo({ top: 0, behavior: 'smooth' }); } </script> <script> // 移动端菜单切换 document.addEventListener('DOMContentLoaded', function() { const menuToggle = document.querySelector('.menu-toggle'); const navLinks = document.querySelector('.nav-links'); menuToggle.addEventListener('click', function() { navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex'; }); // 调整窗口大小时重置菜单显示 window.addEventListener('resize', function() { if (window.innerWidth > 768) { navLinks.style.display = 'flex'; } else { navLinks.style.display = 'none'; } }); // 初始化 if (window.innerWidth <= 768) { navLinks.style.display = 'none'; } // 搜索功能 const searchInput = document.querySelector('.search-box input'); const searchBtn = document.querySelector('.search-box button'); const searchAlertTpl = "Kata kunci pencarian: %s"; searchBtn.addEventListener('click', function() { const keyword = searchInput.value.trim(); if (keyword) { alert(searchAlertTpl.replace('%s', keyword)); // 实际应用中这里应该跳转到搜索页面 } }); searchInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { searchBtn.click(); } }); }); </script> </body> </html>