Recomendações de hoje - site de romances - BigBook - Enorme Biblioteca de Romances | Leitura Online Gratuita <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="Enorme biblioteca de romances, coleção de romances, leitura gratuita, plataforma de leitura online, romances populares" /> <meta name="description" content="O BigBook reúne uma enorme quantidade de recursos de romances de alta qualidade, criando uma plataforma de leitura online rica em conteúdo que oferece leitura gratuita de diversos tipos de romances, com atualizações rápidas e capítulos completos." /> <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://comicbooks88.com/skin/css/index.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://comicbooks88.com/skin/css/page.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://comicbooks88.com/skin/css/all.min.css?v=3.1"> <script type="text/javascript" src="https://comicbooks88.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://comicbooks88.com" class="logo">Leitor de Novelas</a></div> <nav class="nav-links"> <a class="" href="https://comicbooks88.com">Início</a> <a class="" href="https://comicbooks88.com/ranking/">Ranking</a> <a class="" href="https://comicbooks88.com/serializing/">Em série</a> <a class="" href="https://comicbooks88.com/completed/">Concluídas</a> <a class="active" href="https://comicbooks88.com/recommend/">Atualizações de hoje</a> </nav> </div> <div class="search-box"> <input type="text" placeholder="Buscar título, autor, tags..."> <button>Buscar</button> </div> <div class="user-actions"> <!-- ❌ 删除 onclick --> <a href="javascript:void(0);" id="lang-toggle-btn" title="Seleção de idioma"> <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">Idioma</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 active" data-lang="pt">Português</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">Confirmar</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://comicbooks88.com/recommend/" class="filter-btn active">All</a><a href="https://comicbooks88.com/recommend/?cate=2" class="filter-btn ">Outros</a><a href="https://comicbooks88.com/recommend/?cate=3" class="filter-btn ">Fantasia</a><a href="https://comicbooks88.com/recommend/?cate=4" class="filter-btn ">Cultivo espiritual</a><a href="https://comicbooks88.com/recommend/?cate=5" class="filter-btn ">História</a><a href="https://comicbooks88.com/recommend/?cate=6" class="filter-btn ">ficção científica</a><a href="https://comicbooks88.com/recommend/?cate=7" class="filter-btn ">jogo online</a> </div> </div> <div class="books-grid" style="margin-top: 30px;"><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/682.html" alt="O Reflexo de Todos os Céus"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/604_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/682.html" title="O Reflexo de Todos os Céus"> <h3 class="book-title" title="O Reflexo de Todos os Céus"> O Reflexo de Todos os Céus </h3> </a> <div class="book-author">Pei, o Açougueiro</div> <p class="book-desc">Dragões e serpentes, as Sete Esferas do Dragão, o Deus Solar...</p> <div class="book-stats"> <span>26mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/681.html" alt="Este jogo de aventura textual é, sem dúvida, venenoso."> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/608_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/681.html" title="Este jogo de aventura textual é, sem dúvida, venenoso."> <h3 class="book-title" title="Este jogo de aventura textual é, sem dúvida, venenoso."> Este jogo de aventura textual é, sem dúvida, venenoso. </h3> </a> <div class="book-author">Sete caracteres, cinco cores</div> <p class="book-desc">Tudo começou quando o protagonista fez o download de um jogo...</p> <div class="book-stats"> <span>27mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/680.html" alt="Eu vi tudo."> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/609_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/680.html" title="Eu vi tudo."> <h3 class="book-title" title="Eu vi tudo."> Eu vi tudo. </h3> </a> <div class="book-author">Três Pessoas de Lingnan</div> <p class="book-desc">Um acaso fez com que Jiang Miao adquirisse “olhos” capazes d...</p> <div class="book-stats"> <span>34mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/679.html" alt="Peregrinando pelo universo cinematográfico"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/654_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/679.html" title="Peregrinando pelo universo cinematográfico"> <h3 class="book-title" title="Peregrinando pelo universo cinematográfico"> Peregrinando pelo universo cinematográfico </h3> </a> <div class="book-author">Não sou Mario.</div> <p class="book-desc">O ator de terceira categoria Lin Yue obteve um sistema de tr...</p> <div class="book-stats"> <span>25mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/678.html" alt="Grande General Celestial da Dinastia Tang"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/675_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/678.html" title="Grande General Celestial da Dinastia Tang"> <h3 class="book-title" title="Grande General Celestial da Dinastia Tang"> Grande General Celestial da Dinastia Tang </h3> </a> <div class="book-author">As folhas caídas murcham.</div> <p class="book-desc">No tempo de Tianbao, reinava a harmonia entre canto e dança....</p> <div class="book-stats"> <span>35mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/668.html" alt="Um sopro de sol nascente"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/677_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/668.html" title="Um sopro de sol nascente"> <h3 class="book-title" title="Um sopro de sol nascente"> Um sopro de sol nascente </h3> </a> <div class="book-author">Beijar a ponta dos dedos</div> <p class="book-desc">“Daozhang, por que não permanece em reclusão nas montanhas, ...</p> <div class="book-stats"> <span>29mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/677.html" alt="Canção Fúnebre da Grande Dinastia Tang"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/685_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/677.html" title="Canção Fúnebre da Grande Dinastia Tang"> <h3 class="book-title" title="Canção Fúnebre da Grande Dinastia Tang"> Canção Fúnebre da Grande Dinastia Tang </h3> </a> <div class="book-author">Partir ao longe, levando a espada</div> <p class="book-desc">Um jovem promissor oriundo da era moderna tem sua alma trans...</p> <div class="book-stats"> <span>45mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/676.html" alt="O Luminar Literário da Grande Dinastia Ming"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/689_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/676.html" title="O Luminar Literário da Grande Dinastia Ming"> <h3 class="book-title" title="O Luminar Literário da Grande Dinastia Ming"> O Luminar Literário da Grande Dinastia Ming </h3> </a> <div class="book-author">Quando a Felicidade Bate à Porta</div> <p class="book-desc">Diante das Nove Portas da Cidade Proibida, os cem oficiais, ...</p> <div class="book-stats"> <span>33mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/664.html" alt="A fortuna divina começou com o colapso do sistema"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/692_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/664.html" title="A fortuna divina começou com o colapso do sistema"> <h3 class="book-title" title="A fortuna divina começou com o colapso do sistema"> A fortuna divina começou com o colapso do sistema </h3> </a> <div class="book-author">Brisas suaves entre folhas de bordo translúcidas</div> <p class="book-desc">Lin Qian renasceu. Enquanto outros, ao retornarem à vida, ge...</p> <div class="book-stats"> <span>26mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/687.html" alt="Simulador de Vilão de Douluo: No Início, Persegui Qian Renxue"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/695_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/687.html" title="Simulador de Vilão de Douluo: No Início, Persegui Qian Renxue"> <h3 class="book-title" title="Simulador de Vilão de Douluo: No Início, Persegui Qian Renxue"> Simulador de Vilão de Douluo: No Início, Persegui Qian Renxue </h3> </a> <div class="book-author">Três mil trezentos e três</div> <p class="book-desc">“Qian Renxue, ainda não compreende? Eu lhe transmiti conheci...</p> <div class="book-stats"> <span>27mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/663.html" alt="Entretenimento: Eu só quero ser o grande mestre nos bastidores"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/697_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/663.html" title="Entretenimento: Eu só quero ser o grande mestre nos bastidores"> <h3 class="book-title" title="Entretenimento: Eu só quero ser o grande mestre nos bastidores"> Entretenimento: Eu só quero ser o grande mestre nos bastidores </h3> </a> <div class="book-author">Baomu Chenming</div> <p class="book-desc">Ator, cantor, ídolo, mestre de cerimônias, apresentador... N...</p> <div class="book-stats"> <span>27mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/662.html" alt="Minha Era de Investimentos"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/698_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/662.html" title="Minha Era de Investimentos"> <h3 class="book-title" title="Minha Era de Investimentos"> Minha Era de Investimentos </h3> </a> <div class="book-author">A paisagem sobre a ponte é singularmente bela.</div> <p class="book-desc">No leito de morte, Xia Jingxing rememorou aquela silhueta jo...</p> <div class="book-stats"> <span>30mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/661.html" alt="Eu nunca aspirei a ser atriz."> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/700_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/661.html" title="Eu nunca aspirei a ser atriz."> <h3 class="book-title" title="Eu nunca aspirei a ser atriz."> Eu nunca aspirei a ser atriz. </h3> </a> <div class="book-author">Grande dourado frito em óleo</div> <p class="book-desc">Ator? O destino final de um ator é virar garoto-propaganda! ...</p> <div class="book-stats"> <span>25mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/674.html" alt="O Protagonista do Destino na Grande Ming"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/701_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/674.html" title="O Protagonista do Destino na Grande Ming"> <h3 class="book-title" title="O Protagonista do Destino na Grande Ming"> O Protagonista do Destino na Grande Ming </h3> </a> <div class="book-author">Ir com a brisa suave</div> <p class="book-desc">Na era em que os ritos estavam em declínio e a música em des...</p> <div class="book-stats"> <span>29mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/660.html" alt="Olhos Dourados"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/702_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/660.html" title="Olhos Dourados"> <h3 class="book-title" title="Olhos Dourados"> Olhos Dourados </h3> </a> <div class="book-author">Olhar em vão</div> <p class="book-desc">Zhuang Rui, um modesto funcionário de uma casa de penhores, ...</p> <div class="book-stats"> <span>32mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/686.html" alt="O Mago do Combate Corpo a Corpo nos Jogos Online"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/703_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/686.html" title="O Mago do Combate Corpo a Corpo nos Jogos Online"> <h3 class="book-title" title="O Mago do Combate Corpo a Corpo nos Jogos Online"> O Mago do Combate Corpo a Corpo nos Jogos Online </h3> </a> <div class="book-author">Borboleta Azul</div> <p class="book-desc">Um guerreiro de nível elevado, ao jogar um jogo online, por ...</p> <div class="book-stats"> <span>35mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/659.html" alt="Por favor, pare de falar, senpai!"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/706_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/659.html" title="Por favor, pare de falar, senpai!"> <h3 class="book-title" title="Por favor, pare de falar, senpai!"> Por favor, pare de falar, senpai! </h3> </a> <div class="book-author">Princesa do Néctar Encantado</div> <p class="book-desc">“Apresse a atualização! Por que o de hoje ainda não saiu?” “...</p> <div class="book-stats"> <span>29mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/685.html" alt="Corram, esta civilização está trapaceando!"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/709_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/685.html" title="Corram, esta civilização está trapaceando!"> <h3 class="book-title" title="Corram, esta civilização está trapaceando!"> Corram, esta civilização está trapaceando! </h3> </a> <div class="book-author">Runa Enferrujada</div> <p class="book-desc">Todo o planeta foi arrastado para um espaço misterioso chama...</p> <div class="book-stats"> <span>26mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/684.html" alt="Dragão Dourado: Seis Milênios do Império"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/710_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/684.html" title="Dragão Dourado: Seis Milênios do Império"> <h3 class="book-title" title="Dragão Dourado: Seis Milênios do Império"> Dragão Dourado: Seis Milênios do Império </h3> </a> <div class="book-author">Dez vezes seis dragões</div> <p class="book-desc">Como um jovem dragão dourado deixado para trás, Noah não com...</p> <div class="book-stats"> <span>24mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/683.html" alt="Sobrevivi ao quarto cataclismo"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/711_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/683.html" title="Sobrevivi ao quarto cataclismo"> <h3 class="book-title" title="Sobrevivi ao quarto cataclismo"> Sobrevivi ao quarto cataclismo </h3> </a> <div class="book-author">Nacília</div> <p class="book-desc">Um engenheiro civil reencarnou-se em um continente mágico, t...</p> <div class="book-stats"> <span>37mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/657.html" alt="O Renascimento do Supremo Deus da Espada"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/714_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/657.html" title="O Renascimento do Supremo Deus da Espada"> <h3 class="book-title" title="O Renascimento do Supremo Deus da Espada"> O Renascimento do Supremo Deus da Espada </h3> </a> <div class="book-author">O Gato Ancião do Destino</div> <p class="book-desc">Recomeçar do zero, para dominar o destino, uma vez mais aden...</p> <div class="book-stats"> <span>27mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/666.html" alt="Wuxia: No início, obtenho o poder interno de sessenta anos!"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/716_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/666.html" title="Wuxia: No início, obtenho o poder interno de sessenta anos!"> <h3 class="book-title" title="Wuxia: No início, obtenho o poder interno de sessenta anos!"> Wuxia: No início, obtenho o poder interno de sessenta anos! </h3> </a> <div class="book-author">A pura inocência em desamparo</div> <p class="book-desc">Em tempos conturbados, quando o mundo se desestabiliza e a s...</p> <div class="book-stats"> <span>31mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/671.html" alt="Compreensão Celestial: Crio Doutrinas e Espalho Ensinamentos através dos Mundos"> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/753_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/671.html" title="Compreensão Celestial: Crio Doutrinas e Espalho Ensinamentos através dos Mundos"> <h3 class="book-title" title="Compreensão Celestial: Crio Doutrinas e Espalho Ensinamentos através dos Mundos"> Compreensão Celestial: Crio Doutrinas e Espalho Ensinamentos através dos Mundos </h3> </a> <div class="book-author">Não era domingo.</div> <p class="book-desc">Lin Yuan, portador de um “Portal dos Mil Mundos”, atravessou...</p> <div class="book-stats"> <span>37mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://comicbooks88.com/detail/669.html" alt="Das setenta e duas transformações, tudo começou com o galgo elegante."> <img src="https://gdapi.comicbooks88.com/Super/public/uploads/covers/758_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://comicbooks88.com/detail/669.html" title="Das setenta e duas transformações, tudo começou com o galgo elegante."> <h3 class="book-title" title="Das setenta e duas transformações, tudo começou com o galgo elegante."> Das setenta e duas transformações, tudo começou com o galgo elegante. </h3> </a> <div class="book-author">Lu Luxiu</div> <p class="book-desc">Quando Chen Ku despertou, tornou-se um laborioso coletor de ...</p> <div class="book-stats"> <span>17mil palavras</span> <span>58capítulos</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 = "Buscar palavra-chave: %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>