https://ninblog.ycstation.work/yc/ Recent content from 迷茫の夜城 Hugo zh-cn Mon, 13 Apr 2026 15:09:39 UTC https://ninblog.ycstation.work/yc/comic/ <h1 id="小夜正在追看的"> <a class="header-anchor" href="#%e5%b0%8f%e5%a4%9c%e6%ad%a3%e5%9c%a8%e8%bf%bd%e7%9c%8b%e7%9a%84"></a> 小夜正在追看的 </h1> <style> .comic-container { display: grid; gap: 1.5rem; margin: 2rem 0; } .comic-card { border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); transition: transform 0.3s, box-shadow 0.3s; background-color: var(--color-card); height: 100%; display: flex; flex-direction: column; position: relative; } .comic-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .comic-cover-wrap { position: relative; height: 0; padding-bottom: 200px; overflow: hidden; background-color: var(--color-card); } .comic-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.3s; } .comic-card:hover .comic-cover { transform: scale(1.05); } .comic-status { position: absolute; top: 10px; right: 10px; padding: 5px 10px; border-radius: 20px; font-size: 0.85rem; font-weight: bold; z-index: 2; } .comic-status.reading { background: linear-gradient(135deg, #ff4757, #ff7676); color: black; } .comic-status.completed { background: linear-gradient(135deg, #2ed573, #7bed9f); color: black; } .comic-status.dropped { background: linear-gradient(135deg, #ff9f43, #feca57); color: black; } .comic-status.planned { background: linear-gradient(135deg, #1e90ff, #70a1ff); color: black; } .comic-status.ongoing { background: linear-gradient(135deg, #ff6348, #ff7f50); color: black; } .comic-content { padding: 1.2rem; display: flex; flex-direction: column; flex-grow: 1; } .comic-title { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; line-height: 1.4; } .comic-author { font-size: 0.9rem; color: var(--color-meta); margin-bottom: 0.6rem; } .comic-description { font-size: 0.9rem; color: var(--color-text); margin-bottom: 0.8rem; line-height: 1.5; max-height: 4.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .comic-meta { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; font-size: 0.85rem; color: var(--color-meta); flex-wrap: wrap; } .comic-tags-list { display: flex; flex-wrap: wrap; gap: 0.2rem; margin-top: 0.5rem; padding: 0 0.2rem; } .comic-tag { background-color: var(--color-background-secondary); padding: 3px 8px; border-radius: 12px; font-size: 0.75rem; border: 1px solid var(--color-border); display: inline-block; margin: 0.1rem; color: var(--color-meta); box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .comic-progress { margin-top: 0.8rem; height: 6px; width: 100%; background-color: var(--color-background-secondary); border-radius: 3px; overflow: hidden; } .comic-progress-bar { height: 100%; background-color: var(--red-1); } .comic-rating { margin-top: 0.5rem; color: #ffb700; } .comic-chapter { margin-top: 0.5rem; font-size: 0.85rem; color: var(--color-meta); } .comic-button { display: inline-block; padding: 4px 10px; background-color: var(--color-primary); color: white; border-radius: 15px; font-size: 0.85rem; text-decoration: none; transition: background-color 0.3s; margin-top: 0.5rem; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .comic-button:hover { background-color: var(--color-primary-dark, #f7d9fa); color: black; } @media (max-width: 768px) { .comic-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .comic-container { grid-template-columns: 1fr; } } </style> <style> #comic-container-752618439 { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } </style> <div id="comic-container-752618439" class="comic-container"> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/WN_Cover_01.webp" alt="The Extra&#39;s Academy Survival Guide" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">The Extra&#39;s Academy Survival Guide</div> <div class="comic-author">作者: Corita</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 100%"></div> </div> <div class="comic-chapter">看到第 77 话</div> <div class="comic-tags-list"> <span class="comic-tag">Action</span> <span class="comic-tag">Fantasy</span> <span class="comic-tag">Webtoons</span> <span class="comic-tag">Harem</span> <span class="comic-tag">Adventure</span> </div> <div class="comic-rating"> ★ ★ ★ ★ ★ </div> <div class="comic-meta"> <span>Naver</span> <span>2025</span> </div> </div> </div> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/cc7646de19e9193f56629d322a06e070321fba3f.png" alt="病娇妹妹只想让我欺负她" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">病娇妹妹只想让我欺负她</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 100%"></div> </div> <div class="comic-chapter">看到第 70 话</div> <div class="comic-tags-list"> <span class="comic-tag">蕾丝</span> <span class="comic-tag">校园</span> </div> <div class="comic-meta"> <span>如梦画社</span> <span>2025</span> </div> </div> </div> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/1645205052-63032256-g_n.webp" alt="死神少年" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">死神少年</div> <div class="comic-author">作者: RYU</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 90%"></div> </div> <div class="comic-chapter">看到第 274 话</div> <div class="comic-tags-list"> <span class="comic-tag">奇幻</span> <span class="comic-tag">少年</span> <span class="comic-tag">英雄</span> </div> <div class="comic-meta"> <span>2025</span> </div> </div> </div> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/Demon_Lord_Minsu_Kim_Ch.47.webp" alt="Hero Has Returned (Fungback)" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">Hero Has Returned (Fungback)</div> <div class="comic-author">作者: Narak</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 85%"></div> </div> <div class="comic-chapter">看到第 163 话</div> <div class="comic-tags-list"> <span class="comic-tag">Action</span> <span class="comic-tag">Tragedy</span> <span class="comic-tag">Webtoons</span> </div> <div class="comic-meta"> <span>2025</span> </div> </div> </div> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/f21c4038-b859-4f80-8bbd-c14dcd73801e.jpg" alt="Mato Seihei no Slave" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">Mato Seihei no Slave</div> <div class="comic-author">作者: Takahiro (タカヒロ)</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 95%"></div> </div> <div class="comic-chapter">看到第 182 话</div> <div class="comic-tags-list"> <span class="comic-tag">Action</span> <span class="comic-tag">Harem</span> <span class="comic-tag">Mature</span> <span class="comic-tag">Fantasy</span> </div> <div class="comic-meta"> <span>2025</span> </div> </div> </div> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/7373drcjhqp91.webp" alt="Omniscient Reader&#39;s Viewpoint" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">Omniscient Reader&#39;s Viewpoint</div> <div class="comic-author">作者: Sing-Shong</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 97%"></div> </div> <div class="comic-chapter">看到第 262 话</div> <div class="comic-tags-list"> <span class="comic-tag">Action</span> <span class="comic-tag">Adventure</span> <span class="comic-tag">Fantasy</span> <span class="comic-tag">Webtoons</span> </div> <div class="comic-meta"> <span>2025</span> </div> </div> </div> <div class="comic-card"> <div class="comic-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/287154l.jpg" alt="Dungeon ni Hisomu Yandere na Kanojo ni Ore wa Nando mo Korosareru" class="comic-cover" loading="lazy"> <div class="comic-status ongoing"> 连载中 </div> </div> <div class="comic-content"> <div class="comic-title">Dungeon ni Hisomu Yandere na Kanojo ni Ore wa Nando mo Korosareru</div> <div class="comic-author">作者: KITAGAWA Nikita</div> <div class="comic-progress"> <div class="comic-progress-bar" style="width: 95%"></div> </div> <div class="comic-chapter">看到第 28 话</div> <div class="comic-tags-list"> <span class="comic-tag">Action</span> <span class="comic-tag">Survival</span> <span class="comic-tag">Reincarnation</span> </div> <div class="comic-meta"> <span>2025</span> </div> </div> </div> </div> <hr> <h1 id="夜城の收藏"> <a class="header-anchor" href="#%e5%a4%9c%e5%9f%8e%e3%81%ae%e6%94%b6%e8%97%8f"></a> 夜城の收藏 </h1> <style> .comic-list-container { margin: 2rem 0; width: 100%; overflow-x: auto; border-radius: 15px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); background-color: var(--color-background); } .comic-list-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 1rem; border-radius: 15px; overflow: hidden; } .comic-list-table th { background: linear-gradient(135deg, var(--red-1-3), var(--red-3-3)); font-weight: bold; padding: 15px 20px; text-align: left; position: sticky; top: 0; z-index: 1; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; } .comic-list-table tr { border-bottom: 1px solid var(--color-border); transition: all 0.3s; } .comic-list-table tr:last-child { border-bottom: none; } .comic-list-table tr:hover { background-color: var(--red-5-1); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .comic-list-table td { padding: 15px 20px; vertical-align: middle; transition: all 0.2s; } .comic-list-cover { width: 80px; height: 120px; object-fit: cover; border-radius: 8px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); transition: transform 0.3s, box-shadow 0.3s; } .comic-list-cover:hover { transform: scale(2) translateY(-15px); z-index: 3; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); } .comic-list-table td.cover-cell { width: 100px; min-width: 100px; padding: 15px 10px 15px 25px; text-align: center; } .comic-list-title { font-weight: bold; color: var(--red-1); font-size: 1.1rem; } .comic-list-title a { color: var(--red-1); text-decoration: none; position: relative; display: inline-block; } .comic-list-title a:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: -2px; left: 0; background-color: var(--red-1); transform-origin: bottom right; transition: transform 0.25s ease-out; } .comic-list-title a:hover:after { transform: scaleX(1); transform-origin: bottom left; } .comic-list-tags { display: flex; flex-wrap: wrap; gap: 5px; } .comic-list-tag { font-size: 0.75rem; background-color: #f0f0f0; color: #333; padding: 3px 10px; border-radius: 20px; white-space: nowrap; border: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.2s; margin: 2px; display: inline-block; } .comic-list-tag:hover { background-color: rgba(255, 100, 100, 0.2); color: var(--red-1); transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } [data-theme="dark"] .comic-list-tag { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.2); } [data-theme="dark"] .comic-list-tag:hover { background-color: rgba(255, 100, 100, 0.3); color: #fff; } .comic-list-status { display: inline-block; padding: 5px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: bold; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .comic-list-status.reading { background: linear-gradient(135deg, #ff4757, #ff7676); color: black; } .comic-list-status.completed { background: linear-gradient(135deg, #2ed573, #7bed9f); color: black; } .comic-list-status.dropped { background: linear-gradient(135deg, #ff9f43, #feca57); color: black; } .comic-list-status.planned { background: linear-gradient(135deg, #1e90ff, #70a1ff); color: black; } .comic-list-status.ongoing { background: linear-gradient(135deg, #a55eea, #d6b4ff); color: black; } .comic-list-progress { position: relative; width: 100px; height: 8px; border-radius: 4px; overflow: hidden; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); } .comic-list-progress-bar { height: 100%; background: var(--red-1); border-radius: 4px; position: relative; overflow: hidden; } .comic-list-progress-bar:after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: progress-shine 2s infinite; } @keyframes progress-shine { 0% { left: -100%; } 100% { left: 100%; } } .comic-list-progress-text { font-size: 0.8rem; color: var(--color-meta); margin-top: 5px; font-weight: bold; } .comic-list-rating { color: #ffb700; white-space: nowrap; font-size: 1.1rem; letter-spacing: 2px; text-shadow: 0 1px 2px rgba(0,0,0,0.1); } .comic-list-meta { color: var(--color-meta); font-size: 0.9rem; font-weight: 500; } .comic-list-table tr:nth-child(even) { background-color: var(--color-background-secondary); } .comic-list-table th:first-child, .comic-list-table td:first-child { padding-left: 25px; } .comic-list-table th:last-child, .comic-list-table td:last-child { padding-right: 25px; } @media (max-width: 768px) { .comic-list-table { font-size: 0.9rem; } .comic-list-table th, .comic-list-table td { padding: 12px 15px; } .comic-list-title { font-size: 1rem; } .hide-on-mobile { display: none; } .comic-list-cover { width: 60px; height: 90px; } .comic-list-table td.cover-cell { width: 80px; min-width: 80px; padding: 10px 5px 10px 15px; } .comic-list-cover:hover { transform: scale(1.8); } } </style> <div id="comic-list-915837642" class="comic-list-container"> <table class="comic-list-table"> <thead> <tr> <th>封面</th> <th>书名</th> <th>作者</th> <th>评分</th> <th>状态</th> </tr> </thead> <tbody> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/vDxCSzxGdOBAGPHYmIMd.jpg" alt="玩物 Season 1" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> <a href="https://www.webtoons.com/zh-hant/school/her-toys/list?title_no=6583" target="_blank" rel="noopener noreferrer">玩物 Season 1</a> </td> <td>Q-Boy</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ★ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/0afd527816ae72363ca8a432d3c2154cb8260ea2.jpg" alt="装备栏为零的最强剑士 但是(可爱的)诅咒装备甚至可以装9999件" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 装备栏为零的最强剑士 但是(可爱的)诅咒装备甚至可以装9999件 </td> <td>坂木持丸</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/22334512143932_764.jpg" alt="童话里反派的完美结局" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 童话里反派的完美结局 </td> <td>YANGYANG</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/1706661918-2aa0ef8de4a0ba707e46c984dae1eede.jpg" alt="无法逃离的黑暗" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 无法逃离的黑暗 </td> <td>ASSAM,syunnyun,JAEUNHYANG</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/dca07d5315e66dc2e00f3b3434249d5a4b583d81.png" alt="我的疯批部下超级有能力" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 我的疯批部下超级有能力 </td> <td>NoCount,Halfman halfshark,Antstudio</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/1094736.jpg" alt="恶魔先生与歌" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 恶魔先生与歌 </td> <td>森下真</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ★ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/284646_S4PpZ.jpg" alt="天泣的逝录书" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 天泣的逝录书 </td> <td>井上菜摘</td> <td> <div class="comic-list-rating"> ★ ★ ★ ☆ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/17364726147NLWEHxCqd4Suvm_.jpg" alt="假圣女等待着退场" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> 假圣女等待着退场 </td> <td>김퍽퍽 백설홍 PiNe</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/Solo_Leveling_Volume_1_Cover.jpg" alt="Solo Leveling" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> Solo Leveling </td> <td>Chu-Gong</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ★ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> <tr> <td class="cover-cell"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/comic/Marry_My_Husband_Main_Visual.webp" alt="Marry My Husband" class="comic-list-cover" loading="lazy"> </td> <td class="comic-list-title"> Marry My Husband </td> <td>Sung Sojak</td> <td> <div class="comic-list-rating"> ★ ★ ★ ★ ☆ </div> </td> <td> <div class="comic-list-status completed"> 已读完 </div> </td> </tr> </tbody> </table> </div> Thu, 08 May 2025 15:06:00 +0800 https://ninblog.ycstation.work/yc/novel/ <h1 id="小夜正在追看的"> <a class="header-anchor" href="#%e5%b0%8f%e5%a4%9c%e6%ad%a3%e5%9c%a8%e8%bf%bd%e7%9c%8b%e7%9a%84"></a> 小夜正在追看的 </h1> <style> .novel-container { display: grid; gap: 1.5rem; margin: 2rem 0; } .novel-card { border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); transition: transform 0.3s, box-shadow 0.3s; background-color: var(--color-card); height: 100%; display: flex; flex-direction: column; position: relative; } .novel-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .novel-link { display: block; height: 100%; color: inherit; text-decoration: none; } .novel-cover-wrap { position: relative; height: 0; padding-bottom: 200px; overflow: hidden; background-color: var(--color-card); display: flex; justify-content: center; align-items: center; } .novel-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s; } .novel-card:hover .novel-cover { transform: scale(1.05); } .novel-status { position: absolute; top: 10px; right: 10px; padding: 5px 10px; border-radius: 20px; font-size: 0.85rem; font-weight: bold; z-index: 2; } .novel-status.reading { background: linear-gradient(135deg, #ff4757, #ff7676); color: black; } .novel-status.completed { background: linear-gradient(135deg, #2ed573, #7bed9f); color: black; } .novel-status.dropped { background: linear-gradient(135deg, #ff9f43, #feca57); color: black; } .novel-status.planned { background: linear-gradient(135deg, #1e90ff, #70a1ff); color: black; } .novel-content { padding: 1.2rem; display: flex; flex-direction: column; flex-grow: 1; } .novel-title { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; line-height: 1.4; } .novel-author { font-size: 0.9rem; color: var(--color-meta); margin-bottom: 0.8rem; } .novel-meta { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; font-size: 0.85rem; color: var(--color-meta); flex-wrap: wrap; } .novel-genre-list { display: flex; flex-wrap: wrap; gap: 0.2rem; margin-top: 0.5rem; padding: 0 0.2rem; } .novel-genre { background-color: var(--color-background-secondary); padding: 3px 8px; border-radius: 12px; font-size: 0.75rem; border: 1px solid var(--color-border); display: inline-block; margin: 0.1rem; color: var(--color-meta); box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .novel-progress { margin-top: 0.8rem; height: 6px; width: 100%; background-color: var(--color-background-secondary); border-radius: 3px; overflow: hidden; } .novel-progress-bar { height: 100%; background-color: var(--red-1); } .novel-rating { margin-top: 0.5rem; color: #ffb700; } .novel-button { display: inline-block; padding: 4px 10px; background-color: var(--color-primary); color: white; border-radius: 15px; font-size: 0.85rem; text-decoration: none; transition: background-color 0.3s; margin-top: 0.5rem; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .novel-button:hover { background-color: var(--color-primary-dark, #f7d9fa); color: black; } @media (max-width: 768px) { .novel-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .novel-container { grid-template-columns: 1fr; } } </style> <style> #novel-container-182593674 { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } </style> <div id="novel-container-182593674" class="novel-container"> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/f8461068-4a10-433b-a8e8-cd4ac9ee3275.jpg" alt="被病娇大小姐花式逼婚怎么办？" class="novel-cover" loading="lazy"> <div class="novel-status reading"> 正在阅读 </div> </div> <div class="novel-content"> <div class="novel-title">被病娇大小姐花式逼婚怎么办？</div> <div class="novel-author">作者: 米里哀主教</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 15%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">魔幻</span> <span class="novel-genre">重生</span> <span class="novel-genre">大小姐</span> <span class="novel-genre">恋爱</span> <span class="novel-genre">倒追</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ★ </div> <div class="novel-meta"> <span>2025年</span> <span>7卷</span> <a href="https://m.sfacg.com/b/512854/" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> </div> <hr> <h1 id="夜城の收藏"> <a class="header-anchor" href="#%e5%a4%9c%e5%9f%8e%e3%81%ae%e6%94%b6%e8%97%8f"></a> 夜城の收藏 </h1> <style> #novel-container-938162547 { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } </style> <div id="novel-container-938162547" class="novel-container"> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/afde8e10-8244-41d4-8cab-92b3a7d068cb.jpg" alt="说好的厌男，怎么都眼冒爱心了？" class="novel-cover" loading="lazy"> <div class="novel-status completed"> 已读完 </div> </div> <div class="novel-content"> <div class="novel-title">说好的厌男，怎么都眼冒爱心了？</div> <div class="novel-author">作者: 渣渣l</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 100%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">连载中（作者消失了）</span> <span class="novel-genre">作者疑似跑路</span> <span class="novel-genre">恋爱</span> <span class="novel-genre">穿越</span> <span class="novel-genre">日常</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ☆ </div> <div class="novel-meta"> <span>2025年</span> <span>2卷</span> <a href="https://m.sfacg.com/b/721779/" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/600.webp" alt="我要死了，姐姐们来求我原谅" class="novel-cover" loading="lazy"> <div class="novel-status completed"> 已读完 </div> </div> <div class="novel-content"> <div class="novel-title">我要死了，姐姐们来求我原谅</div> <div class="novel-author">作者: 下雪要冷静</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 100%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">都市</span> <span class="novel-genre">男频</span> </div> <div class="novel-rating"> ★ ★ ★ ☆ ☆ </div> <div class="novel-meta"> <span>2024年</span> <span>163章</span> <a href="https://www.wbxs.org/a/397207" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/f8461068-4a10-433b-a8e8-cd4ac9ee3275.jpg" alt="被病娇大小姐花式逼婚怎么办？" class="novel-cover" loading="lazy"> <div class="novel-status reading"> 正在阅读 </div> </div> <div class="novel-content"> <div class="novel-title">被病娇大小姐花式逼婚怎么办？</div> <div class="novel-author">作者: 米里哀主教</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 15%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">魔幻</span> <span class="novel-genre">重生</span> <span class="novel-genre">大小姐</span> <span class="novel-genre">恋爱</span> <span class="novel-genre">倒追</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ★ </div> <div class="novel-meta"> <span>2025年</span> <span>7卷</span> <a href="https://m.sfacg.com/b/512854/" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/22796s.jpg" alt="完蛋，被病娇财阀姐妹套路了！" class="novel-cover" loading="lazy"> <div class="novel-status planned"> 计划读 </div> </div> <div class="novel-content"> <div class="novel-title">完蛋，被病娇财阀姐妹套路了！</div> <div class="novel-author">作者: 幻想中的魔法圖書</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 1%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">都市</span> <span class="novel-genre">奶爸</span> <span class="novel-genre">多女主</span> <span class="novel-genre">校花</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ☆ </div> <div class="novel-meta"> <span>2024年</span> <span>141章</span> <a href="https://fanqienovel.com/page/7379049479539788825" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/p2oa6f1fc81e4cfcc0f040df13afcc87118~tplv-resize_225_0.jpeg" alt="顶级折磨！被傲娇大小姐强掳回家" class="novel-cover" loading="lazy"> <div class="novel-status planned"> 计划读 </div> </div> <div class="novel-content"> <div class="novel-title">顶级折磨！被傲娇大小姐强掳回家</div> <div class="novel-author">作者: 阿祭</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 1%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">连载中</span> <span class="novel-genre">单女主</span> <span class="novel-genre">大小姐</span> <span class="novel-genre">1v1</span> <span class="novel-genre">都市</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ☆ </div> <div class="novel-meta"> <span>2025年</span> <span>563章</span> <a href="https://fanqienovel.com/page/7345779026511793214" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/180.webp" alt="女尊：我的老婆是龙王" class="novel-cover" loading="lazy"> <div class="novel-status planned"> 计划读 </div> </div> <div class="novel-content"> <div class="novel-title">女尊：我的老婆是龙王</div> <div class="novel-author">作者: 沙里星w</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 1%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">轻小说</span> <span class="novel-genre">穿越</span> <span class="novel-genre">日常文</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ☆ </div> <div class="novel-meta"> <span>2022年</span> <span>106章</span> <a href="https://book.qidian.com/info/1034653194/?source=m_jump" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/p2o37ac802eb8f42fd8806992752f051aff~tplv-resize_225_0.png" alt="被攻略的竟是我自己？" class="novel-cover" loading="lazy"> <div class="novel-status planned"> 计划读 </div> </div> <div class="novel-content"> <div class="novel-title">被攻略的竟是我自己？</div> <div class="novel-author">作者: 慧曦</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 1%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">无后宫</span> <span class="novel-genre">单女主</span> <span class="novel-genre">1v1</span> <span class="novel-genre">都市</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ☆ </div> <div class="novel-meta"> <span>2025年</span> <span>304章</span> <a href="https://fanqienovel.com/page/7376186979257420825" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/202412231025217416_sa.jpg" alt="人刚重生，竟让病娇女财阀怀孕了！" class="novel-cover" loading="lazy"> <div class="novel-status planned"> 计划读 </div> </div> <div class="novel-content"> <div class="novel-title">人刚重生，竟让病娇女财阀怀孕了！</div> <div class="novel-author">作者: 莫Tzero</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 1%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">连载中</span> <span class="novel-genre">单女主</span> <span class="novel-genre">打脸</span> <span class="novel-genre">杀伐果断</span> <span class="novel-genre">爽文</span> <span class="novel-genre">都市</span> </div> <div class="novel-rating"> ★ ★ ★ ★ ☆ </div> <div class="novel-meta"> <span>2025年</span> <span>309章</span> <a href="https://www.drxsw.com/zh_hant/book/3868076/" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> <div class="novel-card"> <div class="novel-cover-wrap"> <img src="https://raw.githubusercontent.com/ninguest/nin-blog-public/main/website/novel/9d95a0dc-1ba7-4f81-ac7e-77d573937dfd.jpg" alt="真人快打渣男，抢走病娇少女们" class="novel-cover" loading="lazy"> <div class="novel-status dropped"> 已弃读 </div> </div> <div class="novel-content"> <div class="novel-title">真人快打渣男，抢走病娇少女们</div> <div class="novel-author">作者: 金氏浪子</div> <div class="novel-progress"> <div class="novel-progress-bar" style="width: 30%"></div> </div> <div class="novel-genre-list"> <span class="novel-genre">已完结</span> <span class="novel-genre">穿越</span> <span class="novel-genre">烂尾</span> </div> <div class="novel-rating"> ★ ☆ ☆ ☆ ☆ </div> <div class="novel-meta"> <span>2023年</span> <span>11卷</span> <a href="https://m.sfacg.com/b/570628/" class="novel-button" target="_blank" rel="noopener noreferrer"> 更多详情 → </a> </div> </div> </div> </div> Wed, 07 May 2025 09:06:00 +0800