Back to discovery
勇者(略)
Comic · 繁體中文

勇者(略)

看飽受摧殘、眼神已經死透的便利商店店員如何出頭天,王國的浪漫傳奇,一段愛與勇氣的故事。 📚 作品資訊:作者 BIGUN · 評分 10 · 共收錄 12 卷 / 84 話章節目錄與高清彩頁/條漫預覽。 📖 線上漫畫閱讀器:https://media.huangguodrama.ai/motion/comics/bilimanga-1655/index.html

Comic

Continue With Interactive Roleplay & Novel Adaptation

Keep exploring the world of 勇者(略): chat with AI characters in interactive roleplay, read full web novel adaptations, or binge multi-episode vertical dramas across the Huangguo network.

Watch and read details

Available now
10 available images
Reading language
简体中文

Content record updated .

Availability describes the media currently listed here. A preview is not a complete series; more episodes or a release schedule are not promised.

Read & Watch 勇者(略) Online — FAQ

Explore 勇者(略) online in your browser on Reelshorts. 10 available images.

Where can I read or watch 勇者(略) online?
You can explore 勇者(略) directly in your browser on Reelshorts (https://reelshorts.app/title/1011101). Current availability: 10 available images.
What other collections are available on Reelshorts?
Browse Readable Novels, Short Dramas to Watch Online, Alpha King & Fated Mate Wolf Pack Dramas, Revenge Heiress & Betrayed Wife Comeback, Secret Billionaire Baby & Hidden Identity, Best Free DramaBox & ShortMax Alternatives, Top Chinese Short Dramas with English Subtitles, and Visual Stories in the Huangguo catalog.
简体中文

漫画简介与全卷章节目录

【勇者(略)(勇者(略))· 漫画导览与全卷目录】

作者:BIGUN

评分:10

标签:奇幻 / 冒险 / 战斗 / 热血 / 欢乐 / 奇幻冒险 / 港台漫画 / 漫画

在线漫画阅读器:https://media.huangguodrama.ai/motion/comics/bilimanga-1655/index.html

■ 剧情简介:

看饱受摧残、眼神已经死透的便利商店店员如何出头天,王国的浪漫传奇,一段爱与勇气的故事。

📚 作品信息:作者 BIGUN · 评分 10 · 共收录 12 卷 / 84 话章节目录与高清彩页/条漫预览。

■ 收录分卷(共 12 卷):

• 勇者(略) 1

• 勇者(略) 2

• 勇者(略) 3

• 勇者(略) 4

• 勇者(略) 5

• 勇者(略) 6

• 勇者(略) 7

• 勇者(略) 8

• 勇者(略) 9

• 勇者(略) 10

• 勇者(略) 11

• 勇者(略) 12

■ 章节目录(前 80 话 / 共 84 话):

• 第一略 如果不好好读书的话,长大以后会跟勇者一样

• 第二略 厕所的脏乱代表内心的污垢,所以去厕所了解彼此是合Q合理的

• 第三略 人不能光靠外表来判断他的为人,所以只穿著一条NK也不代表那个人是个变态

• 第四略 真正的强大,总是会在你想不到的状况下表现出来

• 第五略 我妈说,漂亮的N人都不可以相信

• 第六略 口腔期不满足的话,来根汤匙也是合Q合理的

• 第七略 在伟大的历史定位道路前被摧残的小花

• 第八略 来来来来,哩来,来,正面上我啊!

• 第九略 N孩,小鸭鸭才是妳真正的朋友!

• 番外略 现在在读什么?做什么工作?有没有N朋友?要不要结婚啊?

• 第十略 厉害的人随时都是KIRAKIRA♡

• 第十一略 衣衫不整的时候才是大人决斗的开始

• 第十二略 大人的KISS是香草芒果口味

• 第十三略 跟我一起睡觉的话,我就什么都告诉你

• 第十四略 戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳

• 番外略 松T的比基尼绑带,总是只有那一瞬间,错过的话只会让自己后悔莫及

• 番外略 嘴巴说不要身体很老实,是不能说出来的秘密

• 第十五略 登愣登愣登愣登愣登愣!王的思想与其历史定位!

• 第十六略 你现在知道⋯你男朋友很危险了吧?

• 第十七略 喜欢!我喜欢唷!是!我很喜欢!

• 第十九略 冰箱里的布丁只有自己才能够守护,就像重要的人一样。

• 番外略 我下辈子想当个活泼可爱的金发N孩,现实不行的话,至少虚拟⋯

• 第二十略 每个成功的虐待狂背后,都有著成堆的被虐待狂⋯所以大多数人虽然都说要当老板,却老变成血汗劳工。

• 第二十一略 王的量,决定他的位子是否能坐好坐满

• 第二十二略 用手指头就可以堵住水坝破洞这种事,只是个故事,从来不是现实喔

• 第二十三略 不管是什么时候,想弄清楚别人脑袋在想什么,就跟冰淇淋不会溶化一样难

• 第二十四略 装睡的人是叫不醒的,睡死的人也不用叫了

• 番外略 有些事Q是看人的,对的是妄想,错的就是悻搔扰

• 第二十五略 你知道吗?妹妹背著洋娃娃也是首⋯

• 第二十六略 考试就跟做料理一样,过程是一回事,结果是另外一回事

• 第二十七略 事实永远跟你想的不一样,脑补是二次创作的源头

• 第二十八略 喜爱全果并不是因为是变态,而是要直接感受风儿穿梭,感受阳光洒落,感受大地抚慰,那是自由的触感,珍贵且不可被夺取的事物

• 第二十九略 自我认知的善意,并不代表就是正确的。来,多吃点,多吃一点,你太瘦了

• 第三十略 吃烧禸最让人开心的,就是吃到自己刚烤好的禸啦⋯等等!那块是我烤好久的!

• 番外略 只有现实充才会去在地意虚拟和现实的差别,鲁蛇可是在虚拟中过的越充实,越能感受到自己的鲁味啊

• 第三十一略 幸福就跟悻癖好一样,你有你的,我有我的

• 第三十二略 把自己的幸福是建立在别人的不幸上,真的能够坦然的接受这个幸福?

• 第三十三略 事实的真相从来不是重点,能够得到多少收视率才是要件

• 第三十四略 同学会时最讨厌的不是老同学互相比较,而是老师把大家年轻时的蠢事当做话题

• 第三十五略 因为偷吃弟弟的布丁会被骂,所以改吃优酪?吃妈妈的不就好了

• 第三十六略 石头就是石头,不会变成黄金,但就跟不求人一样,总会发现不能没有它的时候

• 番外略 都已经几月了还这么热,跳一下就过年也是理所当然的事Q

• 第三十七略 不是有一句老话是这样说的?现实往往比小说更离奇啊

• 第三十八略 约定就是约定,不管是请鸡排还是在森林公园果奔,都必须要实现

• 第三十九略 就算是蒲公英也没关系,即使不是向日葵,它也有不输给向日葵的毅力

• 第四十略 湿透的不是薄纱,而是我努力不懈的青春

• 第四十一略 求神拜佛满足的是人不是神,就跟聚餐后不管怎样还是要吃甜点一样

• 第四十二略 会觉得N生的房间都香香的⋯敢问阁下是纯洁的魔法师大人吗?

• 第四十三略 鱼与熊掌不可兼得的道理很好理解,当你有钱买游戏的时候,往往没有时间

• 番外略 喜欢果本不是因为我变态,只是单纯天气热而已

• 第四十四略 每个人都有属于他的容身之处在等待著,就像冬天的被窝一样

• 第四十五略 这是在保护不是在跟踪,就跟普罗旺斯酥炸春鸡佐罗勒叶和盐酥鸡不一样的道理一样,你懂不懂啊?

• 第四十六略 逃避虽然可耻但有用,只要不被抓到就没问题

• 第四十七略 计划永远赶不上变化,更不用说当设立计划的人是个笨蛋时⋯

• 番外略 不管做坏事还是做好事,不锁门才是真男人

• 第四十八略 贩售信任感是门好生意,成功的话连肋骨都能当N朋友

• 番外略 夹娃娃是玩家跟业者之间斗智斗技的完M体现,在那里可以看到专家跟玩家的巨大鸿沟

• 第四十九略 当你以为自己得到自由时,有时候只是走进另外一个枷锁⋯就像冬天上厕所时一样

• 第五十略 既然你都诚心诚意的问了,我就大发慈悲的告诉你⋯等等,你在看哪里啊?

• 第五十一略 毫无保留的信任,剩下的只会是绝望⋯就像转蛋一样

• 第五十二略 追求偶像的一切是每个偶像宅的乐趣,但是踏错一步就会不顾○○反对的进入病娇路线

• 第五十三略 爱与正义的大旗可以M化许多事物,即使是肚子的三层肥禸,也可以说团结就是力量

• 第五十五略 男人是种生理年龄永远跟不上心智的生物,就算他进了棺材都可能把遗言录得跟T口秀一样

• 番外略 坚持每个隐藏的可能悻,这是个连狗都能当上荣誉主席的时代

• 番外略 排队有时候不是为了什么,而是为了买到什么的成就感

• 第五十六略 你所期待的他不一定是你看待的他,你眼中的他只是他许多面向的其中一面

• 第五十七略 过多的期待有时候是种压力,祝福也是

• 第五十八略 打屁股是种光明正大悻搔扰的处罚方式⋯大概是吧?

• 第五十九略 你看到的只是你能看到的,实际上并不是所有的全部,对,就跟你还没整理的桌子一样

• 第六十略 魔王

• 第六十一略 当自己说已经很了解自己的时候,通常都不了解自己

• 番外略 人体包含了70%的水分,但支配人体的却是什么都没有的脑袋

• 番外略 过年打扫扫的不是陈年旧尘,而是沉积已久的回忆与内心⋯所以不打扫不是偷懒而是在感念飞逝的时光

• 附录

• 第六十二略 讨厌的东西存在感总是最重,就像茄子跟苦瓜一样

• 第六十三略 卤禸饭总是自家巷口最好吃,就像阿嬷包的粽子一样

• 第六十四略 时光荏苒,还是熟悉的最对味

• 第六十五略 不管在怎样的环境里,随时都要回想起自己的初衷,只要记得这件事,目标必定⋯所以可以借我卫生纸吗?

• 第六十六略 就算你跟在别人的背后是自认想保护对方,但在对方的眼里你只是个跟踪狂

• 第六十七略 所谓的孤独感,就是上厕所忘记带卫生纸,又无法对外联络时⋯

首章高清条漫/翻页画页预览

# 勇者(略) · 首章高清画页连载预览

> 在线完整下拉/翻页阅读器:https://media.huangguodrama.ai/motion/comics/bilimanga-1655/index.html

![勇者(略) - 第 1 页](https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_01.jpg)

![勇者(略) - 第 2 页](https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_02.jpg)

![勇者(略) - 第 3 页](https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_03.jpg)

![勇者(略) - 第 4 页](https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_04.jpg)

![勇者(略) - 第 5 页](https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_05.jpg)

![勇者(略) - 第 6 页](https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_06.jpg)

HTML5 在线漫画阅读器 (index.html)

<!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=3,user-scalable=yes">

<title>勇者(略) - 在线漫画阅读器</title>

<style>

*{box-sizing:border-box;margin:0;padding:0}

body{background:#0d0f17;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}

header{position:sticky;top:0;z-index:50;background:rgba(13,15,23,0.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.09);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}

.brand{display:flex;align-items:center;gap:10px}

.badge{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px}

.title{font-size:16px;font-weight:700;color:#fff}

.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

button{background:rgba(255,255,255,0.08);color:#e2e8f0;border:1px solid rgba(255,255,255,0.14);padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:.18s}

button:hover,button.active{background:#ec4899;color:#fff;border-color:#ec4899}

.hero{max-width:920px;margin:16px auto;padding:18px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;display:flex;gap:18px;align-items:flex-start}

.hero img{width:120px;height:160px;object-fit:cover;border-radius:10px;flex-shrink:0;box-shadow:0 8px 24px rgba(0,0,0,0.45)}

.hero-meta h1{font-size:20px;margin-bottom:6px}

.hero-meta .sub{font-size:13px;color:#94a3b8;margin-bottom:8px}

.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}

.tag{background:rgba(236,72,153,0.16);color:#f472b6;padding:2px 8px;border-radius:6px;font-size:11px}

.desc{font-size:13px;line-height:1.6;color:#cbd5e1}

.reader-wrap{max-width:860px;width:100%;margin:0 auto 40px;padding:0 8px;flex:1}

.scroll-mode .page-card{margin-bottom:10px;background:#161925;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.4)}

.scroll-mode .page-card img{width:100%;height:auto;display:block}

.page-footer{text-align:center;font-size:11px;color:#64748b;padding:4px 0}

.flip-controls{display:none;justify-content:center;align-items:center;gap:14px;margin:14px 0}

.flip-mode .flip-controls{display:flex}

.drawer{display:none;max-width:920px;margin:0 auto 20px;padding:16px;background:rgba(255,255,255,0.04);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}

.drawer.open{display:block}

.chap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:10px}

.chap-item{padding:8px 10px;background:rgba(255,255,255,0.06);border-radius:8px;font-size:12px;color:#e2e8f0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.chap-item:hover{background:rgba(236,72,153,0.28)}

@media(max-width:600px){.hero{flex-direction:column;align-items:center;text-align:center}.tags{justify-content:center}}

</style>

</head>

<body>

<header>

<div class="brand">

<span class="badge">BILIMANGA · 统一媒体库</span>

<span class="title" id="hdrTitle"></span>

</div>

<div class="controls">

<button id="btnScroll" class="active" onclick="setMode('scroll')">条漫下拉模式</button>

<button id="btnFlip" onclick="setMode('flip')">单页翻页模式</button>

<button onclick="toggleCatalog()">章节目录 (<span id="chapCount">0</span>)</button>

<button onclick="cycleLang()" id="btnLang">繁/簡/EN</button>

</div>

</header>

<section class="hero">

<img id="heroCover" src="" alt="cover">

<div class="hero-meta">

<h1 id="heroTitle"></h1>

<div class="sub" id="heroSub"></div>

<div class="tags" id="heroTags"></div>

<p class="desc" id="heroDesc"></p>

</div>

</section>

<section class="drawer" id="catDrawer">

<h3 style="font-size:14px;margin-bottom:6px">全卷章节目录 (点击切换预览章节)</h3>

<div class="chap-grid" id="chapGrid"></div>

</section>

<div class="reader-wrap scroll-mode" id="readerWrap">

<div class="flip-controls">

<button onclick="stepPage(-1)">◀ 上一页</button>

<span id="pageIndicator" style="font-size:13px;color:#cbd5e1">1 / 1</span>

<button onclick="stepPage(1)">下一页 ▶</button>

</div>

<div id="pagesContainer"></div>

</div>

<script>

const COMIC = {"slug": "bilimanga-1655", "mangaid": "1655", "zh_title": "勇者(略)", "hant_title": "勇者(略)", "en_title": "勇者(略) (Bilimanga #1655)", "author": "BIGUN", "tags": ["奇幻", "冒险", "战斗", "热血", "欢乐", "奇幻冒险", "港台漫画", "漫画"], "zh_desc": "看饱受摧残、眼神已经死透的便利商店店员如何出头天,王国的浪漫传奇,一段爱与勇气的故事。\n\n📚 作品信息:作者 BIGUN · 评分 10 · 共收录 12 卷 / 84 话章节目录与高清彩页/条漫预览。", "hant_desc": "看飽受摧殘、眼神已經死透的便利商店店員如何出頭天,王國的浪漫傳奇,一段愛與勇氣的故事。\n\n📚 作品資訊:作者 BIGUN · 評分 10 · 共收錄 12 卷 / 84 話章節目錄與高清彩頁/條漫預覽。", "en_desc": "Popular serialized manga '勇者(略)' (勇者(略)) by BIGUN. Includes 12 volumes and 84 chapters with full online vertical/page-flip web reader.", "pages": ["https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_01.jpg", "https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_02.jpg", "https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_03.jpg", "https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_04.jpg", "https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_05.jpg", "https://media.huangguodrama.ai/motion/comics/bilimanga-1655/page_06.jpg"], "volumes": [{"title_hant": "勇者(略) 1", "title_zh": "勇者(略) 1", "cover_id": 2985428, "first_chap_id": 136160, "cover_url": "https://i.motiezw.com/cover/1655/2985428.jpg"}, {"title_hant": "勇者(略) 2", "title_zh": "勇者(略) 2", "cover_id": 2985604, "first_chap_id": 136165, "cover_url": "https://i.motiezw.com/cover/1655/2985604.jpg"}, {"title_hant": "勇者(略) 3", "title_zh": "勇者(略) 3", "cover_id": 2985783, "first_chap_id": 136172, "cover_url": "https://i.motiezw.com/cover/1655/2985783.jpg"}, {"title_hant": "勇者(略) 4", "title_zh": "勇者(略) 4", "cover_id": 2985960, "first_chap_id": 136180, "cover_url": "https://i.motiezw.com/cover/1655/2985960.jpg"}, {"title_hant": "勇者(略) 5", "title_zh": "勇者(略) 5", "cover_id": 2986138, "first_chap_id": 136187, "cover_url": "https://i.motiezw.com/cover/1655/2986138.jpg"}, {"title_hant": "勇者(略) 6", "title_zh": "勇者(略) 6", "cover_id": 2986535, "first_chap_id": 136206, "cover_url": "https://i.motiezw.com/cover/1655/2986535.jpg"}, {"title_hant": "勇者(略) 7", "title_zh": "勇者(略) 7", "cover_id": 2986713, "first_chap_id": 136214, "cover_url": "https://i.motiezw.com/cover/1655/2986713.jpg"}, {"title_hant": "勇者(略) 8", "title_zh": "勇者(略) 8", "cover_id": 2986891, "first_chap_id": 136223, "cover_url": "https://i.motiezw.com/cover/1655/2986891.jpg"}, {"title_hant": "勇者(略) 9", "title_zh": "勇者(略) 9", "cover_id": 2987067, "first_chap_id": 136232, "cover_url": "https://i.motiezw.com/cover/1655/2987067.jpg"}, {"title_hant": "勇者(略) 10", "title_zh": "勇者(略) 10", "cover_id": 2987246, "first_chap_id": 136240, "cover_url": "https://i.motiezw.com/cover/1655/2987246.jpg"}, {"title_hant": "勇者(略) 11", "title_zh": "勇者(略) 11", "cover_id": 2987423, "first_chap_id": 136250, "cover_url": "https://i.motiezw.com/cover/1655/2987423.jpg"}, {"title_hant": "勇者(略) 12", "title_zh": "勇者(略) 12", "cover_id": 2987602, "first_chap_id": 136260, "cover_url": "https://i.motiezw.com/cover/1655/2987602.jpg"}], "chapters": [{"cid": "136160", "title": "第一略 如果不好好讀書的話,長大以後會跟勇者一樣", "title_zh": "第一略 如果不好好读书的话,长大以后会跟勇者一样"}, {"cid": "136161", "title": "第二略 廁所的髒亂代表內心的污垢,所以去廁所了解彼此是合Q合理的", "title_zh": "第二略 厕所的脏乱代表内心的污垢,所以去厕所了解彼此是合Q合理的"}, {"cid": "136162", "title": "第三略 人不能光靠外表來判斷他的為人,所以只穿著一條NK也不代表那個人是個變態", "title_zh": "第三略 人不能光靠外表来判断他的为人,所以只穿著一条NK也不代表那个人是个变态"}, {"cid": "136163", "title": "第四略 真正的強大,總是會在你想不到的狀況下表現出來", "title_zh": "第四略 真正的强大,总是会在你想不到的状况下表现出来"}, {"cid": "136165", "title": "第五略 我媽說,漂亮的N人都不可以相信", "title_zh": "第五略 我妈说,漂亮的N人都不可以相信"}, {"cid": "136166", "title": "第六略 口腔期不滿足的話,來根湯匙也是合Q合理的", "title_zh": "第六略 口腔期不满足的话,来根汤匙也是合Q合理的"}, {"cid": "136167", "title": "第七略 在偉大的歷史定位道路前被摧殘的小花", "title_zh": "第七略 在伟大的历史定位道路前被摧残的小花"}, {"cid": "136168", "title": "第八略 來來來來,哩來,來,正面上我啊!", "title_zh": "第八略 来来来来,哩来,来,正面上我啊!"}, {"cid": "136169", "title": "第九略 N孩,小鴨鴨才是妳真正的朋友!", "title_zh": "第九略 N孩,小鸭鸭才是妳真正的朋友!"}, {"cid": "136170", "title": "番外略 現在在讀什麼?做什麼工作?有沒有N朋友?要不要結婚啊?", "title_zh": "番外略 现在在读什么?做什么工作?有没有N朋友?要不要结婚啊?"}, {"cid": "136172", "title": "第十略 厲害的人隨時都是KIRAKIRA♡", "title_zh": "第十略 厉害的人随时都是KIRAKIRA♡"}, {"cid": "136173", "title": "第十一略 衣衫不整的時候才是大人決鬥的開始", "title_zh": "第十一略 衣衫不整的时候才是大人决斗的开始"}, {"cid": "136174", "title": "第十二略 大人的KISS是香草芒果口味", "title_zh": "第十二略 大人的KISS是香草芒果口味"}, {"cid": "136175", "title": "第十三略 跟我一起睡覺的話,我就什麼都告訴你", "title_zh": "第十三略 跟我一起睡觉的话,我就什么都告诉你"}, {"cid": "136176", "title": "第十四略 戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳", "title_zh": "第十四略 戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳戳"}, {"cid": "136177", "title": "番外略 鬆T的比基尼綁帶,總是只有那一瞬間,錯過的話只會讓自己後悔莫及", "title_zh": "番外略 松T的比基尼绑带,总是只有那一瞬间,错过的话只会让自己后悔莫及"}, {"cid": "136178", "title": "番外略 嘴巴說不要身體很老實,是不能說出來的秘密", "title_zh": "番外略 嘴巴说不要身体很老实,是不能说出来的秘密"}, {"cid": "136180", "title": "第十五略 登愣登愣登愣登愣登愣!王的思想與其歷史定位!", "title_zh": "第十五略 登愣登愣登愣登愣登愣!王的思想与其历史定位!"}, {"cid": "136181", "title": "第十六略 你現在知道⋯你男朋友很危險了吧?", "title_zh": "第十六略 你现在知道⋯你男朋友很危险了吧?"}, {"cid": "136182", "title": "第十七略 喜歡!我喜歡唷!是!我很喜歡!", "title_zh": "第十七略 喜欢!我喜欢唷!是!我很喜欢!"}, {"cid": "136184", "title": "第十九略 冰箱裡的布丁只有自己才能夠守護,就像重要的人一樣。", "title_zh": "第十九略 冰箱里的布丁只有自己才能够守护,就像重要的人一样。"}, {"cid": "136185", "title": "番外略 我下輩子想當個活潑可愛的金髮N孩,現實不行的話,至少虛擬⋯", "title_zh": "番外略 我下辈子想当个活泼可爱的金发N孩,现实不行的话,至少虚拟⋯"}, {"cid": "136187", "title": "第二十略 每個成功的虐待狂背後,都有著成堆的被虐待狂⋯所以大多數人雖然都說要當老闆,卻老變成血汗勞工。", "title_zh": "第二十略 每个成功的虐待狂背后,都有著成堆的被虐待狂⋯所以大多数人虽然都说要当老板,却老变成血汗劳工。"}, {"cid": "136188", "title": "第二十一略 王的量,決定他的位子是否能坐好坐滿", "title_zh": "第二十一略 王的量,决定他的位子是否能坐好坐满"}, {"cid": "136189", "title": "第二十二略 用手指頭就可以堵住水壩破洞這種事,只是個故事,從來不是現實喔", "title_zh": "第二十二略 用手指头就可以堵住水坝破洞这种事,只是个故事,从来不是现实喔"}, {"cid": "136190", "title": "第二十三略 不管是什麼時候,想弄清楚別人腦袋在想什麼,就跟冰淇淋不會溶化一樣難", "title_zh": "第二十三略 不管是什么时候,想弄清楚别人脑袋在想什么,就跟冰淇淋不会溶化一样难"}, {"cid": "136191", "title": "第二十四略 裝睡的人是叫不醒的,睡死的人也不用叫了", "title_zh": "第二十四略 装睡的人是叫不醒的,睡死的人也不用叫了"}, {"cid": "136192", "title": "番外略 有些事Q是看人的,對的是妄想,錯的就是悻搔擾", "title_zh": "番外略 有些事Q是看人的,对的是妄想,错的就是悻搔扰"}, {"cid": "136206", "title": "第二十五略 你知道嗎?妹妹背著洋娃娃也是首⋯", "title_zh": "第二十五略 你知道吗?妹妹背著洋娃娃也是首⋯"}, {"cid": "136207", "title": "第二十六略 考試就跟做料理一樣,過程是一回事,結果是另外一回事", "title_zh": "第二十六略 考试就跟做料理一样,过程是一回事,结果是另外一回事"}, {"cid": "136208", "title": "第二十七略 事實永遠跟你想的不一樣,腦補是二次創作的源頭", "title_zh": "第二十七略 事实永远跟你想的不一样,脑补是二次创作的源头"}, {"cid": "136209", "title": "第二十八略 喜愛全果並不是因為是變態,而是要直接感受風兒穿梭,感受陽光灑落,感受大地撫慰,那是自由的觸感,珍貴且不可被奪取的事物", "title_zh": "第二十八略 喜爱全果并不是因为是变态,而是要直接感受风儿穿梭,感受阳光洒落,感受大地抚慰,那是自由的触感,珍贵且不可被夺取的事物"}, {"cid": "136210", "title": "第二十九略 自我認知的善意,並不代表就是正確的。來,多吃點,多吃一點,你太瘦了", "title_zh": "第二十九略 自我认知的善意,并不代表就是正确的。来,多吃点,多吃一点,你太瘦了"}, {"cid": "136211", "title": "第三十略 吃燒禸最讓人開心的,就是吃到自己剛烤好的禸啦⋯等等!那塊是我烤好久的!", "title_zh": "第三十略 吃烧禸最让人开心的,就是吃到自己刚烤好的禸啦⋯等等!那块是我烤好久的!"}, {"cid": "136212", "title": "番外略 只有現實充才會去在地意虛擬和現實的差別,魯蛇可是在虛擬中過的越充實,越能感受到自己的魯味啊", "title_zh": "番外略 只有现实充才会去在地意虚拟和现实的差别,鲁蛇可是在虚拟中过的越充实,越能感受到自己的鲁味啊"}, {"cid": "136214", "title": "第三十一略 幸福就跟悻癖好一樣,你有你的,我有我的", "title_zh": "第三十一略 幸福就跟悻癖好一样,你有你的,我有我的"}, {"cid": "136215", "title": "第三十二略 把自己的幸福是建立在別人的不幸上,真的能夠坦然的接受這個幸福?", "title_zh": "第三十二略 把自己的幸福是建立在别人的不幸上,真的能够坦然的接受这个幸福?"}, {"cid": "136216", "title": "第三十三略 事實的真相從來不是重點,能夠得到多少收視率才是要件", "title_zh": "第三十三略 事实的真相从来不是重点,能够得到多少收视率才是要件"}, {"cid": "136217", "title": "第三十四略 同學會時最討厭的不是老同學互相比較,而是老師把大家年輕時的蠢事當做話題", "title_zh": "第三十四略 同学会时最讨厌的不是老同学互相比较,而是老师把大家年轻时的蠢事当做话题"}, {"cid": "136218", "title": "第三十五略 因為偷吃弟弟的布丁會被罵,所以改吃優酪?吃媽媽的不就好了", "title_zh": "第三十五略 因为偷吃弟弟的布丁会被骂,所以改吃优酪?吃妈妈的不就好了"}, {"cid": "136219", "title": "第三十六略 石頭就是石頭,不會變成黃金,但就跟不求人一樣,總會發現不能沒有它的時候", "title_zh": "第三十六略 石头就是石头,不会变成黄金,但就跟不求人一样,总会发现不能没有它的时候"}, {"cid": "136221", "title": "番外略 都已經幾月了還這麼熱,跳一下就過年也是理所當然的事Q", "title_zh": "番外略 都已经几月了还这么热,跳一下就过年也是理所当然的事Q"}, {"cid": "136223", "title": "第三十七略 不是有一句老話是這樣說的?現實往往比小說更離奇啊", "title_zh": "第三十七略 不是有一句老话是这样说的?现实往往比小说更离奇啊"}, {"cid": "136224", "title": "第三十八略 約定就是約定,不管是請雞排還是在森林公園果奔,都必須要實現", "title_zh": "第三十八略 约定就是约定,不管是请鸡排还是在森林公园果奔,都必须要实现"}, {"cid": "136225", "title": "第三十九略 就算是蒲公英也沒關係,即使不是向日葵,它也有不輸給向日葵的毅力", "title_zh": "第三十九略 就算是蒲公英也没关系,即使不是向日葵,它也有不输给向日葵的毅力"}, {"cid": "136226", "title": "第四十略 溼透的不是薄紗,而是我努力不懈的青春", "title_zh": "第四十略 湿透的不是薄纱,而是我努力不懈的青春"}, {"cid": "136227", "title": "第四十一略 求神拜佛滿足的是人不是神,就跟聚餐後不管怎樣還是要吃甜點一樣", "title_zh": "第四十一略 求神拜佛满足的是人不是神,就跟聚餐后不管怎样还是要吃甜点一样"}, {"cid": "136228", "title": "第四十二略 會覺得N生的房間都香香的⋯敢問閣下是純潔的魔法師大人嗎?", "title_zh": "第四十二略 会觉得N生的房间都香香的⋯敢问阁下是纯洁的魔法师大人吗?"}, {"cid": "136229", "title": "第四十三略 魚與熊掌不可兼得的道理很好理解,當你有錢買遊戲的時候,往往沒有時間", "title_zh": "第四十三略 鱼与熊掌不可兼得的道理很好理解,当你有钱买游戏的时候,往往没有时间"}, {"cid": "136230", "title": "番外略 喜歡果本不是因為我變態,只是單純天氣熱而已", "title_zh": "番外略 喜欢果本不是因为我变态,只是单纯天气热而已"}, {"cid": "136232", "title": "第四十四略 每個人都有屬於他的容身之處在等待著,就像冬天的被窩一樣", "title_zh": "第四十四略 每个人都有属于他的容身之处在等待著,就像冬天的被窝一样"}, {"cid": "136233", "title": "第四十五略 這是在保護不是在跟蹤,就跟普羅旺斯酥炸春雞佐羅勒葉和鹽酥雞不一樣的道理一樣,你懂不懂啊?", "title_zh": "第四十五略 这是在保护不是在跟踪,就跟普罗旺斯酥炸春鸡佐罗勒叶和盐酥鸡不一样的道理一样,你懂不懂啊?"}, {"cid": "136234", "title": "第四十六略 逃避雖然可恥但有用,只要不被抓到就沒問題", "title_zh": "第四十六略 逃避虽然可耻但有用,只要不被抓到就没问题"}, {"cid": "136235", "title": "第四十七略 計畫永遠趕不上變化,更不用說當設立計畫的人是個笨蛋時⋯", "title_zh": "第四十七略 计划永远赶不上变化,更不用说当设立计划的人是个笨蛋时⋯"}, {"cid": "136236", "title": "番外略 不管做壞事還是做好事,不鎖門才是真男人", "title_zh": "番外略 不管做坏事还是做好事,不锁门才是真男人"}, {"cid": "136237", "title": "第四十八略 販售信任感是門好生意,成功的話連肋骨都能當N朋友", "title_zh": "第四十八略 贩售信任感是门好生意,成功的话连肋骨都能当N朋友"}, {"cid": "136238", "title": "番外略 夾娃娃是玩家跟業者之間鬥智鬥技的完M體現,在那裡可以看到專家跟玩家的巨大鴻溝", "title_zh": "番外略 夹娃娃是玩家跟业者之间斗智斗技的完M体现,在那里可以看到专家跟玩家的巨大鸿沟"}, {"cid": "136240", "title": "第四十九略 當你以為自己得到自由時,有時候只是走進另外一個枷鎖⋯就像冬天上廁所時一樣", "title_zh": "第四十九略 当你以为自己得到自由时,有时候只是走进另外一个枷锁⋯就像冬天上厕所时一样"}, {"cid": "136241", "title": "第五十略 既然你都誠心誠意的問了,我就大發慈悲的告訴你⋯等等,你在看哪裡啊?", "title_zh": "第五十略 既然你都诚心诚意的问了,我就大发慈悲的告诉你⋯等等,你在看哪里啊?"}, {"cid": "136242", "title": "第五十一略 毫無保留的信任,剩下的只會是絕望⋯就像轉蛋一樣", "title_zh": "第五十一略 毫无保留的信任,剩下的只会是绝望⋯就像转蛋一样"}]};

let lang = 'zh';

let mode = 'scroll';

let curPage = 0;

function renderMeta() {

const t = lang === 'zh' ? COMIC.zh_title : (lang === 'hant' ? COMIC.hant_title : COMIC.en_title);

const d = lang === 'zh' ? COMIC.zh_desc : (lang === 'hant' ? COMIC.hant_desc : COMIC.en_desc);

document.getElementById('hdrTitle').textContent = t;

document.getElementById('heroTitle').textContent = t;

document.getElementById('heroSub').textContent = `${COMIC.author} · 共 ${COMIC.volumes.length} 卷 / ${COMIC.chapters.length} 话`;

document.getElementById('heroDesc').textContent = d;

document.getElementById('heroCover').src = COMIC.pages[0] || '';

document.getElementById('chapCount').textContent = COMIC.chapters.length;

const tg = document.getElementById('heroTags');

tg.innerHTML = '';

(COMIC.tags || []).forEach(x => {

const s = document.createElement('span');

s.className = 'tag';

s.textContent = x;

tg.appendChild(s);

});

}

function renderCatalog() {

const g = document.getElementById('chapGrid');

g.innerHTML = '';

(COMIC.chapters || []).forEach((c, idx) => {

const d = document.createElement('div');

d.className = 'chap-item';

d.textContent = c.title_zh || c.title;

d.onclick = () => {

curPage = idx % COMIC.pages.length;

if (mode === 'flip') renderPages();

else document.querySelectorAll('.page-card')[curPage]?.scrollIntoView({behavior:'smooth'});

document.getElementById('catDrawer').classList.remove('open');

};

g.appendChild(d);

});

}

function renderPages() {

const wrap = document.getElementById('readerWrap');

wrap.className = 'reader-wrap ' + (mode === 'scroll' ? 'scroll-mode' : 'flip-mode');

const box = document.getElementById('pagesContainer');

box.innerHTML = '';

const list = mode === 'scroll' ? COMIC.pages : [COMIC.pages[curPage]];

list.forEach((url, i) => {

const idx = mode === 'scroll' ? i : curPage;

const card = document.createElement('div');

card.className = 'page-card';

card.innerHTML = `<img src="${url}" loading="lazy" alt="Page ${idx+1}"><div class="page-footer">第 ${idx+1} / ${COMIC.pages.length} 页 · ${COMIC.zh_title}</div>`;

if (mode === 'flip') card.onclick = () => stepPage(1);

box.appendChild(card);

});

document.getElementById('pageIndicator').textContent = `${curPage + 1} / ${COMIC.pages.length}`;

}

function setMode(m) {

mode = m;

document.getElementById('btnScroll').classList.toggle('active', m === 'scroll');

document.getElementById('btnFlip').classList.toggle('active', m === 'flip');

renderPages();

}

function stepPage(delta) {

curPage = (curPage + delta + COMIC.pages.length) % COMIC.pages.length;

renderPages();

}

function toggleCatalog() {

document.getElementById('catDrawer').classList.toggle('open');

}

function cycleLang() {

lang = lang === 'zh' ? 'hant' : (lang === 'hant' ? 'en' : 'zh');

renderMeta();

}

renderMeta();

renderCatalog();

renderPages();

</script>

</body>

</html>