Recomendações de hoje - 小说网站 - SuperBook365 – Romances Atualizados Diariamente | 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="romances atualizados diariamente, leitura de romance gratuita, livros online, ler romances online, atualização de capítulos" /> <meta name="description" content="O SuperBook365 oferece romances atualizados diariamente em diversos gêneros. Desfrute de leitura online gratuita com atualizações rápidas de capítulos e uma experiência de leitura fluida." /> <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://superbook365.com/skin/css/index.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://superbook365.com/skin/css/page.css?v=3.1"> <link rel="stylesheet" type="text/css" href="https://superbook365.com/skin/css/all.min.css?v=3.1"> <script type="text/javascript" src="https://superbook365.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://superbook365.com" class="logo">Leitor de Novelas</a></div> <nav class="nav-links"> <a class="" href="https://superbook365.com">Início</a> <a class="" href="https://superbook365.com/ranking/">Ranking</a> <a class="" href="https://superbook365.com/serializing/">Em série</a> <a class="" href="https://superbook365.com/completed/">Concluídas</a> <a class="active" href="https://superbook365.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://superbook365.com/recommend/" class="filter-btn active">All</a><a href="https://superbook365.com/recommend/?cate=2" class="filter-btn ">Outros</a><a href="https://superbook365.com/recommend/?cate=3" class="filter-btn ">Fantasia</a><a href="https://superbook365.com/recommend/?cate=4" class="filter-btn ">Cultivo espiritual</a><a href="https://superbook365.com/recommend/?cate=5" class="filter-btn ">História</a><a href="https://superbook365.com/recommend/?cate=6" class="filter-btn ">ficção científica</a><a href="https://superbook365.com/recommend/?cate=7" class="filter-btn ">jogo online</a><a href="https://superbook365.com/recommend/?cate=8" class="filter-btn ">Urbe</a> </div> </div> <div class="books-grid" style="margin-top: 30px;"><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/753.html" alt="O Guarda-Costas Íntimo da Musa da Escola"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/14_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/753.html" title="O Guarda-Costas Íntimo da Musa da Escola"> <h3 class="book-title" title="O Guarda-Costas Íntimo da Musa da Escola"> O Guarda-Costas Íntimo da Musa da Escola </h3> </a> <div class="book-author">Segunda geração de homens-peixe</div> <p class="book-desc">Um mestre supremo que emergiu das profundezas das montanhas,...</p> <div class="book-stats"> <span>23mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/745.html" alt="Apocalipse: Meu número de palavras-chave é maior que o dos outros"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/520_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/745.html" title="Apocalipse: Meu número de palavras-chave é maior que o dos outros"> <h3 class="book-title" title="Apocalipse: Meu número de palavras-chave é maior que o dos outros"> Apocalipse: Meu número de palavras-chave é maior que o dos outros </h3> </a> <div class="book-author">Guarda do Algodão</div> <p class="book-desc">Coragem, sordidez, bondade, astúcia, magnanimidade, ganância...</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://superbook365.com/detail/743.html" alt="Três Reinos: No início, confundi Lü Bu com meu sogro"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/592_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/743.html" title="Três Reinos: No início, confundi Lü Bu com meu sogro"> <h3 class="book-title" title="Três Reinos: No início, confundi Lü Bu com meu sogro"> Três Reinos: No início, confundi Lü Bu com meu sogro </h3> </a> <div class="book-author">Senhorita Zhang</div> <p class="book-desc">Transportado para o final da dinastia Han, Lin Mo, desejoso ...</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://superbook365.com/detail/742.html" alt="Por que razão, irmão imperial, te rebelaste?"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/597_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/742.html" title="Por que razão, irmão imperial, te rebelaste?"> <h3 class="book-title" title="Por que razão, irmão imperial, te rebelaste?"> Por que razão, irmão imperial, te rebelaste? </h3> </a> <div class="book-author">Quilin Lunar</div> <p class="book-desc">Ano oitavo do reinado de Jingtai, Salão Fengtian. Zhu Qiyu e...</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://superbook365.com/detail/730.html" alt="Vida Perfeita"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/598_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/730.html" title="Vida Perfeita"> <h3 class="book-title" title="Vida Perfeita"> Vida Perfeita </h3> </a> <div class="book-author">Dao Yigeng</div> <p class="book-desc">Li Qian renasceu. Em outro espaço-tempo, no ano de 1995. Aqu...</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://superbook365.com/detail/729.html" alt="Você está realmente desafiando todas as regras do jogo, não é?"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/599_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/729.html" title="Você está realmente desafiando todas as regras do jogo, não é?"> <h3 class="book-title" title="Você está realmente desafiando todas as regras do jogo, não é?"> Você está realmente desafiando todas as regras do jogo, não é? </h3> </a> <div class="book-author">Voz das Estrelas</div> <p class="book-desc">Estrondo! “???” “Nossa missão era apenas eliminar os suspe...</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://superbook365.com/detail/741.html" alt="Eu sou, de fato, o monarca que conduziu seu reino à ruína."> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/600_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/741.html" title="Eu sou, de fato, o monarca que conduziu seu reino à ruína."> <h3 class="book-title" title="Eu sou, de fato, o monarca que conduziu seu reino à ruína."> Eu sou, de fato, o monarca que conduziu seu reino à ruína. </h3> </a> <div class="book-author">Com quem hei de seguir meu caminho?</div> <p class="book-desc">No décimo quarto ano do reinado de Zhengtong, Zhu Qiyu despe...</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://superbook365.com/detail/728.html" alt="Administrando uma pousada: logo de início, recebo Wu Song como hóspede"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/603_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/728.html" title="Administrando uma pousada: logo de início, recebo Wu Song como hóspede"> <h3 class="book-title" title="Administrando uma pousada: logo de início, recebo Wu Song como hóspede"> Administrando uma pousada: logo de início, recebo Wu Song como hóspede </h3> </a> <div class="book-author">Gatinho guloso</div> <p class="book-desc">“Sou Wu Song. Diga-me, aqui se vende vinho?” Quando um homem...</p> <div class="book-stats"> <span>38mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/727.html" alt="Variedade Coreana: A Jornada Infiltrada no Novo Mundo"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/610_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/727.html" title="Variedade Coreana: A Jornada Infiltrada no Novo Mundo"> <h3 class="book-title" title="Variedade Coreana: A Jornada Infiltrada no Novo Mundo"> Variedade Coreana: A Jornada Infiltrada no Novo Mundo </h3> </a> <div class="book-author">Vilarejo é simplesmente vilarejo.</div> <p class="book-desc">Ele é o irmão de vida e morte de Ding Qing e Li Zicheng. Ele...</p> <div class="book-stats"> <span>70mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/726.html" alt="A vida de correr as montanhas, iniciada em 1982"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/611_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/726.html" title="A vida de correr as montanhas, iniciada em 1982"> <h3 class="book-title" title="A vida de correr as montanhas, iniciada em 1982"> A vida de correr as montanhas, iniciada em 1982 </h3> </a> <div class="book-author">Alma nas Pontas dos Dedos</div> <p class="book-desc">Nas grandes montanhas há de tudo; quem tiver habilidade para...</p> <div class="book-stats"> <span>28mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/725.html" alt="Meu Pequeno Sítio em 1978"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/612_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/725.html" title="Meu Pequeno Sítio em 1978"> <h3 class="book-title" title="Meu Pequeno Sítio em 1978"> Meu Pequeno Sítio em 1978 </h3> </a> <div class="book-author">Famoso forno de cerâmica</div> <p class="book-desc">Longe do bulício urbano, em uma aldeia montanhosa sossegada,...</p> <div class="book-stats"> <span>38mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/724.html" alt="Eu não sou senão um ator."> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/615_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/724.html" title="Eu não sou senão um ator."> <h3 class="book-title" title="Eu não sou senão um ator."> Eu não sou senão um ator. </h3> </a> <div class="book-author">Apartamento de um só nível</div> <p class="book-desc">Yue Guan, celebrado como o homem que forjou cinco mil anos d...</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://superbook365.com/detail/723.html" alt="Roubei o bilhete de renascimento de outra pessoa."> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/616_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/723.html" title="Roubei o bilhete de renascimento de outra pessoa."> <h3 class="book-title" title="Roubei o bilhete de renascimento de outra pessoa."> Roubei o bilhete de renascimento de outra pessoa. </h3> </a> <div class="book-author">Li Muge</div> <p class="book-desc">Em um famoso fórum de baixo QI, Li Yang deparou-se com uma p...</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://superbook365.com/detail/722.html" alt="Reality Show de Romance: Eu, Desprezada por Todos, Tornei-me um Fenômeno"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/618_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/722.html" title="Reality Show de Romance: Eu, Desprezada por Todos, Tornei-me um Fenômeno"> <h3 class="book-title" title="Reality Show de Romance: Eu, Desprezada por Todos, Tornei-me um Fenômeno"> Reality Show de Romance: Eu, Desprezada por Todos, Tornei-me um Fenômeno </h3> </a> <div class="book-author">Eu como tiramisù.</div> <p class="book-desc">Você participaria de um reality show de namoro interpretando...</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://superbook365.com/detail/733.html" alt="Immortal Dan de Primeira Classe"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/619_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/733.html" title="Immortal Dan de Primeira Classe"> <h3 class="book-title" title="Immortal Dan de Primeira Classe"> Immortal Dan de Primeira Classe </h3> </a> <div class="book-author">Arroz dos Oito Tesouros</div> <p class="book-desc">— És tu o assassino Wu Sheng? — Sou eu, o assassino Wu She...</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://superbook365.com/detail/740.html" alt="A ascensão começa a partir dos oitocentos"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/621_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/740.html" title="A ascensão começa a partir dos oitocentos"> <h3 class="book-title" title="A ascensão começa a partir dos oitocentos"> A ascensão começa a partir dos oitocentos </h3> </a> <div class="book-author">Ventos e luas das dinastias Han e Tang</div> <p class="book-desc">O soldado de elite Tang Dao regressou inesperadamente ao ano...</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://superbook365.com/detail/721.html" alt="Meu Jogo de Guerra Particular"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/622_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/721.html" title="Meu Jogo de Guerra Particular"> <h3 class="book-title" title="Meu Jogo de Guerra Particular"> Meu Jogo de Guerra Particular </h3> </a> <div class="book-author">Quando o sal é demais, acrescenta-se água.</div> <p class="book-desc">Você está prestes a morrer... Então, neste último instante d...</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://superbook365.com/detail/732.html" alt="O Buda é, em essência, o Caminho."> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/625_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/732.html" title="O Buda é, em essência, o Caminho."> <h3 class="book-title" title="O Buda é, em essência, o Caminho."> O Buda é, em essência, o Caminho. </h3> </a> <div class="book-author">Sonho nos Mecanismos Divinos</div> <p class="book-desc">O Caminho Celestial é inconstante, o Caminho Celestial é imp...</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://superbook365.com/detail/731.html" alt="O Imortal da Dissolução Corpórea na Era do Fim do Dharma"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/632_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/731.html" title="O Imortal da Dissolução Corpórea na Era do Fim do Dharma"> <h3 class="book-title" title="O Imortal da Dissolução Corpórea na Era do Fim do Dharma"> O Imortal da Dissolução Corpórea na Era do Fim do Dharma </h3> </a> <div class="book-author">Nave de Titânio</div> <p class="book-desc">Imperadores e generais, feitos grandiosos que atravessam as ...</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://superbook365.com/detail/739.html" alt="O Palácio Imperial de Da Wei"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/635_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/739.html" title="O Palácio Imperial de Da Wei"> <h3 class="book-title" title="O Palácio Imperial de Da Wei"> O Palácio Imperial de Da Wei </h3> </a> <div class="book-author">Principal Discípulo da Seita dos Vis/Iníquos</div> <p class="book-desc">Nascido como príncipe da Grande Wei, almejo ser um rei ocios...</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://superbook365.com/detail/738.html" alt="Invocando o Pesadelo"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/644_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/738.html" title="Invocando o Pesadelo"> <h3 class="book-title" title="Invocando o Pesadelo"> Invocando o Pesadelo </h3> </a> <div class="book-author">Saia daqui.</div> <p class="book-desc">Esta é a história de um homem comum que encontra força nos p...</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://superbook365.com/detail/736.html" alt="A Descida do Céu"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/656_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/736.html" title="A Descida do Céu"> <h3 class="book-title" title="A Descida do Céu"> A Descida do Céu </h3> </a> <div class="book-author">Névoa e chuva sobre os rios do sul</div> <p class="book-desc">Chu Jun’gui fora, em sua origem, um experimental absolutamen...</p> <div class="book-stats"> <span>28mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/735.html" alt="Este plug-in é excessivamente infantil e fantasioso."> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/664_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/735.html" title="Este plug-in é excessivamente infantil e fantasioso."> <h3 class="book-title" title="Este plug-in é excessivamente infantil e fantasioso."> Este plug-in é excessivamente infantil e fantasioso. </h3> </a> <div class="book-author">Prisão de Peixes</div> <p class="book-desc">"Seriam os reis e nobres dotados de um sangue especial?" Ao ...</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://superbook365.com/detail/752.html" alt="LOL: Com minha postura cautelosa, maximizo todos os atributos desde o início"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/667_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/752.html" title="LOL: Com minha postura cautelosa, maximizo todos os atributos desde o início"> <h3 class="book-title" title="LOL: Com minha postura cautelosa, maximizo todos os atributos desde o início"> LOL: Com minha postura cautelosa, maximizo todos os atributos desde o início </h3> </a> <div class="book-author">O mundo beijou-me com dor.</div> <p class="book-desc">Ao atravessar para a S6, Lu Chen desperta, logo de início, o...</p> <div class="book-stats"> <span>28mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/754.html" alt="Começando a Vida de Trabalhador a Partir de Naruto"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/668_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/754.html" title="Começando a Vida de Trabalhador a Partir de Naruto"> <h3 class="book-title" title="Começando a Vida de Trabalhador a Partir de Naruto"> Começando a Vida de Trabalhador a Partir de Naruto </h3> </a> <div class="book-author">Tinta espessa derramando-se sobre o livro</div> <p class="book-desc">Ano 54 da Era de Konoha. Surgiram na ANBU de Konoha dois pro...</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://superbook365.com/detail/751.html" alt="A Lâmina da Sereia"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/670_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/751.html" title="A Lâmina da Sereia"> <h3 class="book-title" title="A Lâmina da Sereia"> A Lâmina da Sereia </h3> </a> <div class="book-author">Demônio devorador de livros</div> <p class="book-desc">Cinco anos se passaram desde que parti, e finalmente retorne...</p> <div class="book-stats"> <span>46mil palavras</span> <span>100capítulos</span> </div> </div> </div><div class="book-card"> <div class="book-cover"> <a href="https://superbook365.com/detail/750.html" alt="O que resta é apenas o ruído."> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/671_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/750.html" title="O que resta é apenas o ruído."> <h3 class="book-title" title="O que resta é apenas o ruído."> O que resta é apenas o ruído. </h3> </a> <div class="book-author">Amor Silencioso</div> <p class="book-desc">O Pássaro e o Mago simbolizam uma era—uma época em que o bas...</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://superbook365.com/detail/749.html" alt="Manual do Executor da Lei"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/672_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/749.html" title="Manual do Executor da Lei"> <h3 class="book-title" title="Manual do Executor da Lei"> Manual do Executor da Lei </h3> </a> <div class="book-author">Tao Gu</div> <p class="book-desc">No ano 2166 da Nova Era, o Distrito Dezessete, onde resido, ...</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://superbook365.com/detail/734.html" alt="A Grande Via da Juventude Radiante em Cobrir o Céu"> <img src="https://gdapi.superbook365.com/Super/public/uploads/covers/674_translated.png" loading="lazy"> </a> </div> <div class="book-info"> <a href="https://superbook365.com/detail/734.html" title="A Grande Via da Juventude Radiante em Cobrir o Céu"> <h3 class="book-title" title="A Grande Via da Juventude Radiante em Cobrir o Céu"> A Grande Via da Juventude Radiante em Cobrir o Céu </h3> </a> <div class="book-author">As gralhas límpidas cruzam o lago frio.</div> <p class="book-desc">Esta é uma vasta e esplêndida terra de fantasia, um mundo de...</p> <div class="book-stats"> <span>27mil palavras</span> <span>100capí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>