Today's Recommended Novels - - Free Online Novels & Stories | Daily Updates <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="free novels, online reading, Nigerian stories, romance novels, daily updates" /> <meta name="description" content="Novelbasehub365 offers a wide collection of free online novels and stories. Enjoy romance, drama, and trending fiction with daily chapter updates and a smooth reading experience." /> <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://www.novelbasehub365.com/skin/css/index.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://www.novelbasehub365.com/skin/css/page.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://www.novelbasehub365.com/skin/css/all.min.css?v=3.1"> <script type="text/javascript" src="https://www.novelbasehub365.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: #f60; } .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: #f60; color: white; border-color: #f60; box-shadow: 0 2px 4px rgba(255, 102, 0, 0.3); } /* 选中状态悬停 */ .setting-options .option-btn.active:hover { background: #f80; border-color: #f80; } /* 👇 新增:选中状态样式 */ .option-btn.active { background: #f60; color: white; border-color: #f60; } /* 可选:hover 效果 */ .option-btn:hover { background: #e9ecef; } .option-btn.active:hover { background: #f80; } </style> <header class="header"> <div class="headerMain"> <div class="logo-area"> <div><a href="https://www.novelbasehub365.com" class="logo">Novel Hub</a></div> <nav class="nav-links"> <a class="" href="https://www.novelbasehub365.com">Home</a> <a class="" href="https://www.novelbasehub365.com/ranking/">Rankings</a> <a class="" href="https://www.novelbasehub365.com/serializing/">Ongoing</a> <a class="" href="https://www.novelbasehub365.com/completed/">Completed</a> <a class="active" href="https://www.novelbasehub365.com/recommend/">Today's Updates</a> </nav> </div> <div class="search-box"> <input type="text" placeholder="Search title, author, tags..."> <button>Search</button> </div> <div class="user-actions"> <!-- ❌ 删除 onclick --> <a href="javascript:void(0);" id="lang-toggle-btn" title="Language Selection"> <span style="font-size:26px;color:#ffffff;">🌐</span> </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">Language</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">中文</button> <button class="option-btn " data-lang="en">English</button> <button class="option-btn " data-lang="pt">Português</button> <button class="option-btn " data-lang="id">Indonesia</button> <button class="option-btn " data-lang="bn">Bengali</button> <button class="option-btn active" data-lang="ng">Nigeria</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">Confirm</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://www.novelbasehub365.com/recommend/" class="filter-btn active">All</a><a href="https://www.novelbasehub365.com/recommend/?cate=2" class="filter-btn ">Outros</a><a href="https://www.novelbasehub365.com/recommend/?cate=3" class="filter-btn ">Fantasia</a><a href="https://www.novelbasehub365.com/recommend/?cate=4" class="filter-btn ">Cultivo espiritual</a><a href="https://www.novelbasehub365.com/recommend/?cate=5" class="filter-btn ">História</a><a href="https://www.novelbasehub365.com/recommend/?cate=6" class="filter-btn ">ficção científica</a><a href="https://www.novelbasehub365.com/recommend/?cate=7" class="filter-btn ">jogo online</a><a href="https://www.novelbasehub365.com/recommend/?cate=8" class="filter-btn ">Metropolis</a> </div> </div> <div class="books-grid" style="margin-top: 30px;"><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/679.html" alt="Fogo Devastador no Deserto"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19696.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/679.html" title="Fogo Devastador no Deserto"> <h3 class="book-title" title="Fogo Devastador no Deserto"> Fogo Devastador no Deserto </h3> </a> <div class="book-author">Eremita da Montanha Deserta</div> <p class="book-desc">Nas profundezas do grande deserto, o núcleo ósseo desperta, ...</p> <div class="book-stats"> <span>90K Words</span> <span>240Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/678.html" alt="Apocalipse: Após o Colapso Mental"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19695.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/678.html" title="Apocalipse: Após o Colapso Mental"> <h3 class="book-title" title="Apocalipse: Após o Colapso Mental"> Apocalipse: Após o Colapso Mental </h3> </a> <div class="book-author">Bailu e eu</div> <p class="book-desc">Como uma valiosa Purificadora, Qi An viveu de forma tranquil...</p> <div class="book-stats"> <span>57K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/677.html" alt="Mundo Cinematográfico: Começando com "Pequenos Esforços""> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19694.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/677.html" title="Mundo Cinematográfico: Começando com "Pequenos Esforços""> <h3 class="book-title" title="Mundo Cinematográfico: Começando com "Pequenos Esforços""> Mundo Cinematográfico: Começando com "Pequenos Esforços" </h3> </a> <div class="book-author">Shan Li</div> <p class="book-desc">Ao obter um sistema, ganhei a oportunidade de atravessar mun...</p> <div class="book-stats"> <span>96K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/676.html" alt="Meu Poder Inútil é o Domínio do Gelo"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19693.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/676.html" title="Meu Poder Inútil é o Domínio do Gelo"> <h3 class="book-title" title="Meu Poder Inútil é o Domínio do Gelo"> Meu Poder Inútil é o Domínio do Gelo </h3> </a> <div class="book-author">Man Xiaoyue</div> <p class="book-desc">Pré-venda do livro de entretenimento “A Jovem Senhora Leva o...</p> <div class="book-stats"> <span>58K Words</span> <span>274Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/675.html" alt="Viagem Rápida: A Sensível Foi Mais Uma Vez Alvo do Vilão Sombrio"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19692.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/675.html" title="Viagem Rápida: A Sensível Foi Mais Uma Vez Alvo do Vilão Sombrio"> <h3 class="book-title" title="Viagem Rápida: A Sensível Foi Mais Uma Vez Alvo do Vilão Sombrio"> Viagem Rápida: A Sensível Foi Mais Uma Vez Alvo do Vilão Sombrio </h3> </a> <div class="book-author">Ervas Selvagens</div> <p class="book-desc">[Beleza delicada + Ímã de multidões + Triângulo amoroso + To...</p> <div class="book-stats"> <span>9K Words</span> <span>39Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/674.html" alt="Tabus sobre a transferência de túmulos: fui obrigado a ser padrinho de um morto"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19691.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/674.html" title="Tabus sobre a transferência de túmulos: fui obrigado a ser padrinho de um morto"> <h3 class="book-title" title="Tabus sobre a transferência de túmulos: fui obrigado a ser padrinho de um morto"> Tabus sobre a transferência de túmulos: fui obrigado a ser padrinho de um morto </h3> </a> <div class="book-author">E mais tarde</div> <p class="book-desc">No grande salão decorado com lanternas e fitas, eu estava se...</p> <div class="book-stats"> <span>84K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/673.html" alt="Segredos Esotéricos do Feng Shui Popular"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19690.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/673.html" title="Segredos Esotéricos do Feng Shui Popular"> <h3 class="book-title" title="Segredos Esotéricos do Feng Shui Popular"> Segredos Esotéricos do Feng Shui Popular </h3> </a> <div class="book-author">Berinjela grande</div> <p class="book-desc">【Feng Shui de Qimen, técnicas secretas populares, encantamen...</p> <div class="book-stats"> <span>75K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/672.html" alt="Construtor de Planetas"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19689.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/672.html" title="Construtor de Planetas"> <h3 class="book-title" title="Construtor de Planetas"> Construtor de Planetas </h3> </a> <div class="book-author">Caverna de fogo</div> <p class="book-desc">He Xingzhou soube que a invasão dos Zerg estava prestes a ac...</p> <div class="book-stats"> <span>140K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/671.html" alt="Notas de Escavação de Túmulos do Norte"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19688.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/671.html" title="Notas de Escavação de Túmulos do Norte"> <h3 class="book-title" title="Notas de Escavação de Túmulos do Norte"> Notas de Escavação de Túmulos do Norte </h3> </a> <div class="book-author">Cume das Nuvens</div> <p class="book-desc">【Roubo de túmulos + suspense + avaliação de tesouros】 Sou um...</p> <div class="book-stats"> <span>83K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/670.html" alt="Sistema do Apocalipse: Começo com Trinta Andares de Suprimentos Estocados"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19687.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/670.html" title="Sistema do Apocalipse: Começo com Trinta Andares de Suprimentos Estocados"> <h3 class="book-title" title="Sistema do Apocalipse: Começo com Trinta Andares de Suprimentos Estocados"> Sistema do Apocalipse: Começo com Trinta Andares de Suprimentos Estocados </h3> </a> <div class="book-author">O aroma das flores de arroz</div> <p class="book-desc">Quando a primeira névoa negra se espalhou pelo parapeito do ...</p> <div class="book-stats"> <span>62K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/669.html" alt="Quando Meu Conto de Fadas se Torna Realidade"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19686.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/669.html" title="Quando Meu Conto de Fadas se Torna Realidade"> <h3 class="book-title" title="Quando Meu Conto de Fadas se Torna Realidade"> Quando Meu Conto de Fadas se Torna Realidade </h3> </a> <div class="book-author">Chá de leite, gato e cachorro</div> <p class="book-desc">Em certo dia, inúmeras portas ergueram-se repentinamente pel...</p> <div class="book-stats"> <span>74K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/668.html" alt="Quem roubou meu cérebro?"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19685.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/668.html" title="Quem roubou meu cérebro?"> <h3 class="book-title" title="Quem roubou meu cérebro?"> Quem roubou meu cérebro? </h3> </a> <div class="book-author">Chocolate de gengibre</div> <p class="book-desc">Zhou Mo segurava um copo de chá com leite enquanto estava se...</p> <div class="book-stats"> <span>53K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/667.html" alt="O Guardião da Vila e a Esposa no Caixão"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19684.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/667.html" title="O Guardião da Vila e a Esposa no Caixão"> <h3 class="book-title" title="O Guardião da Vila e a Esposa no Caixão"> O Guardião da Vila e a Esposa no Caixão </h3> </a> <div class="book-author">Irmão Xuan Yi</div> <p class="book-desc">[Tradição sobrenatural + Esposa fantasma + Primeira pessoa] ...</p> <div class="book-stats"> <span>86K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/666.html" alt="A Mestra de Refinamento que Não Segue a Profissão"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19683.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/666.html" title="A Mestra de Refinamento que Não Segue a Profissão"> <h3 class="book-title" title="A Mestra de Refinamento que Não Segue a Profissão"> A Mestra de Refinamento que Não Segue a Profissão </h3> </a> <div class="book-author">Protejam o nosso novato.</div> <p class="book-desc">Su Ninglong criou incontáveis artefatos no mundo da cultivaç...</p> <div class="book-stats"> <span>48K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/665.html" alt="Apocalipse de Sucata: A Garota Gordinha Lidera Sua Família Doente e Frágil rumo à Sobrevivência"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19682.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/665.html" title="Apocalipse de Sucata: A Garota Gordinha Lidera Sua Família Doente e Frágil rumo à Sobrevivência"> <h3 class="book-title" title="Apocalipse de Sucata: A Garota Gordinha Lidera Sua Família Doente e Frágil rumo à Sobrevivência"> Apocalipse de Sucata: A Garota Gordinha Lidera Sua Família Doente e Frágil rumo à Sobrevivência </h3> </a> <div class="book-author">Bolsa roxa</div> <p class="book-desc">Shi Yue Bai atravessou para um mundo pós-apocalíptico, e iss...</p> <div class="book-stats"> <span>47K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/664.html" alt="Registros de Casos de Fantasmas de Yongle"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19681.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/664.html" title="Registros de Casos de Fantasmas de Yongle"> <h3 class="book-title" title="Registros de Casos de Fantasmas de Yongle"> Registros de Casos de Fantasmas de Yongle </h3> </a> <div class="book-author">Su Qing Mo Wan</div> <p class="book-desc">O médium morreu, o interrogador de cadáveres enlouqueceu, e ...</p> <div class="book-stats"> <span>23K Words</span> <span>110Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/663.html" alt="Eu Venho do Mundo Inferior"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19680.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/663.html" title="Eu Venho do Mundo Inferior"> <h3 class="book-title" title="Eu Venho do Mundo Inferior"> Eu Venho do Mundo Inferior </h3> </a> <div class="book-author">Miao Qimiao</div> <p class="book-desc">No mundo do Yin e Yang, na entrada do Rio Amarelo, treze por...</p> <div class="book-stats"> <span>73K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/662.html" alt="O Despedaçador Yin-Yang"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19679.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/662.html" title="O Despedaçador Yin-Yang"> <h3 class="book-title" title="O Despedaçador Yin-Yang"> O Despedaçador Yin-Yang </h3> </a> <div class="book-author">Adoro espetinho de carneiro.</div> <p class="book-desc">Quando o bisturi científico cortou um peito estranho... desc...</p> <div class="book-stats"> <span>84K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/661.html" alt="A Vilã é Pura Sedução: Todos os Cinco Comandantes a Desejam"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19678.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/661.html" title="A Vilã é Pura Sedução: Todos os Cinco Comandantes a Desejam"> <h3 class="book-title" title="A Vilã é Pura Sedução: Todos os Cinco Comandantes a Desejam"> A Vilã é Pura Sedução: Todos os Cinco Comandantes a Desejam </h3> </a> <div class="book-author">Flor das Vaga-lumes Caídas</div> <p class="book-desc">Depois de atravessar para dentro de um livro, Hua Susu torno...</p> <div class="book-stats"> <span>16K Words</span> <span>99Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/660.html" alt="Reencarnei como uma fêmea super rara e estou sendo mimada pelos poderosos"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19677.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/660.html" title="Reencarnei como uma fêmea super rara e estou sendo mimada pelos poderosos"> <h3 class="book-title" title="Reencarnei como uma fêmea super rara e estou sendo mimada pelos poderosos"> Reencarnei como uma fêmea super rara e estou sendo mimada pelos poderosos </h3> </a> <div class="book-author">Devaneios de uma raposa</div> <p class="book-desc">A pontuação do novo livro está baixa, mas vai aumentar depoi...</p> <div class="book-stats"> <span>82K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/659.html" alt="Ruínas das Nove Horas"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19676.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/659.html" title="Ruínas das Nove Horas"> <h3 class="book-title" title="Ruínas das Nove Horas"> Ruínas das Nove Horas </h3> </a> <div class="book-author">Yin Xun</div> <p class="book-desc">Nas profundezas do Corredor de Hexi, quando tempestades de a...</p> <div class="book-stats"> <span>52K Words</span> <span>292Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/658.html" alt="Três Bons Alunos da Escola Wei"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19675.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/658.html" title="Três Bons Alunos da Escola Wei"> <h3 class="book-title" title="Três Bons Alunos da Escola Wei"> Três Bons Alunos da Escola Wei </h3> </a> <div class="book-author">Couraçado movido a energia nuclear</div> <p class="book-desc">Como um “novo” escavado do Poço do Espaço-Tempo, Xuan Chong ...</p> <div class="book-stats"> <span>61K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/657.html" alt="Mundo da Verdadeira Origem"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19674.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/657.html" title="Mundo da Verdadeira Origem"> <h3 class="book-title" title="Mundo da Verdadeira Origem"> Mundo da Verdadeira Origem </h3> </a> <div class="book-author">O irmão Qiu sob a árvore de ficus</div> <p class="book-desc">A cobiça de Ramus chegou à Estrela Azul atravessando um bura...</p> <div class="book-stats"> <span>17K Words</span> <span>66Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/656.html" alt="Sirene de Möbius"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19673.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/656.html" title="Sirene de Möbius"> <h3 class="book-title" title="Sirene de Möbius"> Sirene de Möbius </h3> </a> <div class="book-author">Chuva restante</div> <p class="book-desc">Como faxineiro da Agência do Tempo, eu atravesso cenários ap...</p> <div class="book-stats"> <span>55K Words</span> <span>143Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/655.html" alt="O Contaminador"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19672.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/655.html" title="O Contaminador"> <h3 class="book-title" title="O Contaminador"> O Contaminador </h3> </a> <div class="book-author">Espinho Vermelho do Norte</div> <p class="book-desc">Zhou Huaixia nunca sonha. Ela apenas passa pelos sonhos dos ...</p> <div class="book-stats"> <span>46K Words</span> <span>216Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/654.html" alt="Pousada de Outra Dimensão"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19671.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/654.html" title="Pousada de Outra Dimensão"> <h3 class="book-title" title="Pousada de Outra Dimensão"> Pousada de Outra Dimensão </h3> </a> <div class="book-author">Olhos Distantes</div> <p class="book-desc">Sob o cotidiano, no limite da razão, além do mundo que você ...</p> <div class="book-stats"> <span>103K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/653.html" alt="Grandes Parafusos de Trincheira e Magia"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19670.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/653.html" title="Grandes Parafusos de Trincheira e Magia"> <h3 class="book-title" title="Grandes Parafusos de Trincheira e Magia"> Grandes Parafusos de Trincheira e Magia </h3> </a> <div class="book-author">O Grande Rei dos Espíritos do Lago Xianjia</div> <p class="book-desc">Depois de ser acordado com um soco, Morin descobriu que havi...</p> <div class="book-stats"> <span>61K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/652.html" alt="A Pequena Beleza Delicada e Amada por Todos no Universo Infinito"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19669.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/652.html" title="A Pequena Beleza Delicada e Amada por Todos no Universo Infinito"> <h3 class="book-title" title="A Pequena Beleza Delicada e Amada por Todos no Universo Infinito"> A Pequena Beleza Delicada e Amada por Todos no Universo Infinito </h3> </a> <div class="book-author">Lin Xingzi</div> <p class="book-desc">【① Enredo viciante e dramático ② Protagonista feminina bela ...</p> <div class="book-stats"> <span>35K Words</span> <span>112Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/651.html" alt="Conversa de Chá dos Yokais"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19668.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/651.html" title="Conversa de Chá dos Yokais"> <h3 class="book-title" title="Conversa de Chá dos Yokais"> Conversa de Chá dos Yokais </h3> </a> <div class="book-author">Xian Yunmiao</div> <p class="book-desc">Na espreguiçadeira, Xiao Xiao descansava a mão sobre a testa...</p> <div class="book-stats"> <span>78K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/650.html" alt="Evolução Tecnológica: Eu Sintetizei a Civilização Criadora da Décima Dimensão!"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19667.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/650.html" title="Evolução Tecnológica: Eu Sintetizei a Civilização Criadora da Décima Dimensão!"> <h3 class="book-title" title="Evolução Tecnológica: Eu Sintetizei a Civilização Criadora da Décima Dimensão!"> Evolução Tecnológica: Eu Sintetizei a Civilização Criadora da Décima Dimensão! </h3> </a> <div class="book-author">A música do sul nos sonhos</div> <p class="book-desc">【Super tecnologia】【Implacável】【Nada de piedade exagerada】【Ev...</p> <div class="book-stats"> <span>76K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/649.html" alt="Minha Psicopatia Cibernética é um Aviso de Missão"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19666.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/649.html" title="Minha Psicopatia Cibernética é um Aviso de Missão"> <h3 class="book-title" title="Minha Psicopatia Cibernética é um Aviso de Missão"> Minha Psicopatia Cibernética é um Aviso de Missão </h3> </a> <div class="book-author">O sândalo tem veios.</div> <p class="book-desc">Aqui é a Cidade de Éden. Grandes corporações multinacionais ...</p> <div class="book-stats"> <span>112K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/648.html" alt="Apocalipse: Preso no dormitório feminino da universidade, um item de suprimento por segundo"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19665.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/648.html" title="Apocalipse: Preso no dormitório feminino da universidade, um item de suprimento por segundo"> <h3 class="book-title" title="Apocalipse: Preso no dormitório feminino da universidade, um item de suprimento por segundo"> Apocalipse: Preso no dormitório feminino da universidade, um item de suprimento por segundo </h3> </a> <div class="book-author">Água luminosa</div> <p class="book-desc">【Apocalipse】【História empolgante】【Invencível】【Deusa colegial...</p> <div class="book-stats"> <span>46K Words</span> <span>280Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/647.html" alt="Apocalipse: Começo com o Raio Caótico Divino, Faço o Que Quero"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19664.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/647.html" title="Apocalipse: Começo com o Raio Caótico Divino, Faço o Que Quero"> <h3 class="book-title" title="Apocalipse: Começo com o Raio Caótico Divino, Faço o Que Quero"> Apocalipse: Começo com o Raio Caótico Divino, Faço o Que Quero </h3> </a> <div class="book-author">Nian Shuyun</div> <p class="book-desc">[Apocalipse zumbi + pesca nos mundos + sistema + poderes esp...</p> <div class="book-stats"> <span>81K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/646.html" alt="Grande Salvação dos Mundos e Universos"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19663.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/646.html" title="Grande Salvação dos Mundos e Universos"> <h3 class="book-title" title="Grande Salvação dos Mundos e Universos"> Grande Salvação dos Mundos e Universos </h3> </a> <div class="book-author">A Pequena Estrela Pastora</div> <p class="book-desc">Ele é o talentoso Road Xinghe do entretenimento em "O Melhor...</p> <div class="book-stats"> <span>73K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/645.html" alt="O Céu Concede o Mal"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19662.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/645.html" title="O Céu Concede o Mal"> <h3 class="book-title" title="O Céu Concede o Mal"> O Céu Concede o Mal </h3> </a> <div class="book-author">Caçador de Sonhos Ilusórios</div> <p class="book-desc">Suspense original em modo roguelike infinito, com um toque d...</p> <div class="book-stats"> <span>77K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/644.html" alt="Parque de Diversões Assombrado"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19661.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/644.html" title="Parque de Diversões Assombrado"> <h3 class="book-title" title="Parque de Diversões Assombrado"> Parque de Diversões Assombrado </h3> </a> <div class="book-author">O rei supremo da batata, o vegetal universal</div> <p class="book-desc">O rei dos soldados da Hua Xia, durante uma batalha, de repen...</p> <div class="book-stats"> <span>64K Words</span> <span>273Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/643.html" alt="No Recanto dos Vivos"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19660.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/643.html" title="No Recanto dos Vivos"> <h3 class="book-title" title="No Recanto dos Vivos"> No Recanto dos Vivos </h3> </a> <div class="book-author">Afei de roupa amarela</div> <p class="book-desc">[Aviso de Imigração] Data: 10 de junho de 1989 Local: "██" ...</p> <div class="book-stats"> <span>95K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/642.html" alt="Regras de Amor para Zumbis"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19659.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/642.html" title="Regras de Amor para Zumbis"> <h3 class="book-title" title="Regras de Amor para Zumbis"> Regras de Amor para Zumbis </h3> </a> <div class="book-author">A oeste da ponte das aves</div> <p class="book-desc">【Fim do texto principal, os extras começam a ser atualizados...</p> <div class="book-stats"> <span>20K Words</span> <span>84Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/641.html" alt="Eu Tenho uma Cidade em Outro Mundo"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19658.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/641.html" title="Eu Tenho uma Cidade em Outro Mundo"> <h3 class="book-title" title="Eu Tenho uma Cidade em Outro Mundo"> Eu Tenho uma Cidade em Outro Mundo </h3> </a> <div class="book-author">Han Mubai</div> <p class="book-desc">Viajando entre dois mundos, com poderes infinitos ativados! ...</p> <div class="book-stats"> <span>83K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/640.html" alt="A Senhorita Bruxa Não Quer Ser uma Diva"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19657.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/640.html" title="A Senhorita Bruxa Não Quer Ser uma Diva"> <h3 class="book-title" title="A Senhorita Bruxa Não Quer Ser uma Diva"> A Senhorita Bruxa Não Quer Ser uma Diva </h3> </a> <div class="book-author">Sinfonia do Céu Azul</div> <p class="book-desc">O cotidiano "aconchegante" de uma jovem bruxa na era ciberes...</p> <div class="book-stats"> <span>111K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/639.html" alt="É um jogo otome ou um simulador de carreira profissional?"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19656.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/639.html" title="É um jogo otome ou um simulador de carreira profissional?"> <h3 class="book-title" title="É um jogo otome ou um simulador de carreira profissional?"> É um jogo otome ou um simulador de carreira profissional? </h3> </a> <div class="book-author">Peixe-cabeça</div> <p class="book-desc">Cen Jiu conseguiu uma vaga no teste confidencial de um jogo,...</p> <div class="book-stats"> <span>64K Words</span> <span>291Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/638.html" alt="A Mestre de Nível Máximo Está Prosperando nas Estrelas"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19655.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/638.html" title="A Mestre de Nível Máximo Está Prosperando nas Estrelas"> <h3 class="book-title" title="A Mestre de Nível Máximo Está Prosperando nas Estrelas"> A Mestre de Nível Máximo Está Prosperando nas Estrelas </h3> </a> <div class="book-author">Branca como este sentimento</div> <p class="book-desc">[Viagem interplanetária + protagonista feminina poderosa + m...</p> <div class="book-stats"> <span>76K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/637.html" alt="Pão do Paraíso"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19654.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/637.html" title="Pão do Paraíso"> <h3 class="book-title" title="Pão do Paraíso"> Pão do Paraíso </h3> </a> <div class="book-author">A vovó pedalando o triciclo voador</div> <p class="book-desc">Após se formar na Academia Imperial de Prata, Jasti, por não...</p> <div class="book-stats"> <span>53K Words</span> <span>238Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/636.html" alt="Renascimento no Apocalipse: Criando Filhos e Cultivando"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19653.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/636.html" title="Renascimento no Apocalipse: Criando Filhos e Cultivando"> <h3 class="book-title" title="Renascimento no Apocalipse: Criando Filhos e Cultivando"> Renascimento no Apocalipse: Criando Filhos e Cultivando </h3> </a> <div class="book-author">Bambu verdejante</div> <p class="book-desc">Na vida passada, Xianxian acreditava que ele superaria todos...</p> <div class="book-stats"> <span>69K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/635.html" alt="Prova Silenciosa"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19652.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/635.html" title="Prova Silenciosa"> <h3 class="book-title" title="Prova Silenciosa"> Prova Silenciosa </h3> </a> <div class="book-author">Descendentes de Yuling</div> <p class="book-desc">Diante de um caso cheio de mistérios, o médico legista Li Ru...</p> <div class="book-stats"> <span>68K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/634.html" alt="Eu Construí uma Frota Invencível"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19651.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/634.html" title="Eu Construí uma Frota Invencível"> <h3 class="book-title" title="Eu Construí uma Frota Invencível"> Eu Construí uma Frota Invencível </h3> </a> <div class="book-author">Dezessete anos-luz</div> <p class="book-desc">Su Dingping voltou ao ano de 1999, justamente quando a Marin...</p> <div class="book-stats"> <span>143K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/633.html" alt="Eu Mudei a Linha do Tempo com um Jogo"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19650.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/633.html" title="Eu Mudei a Linha do Tempo com um Jogo"> <h3 class="book-title" title="Eu Mudei a Linha do Tempo com um Jogo"> Eu Mudei a Linha do Tempo com um Jogo </h3> </a> <div class="book-author">Buscando o caminho</div> <p class="book-desc">Jogando videogames é possível mudar o mundo? [Tecnologia ava...</p> <div class="book-stats"> <span>86K Words</span> <span>300Chapters</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://www.novelbasehub365.com/detail/632.html" alt="Apocalipse Global: Despertei com o Talento Devorador de Almas"> <img src="https://gdapi.novelbasehub365.com/Super/public/uploads/covers/novel_gen_19649.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://www.novelbasehub365.com/detail/632.html" title="Apocalipse Global: Despertei com o Talento Devorador de Almas"> <h3 class="book-title" title="Apocalipse Global: Despertei com o Talento Devorador de Almas"> Apocalipse Global: Despertei com o Talento Devorador de Almas </h3> </a> <div class="book-author">Hambúrguer de linguiça de porco com ovo</div> <p class="book-desc">O apocalipse global chegou, e todos ativaram seus painéis de...</p> <div class="book-stats"> <span>80K Words</span> <span>300Chapters</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 = "Search keyword: %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>