JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; font-family: serif;"> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3730.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.25); "></div> <div class="petals"> <div class="petal" style="left:10%; animation-duration:8s;">🌸</div> <div class="petal" style="left:25%; animation-duration:11s;">🌸</div> <div class="petal" style="left:40%; animation-duration:9s;">🌸</div> <div class="petal" style="left:60%; animation-duration:12s;">🌸</div> <div class="petal" style="left:75%; animation-duration:10s;">🌸</div> <div class="petal" style="left:90%; animation-duration:13s;">🌸</div> </div> <div style=" position:absolute; top:1%; width:100%; text-align:center; font-size:50px; color:white; font-weight:bold; text-shadow:0 0 10px black, 0 0 20px black; letter-spacing:5px; "> 甄嬛傳-故事改編 </div> <div style=" position:absolute; bottom:15%; width:100%; text-align:center; color:white; "> <div style="margin:12px 0;"> <button onclick="SugarCube.Engine.play('scene2')" style=" padding:10px 22px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.35); border-radius:10px; color:white; font-size:35px; cursor:pointer; text-shadow:0 0 6px black; "> 開始遊戲 </button> </div> <div style="margin:12px 0;"> <button onclick="SugarCube.Engine.play('about')" style=" padding:10px 22px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.35); border-radius:10px; color:white; font-size:35px; cursor:pointer; text-shadow:0 0 6px black; "> 關於作品 </button> </div> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white;"> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3730.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); "></div> <div class="petals"> <div class="petal" style="left:10%; animation-duration:8s;">🌸</div> <div class="petal" style="left:30%; animation-duration:11s;">🌸</div> <div class="petal" style="left:60%; animation-duration:9s;">🌸</div> <div class="petal" style="left:80%; animation-duration:12s;">🌸</div> </div> <div style=" position:absolute; top:5%; width:100%; text-align:center; font-size:36px; letter-spacing:4px; "> 背景故事 </div> <div style=" position:absolute; top:15%; width:60%; left:20%; font-size:22px; line-height:1.8; text-shadow:0 0 6px black; "> 甄嬛因面容神似已故的純元皇后而得到皇帝的注意, 進而通過選秀入宮。 在後宮爾虞我詐的算計中, 她逐漸明白自己不過是純元皇后的替身,<br> 皇帝從未真正愛過她。 </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene2_2')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white;"> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3730.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); "></div> <div class="petals"> <div class="petal" style="left:15%; animation-duration:9s;">🌸</div> <div class="petal" style="left:40%; animation-duration:12s;">🌸</div> <div class="petal" style="left:70%; animation-duration:10s;">🌸</div> </div> <div style="position:absolute; top:20%; width:100%; text-align:center; font-size:36px;"> </div> <div style=" position:absolute; top:15%; width:60%; left:20%; font-size:22px; line-height:1.8; "> 甄嬛傷透了心,因誤穿純元皇后舊衣而失寵。 在產下朧月公主後,遠走甘露寺修行。<br> 在宮外受盡欺凌之時, 果郡王允禮對她關懷備至,<br> 二人漸生情愫。 </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene2_3')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white;"> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3730.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); "></div> <div class="petals"> <div class="petal" style="left:20%; animation-duration:8s;">🌸</div> <div class="petal" style="left:50%; animation-duration:11s;">🌸</div> <div class="petal" style="left:80%; animation-duration:13s;">🌸</div> </div> <div style="position:absolute; top:20%; width:100%; text-align:center; font-size:36px;"> </div> <div style=" position:absolute; top:15%; width:60%; left:20%; font-size:22px; line-height:1.8; "> 果郡王誤傳死訊後, 甄嬛為保護腹中之子與父親,決意重返宮中。<br> 此後,她不再執著於情愛, 反而利用「替身」之名, 一步步剷除敵人,最終登上太后之位。 </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3')">進入正篇</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 深色遮罩 --> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); "></div> <!-- 標題 --> <div style=" position:absolute; top:1%; width:100%; text-align:center; font-size:52px; font-weight:bold; letter-spacing:8px; text-shadow:0 0 12px black, 0 0 24px black; "> 菀菀類卿 </div> <!-- 副標 / 開場敘述框 --> <div style=" position:absolute; top:16%; left:50%; transform:translateX(-50%); width:62%; padding:28px 36px; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.15); border-radius:14px; text-align:center; font-size:30px; line-height:1.9; text-shadow:0 0 6px black; box-shadow:0 0 20px rgba(0,0,0,0); "> 雍正注意到甄嬛神似已故純元皇后, 因此她才能通過選秀,得以入宮。 宮廷氣息安靜微妙。 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:12%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene3_1')" style=" padding:12px 28px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.35); border-radius:10px; color:white; font-size:30px; cursor:pointer; text-shadow:0 0 6px black; box-shadow:0 0 10px rgba(0,0,0,0.18); "> 進入第一段對話 </button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> (恭敬地行禮)「啓稟皇上,臣妾本名甄玉嬛,乃漢軍旗甄遠道與彭辛蘿之女。」 </div> </div> <!-- 下一句 --> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_2')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「臣妾不敢冒犯皇上,只願盡心守分,若有過失,願受皇上懲處。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_choice')">進入抉擇</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (走近,眉頭微皺,看著甄嬛的容貌低聲)「這女子……容貌與純元皇后相似,舉止也不俗,倒是讓朕有些驚訝。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_3')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <div class="scene-title">請扮演雍正做出選擇</div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="choice-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_A')"> <div class="nameplate">雍正</div> A:親自召見甄嬛(初步得到皇上注意與寵愛) </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_B')"> <div class="nameplate">雍正</div> B:暫時觀察(甄嬛未獲特別關注) </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「臣妾甄嬛,初入宮中,願恪守宮規,勤於事奉,望皇上垂憐。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_4')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (停頓,手輕輕撫額,思索說道)「今日是否要召她到內殿一見呢?」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_5')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/34E6F4D4-326A-4951-9156-A5B63E4E846E.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_5.5')">下一幕</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:38%; bottom:auto;"> <div class="dialogue-text" style="text-align:center;"> 雍正最終決定親自召見甄嬛。 她初步得到了皇上的注意與寵愛,命運的齒輪也自此開始轉動。 </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/A7A4DB6F-94CD-4CA7-A3F3-7CA21313133E.jpeg"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_5.5')">下一幕</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:38%; bottom:auto;"> <div class="dialogue-text" style="text-align:center;"> 雍正選擇暫時觀察甄嬛。 她並未立刻得到特別關注,只能在深宮中小心行走,靜待時機。 </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/28ED22E7-DD8B-4918-BE85-381C09D9AF3F.png"> <div class="scene-overlay"></div> <div class="scene-title">請做出選擇</div> </div> <!-- 選項 --> <div class="choice-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_A2')"> <div class="nameplate">雍正</div> A:給予更多關注(甄嬛獲得更多寵愛與賞賜) </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_B2')"> <div class="nameplate">雍正</div> B:保持觀察(甄嬛低調自守,皇上繼續觀察) </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/DB7A9727-BA67-444F-9284-52DF58D472F7.jpeg"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_7')">下一幕</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:48%;"> <div class="dialogue-text" style="text-align:center;"> 雍正決定給予甄嬛更多關注。 她逐漸獲得寵愛與賞賜,在後宮中的地位悄然提升。 </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/B22EFF5D-E62C-42AB-91DA-34A76CDF9163.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_7')">下一幕</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:48%;"> <div class="dialogue-text" style="text-align:center;"> 雍正選擇繼續觀察甄嬛。 她在宮中低調自守,暫未引起過多關注。 </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (微微沉吟)「她的到來……果真讓人想起純元,卻又不同。朕該如何對她,還尚需時間觀察啊。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4')">進入下一章</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/2BA57075-E743-4950-9FB1-4C4195C46EFB.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 標題 --> <div style=" position:absolute; top:1%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> 誤穿舊衣 </div> <!-- 內容 --> <div style=" position:absolute; top:15%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(200,40,40,0.8); border-radius:14px; text-shadow:0 0 6px black; "> 甄嬛盛裝出席, 雍正一眼看見她, 氣氛,瞬間轉變。 </div> <div class="petals"> <div class="petal" style="left:10%; animation-duration:8s;">🌸</div> <div class="petal" style="left:25%; animation-duration:11s;">🌸</div> <div class="petal" style="left:40%; animation-duration:9s;">🌸</div> <div class="petal" style="left:60%; animation-duration:12s;">🌸</div> <div class="petal" style="left:75%; animation-duration:10s;">🌸</div> <div class="petal" style="left:90%; animation-duration:13s;">🌸</div> </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene4_1')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:30px; cursor:pointer; text-shadow:0 0 6px black; "> 繼續 </button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.6);"></div> <div class="scene-title">誤穿舊衣</div> <!-- 人物 --> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> 「……今日這身衣裳,是誰給你的?」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_2')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.6);"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「是內務府新送來的,臣妾見樣式端莊,便穿來見皇上。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_3')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.65);"></div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (語氣變冷)「端莊?」<br> 「你可知,這衣裳是誰的?」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_4')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3728.jpeg"> <div class="scene-overlay"></div> </div> <!-- 人物 --> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene3_6')">進入抉擇</button> </div> <div class="scene-title">抉擇點</div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (微微嘆氣)「宮中太監都說她舉止端莊,但這女子心性如何,朕暫時還不能斷定。」 </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> (微微一愣)「臣妾……不知。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_5')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/BC988E03-8DF1-461E-9189-0FE53F51428D.png">"> <div class="scene-overlay"></div> <div class="choice-wrap"> <div class="choice-title">請做出選擇</div> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_9a')"> <div class="nameplate">雍正</div> A:放過她 </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_9b')"> <div class="nameplate">雍正</div> B:直接冷落 </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.7);"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <!-- 互動 --> <div class="choice-wrap"> <div class="choice-title">請扮演雍正做出選擇</div> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_8')"> <div class="nameplate">雍正</div> A:相信她(起來吧,此事作罷) </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_8')"> <div class="nameplate">雍正</div> B:不信(皇上怒道:退下!) </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.7);"></div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> 「大膽!那是純元皇后的衣裳。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_6')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.7);"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (盯著她)「你是不知,還是……太知道?」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_7')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.65);"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「臣妾不敢欺瞞皇上。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_9')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/95F9B8D5-58F4-4962-8C62-E491808A2659.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_10')">下一幕</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:38%; bottom:auto;"> <div class="dialogue-text" style="text-align:center;"> 雍正沉默片刻,最終還是壓下怒意。 「起來吧,此事作罷。」 然而自此之後,他與甄嬛之間仍漸行漸遠。 </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3731.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.7);"></div> <div class="characters"> <img class="char left" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">雍正</div> <div class="dialogue-text"> (背對她)「你先退下。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_11')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/D3F6727C-74D3-4960-B129-7413D91EA84A.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> </div> <!-- 內容 --> <div style=" position:absolute; top:12%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(80,160,255,0.7); border-radius:14px; text-shadow:0 0 6px black; "> 「此後,甄嬛漸失聖心。產下朧月公主後,最終離宮,前往甘露寺修行。」 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene5')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:26px; cursor:pointer; text-shadow:0 0 6px black; "> 下一幕 </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3729.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.65);"></div> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「臣妾告退。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_12')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/01A938EC-CCA3-4D7C-8821-2A99B15F903C.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 標題 --> <div style=" position:absolute; top:2%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> 情愫 </div> <!-- 內容 --> <div style=" position:absolute; top:12%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(255,182,193,0.6); border-radius:14px; text-shadow:0 0 6px black; "> 甄嬛高燒不退,果郡王(允禮)守在旁邊以身體為其降溫。 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene5_1')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:26px; cursor:pointer; text-shadow:0 0 6px black; "> 開始 </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/0225BD24-9DD2-4282-924B-7283DAD726E3.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene4_10')">下一幕</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:38%; bottom:auto;"> <div class="dialogue-text" style="text-align:center;"> 雍正目光冰冷,語氣愈發疏離。 「退下。」 自此之後,他對甄嬛愈加冷淡,兩人關係也逐漸疏遠。 </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/01A938EC-CCA3-4D7C-8821-2A99B15F903C.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> (虛弱,呼吸急促)「好冷……這裡怎麼這麼冷……」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_2')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/01A938EC-CCA3-4D7C-8821-2A99B15F903C.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <div class="dialogue-box"> <div class="nameplate">果郡王</div> <div class="dialogue-text"> (擔憂)「還在發燒……怎麼會這樣,明明已經吃過藥了啊。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_3')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/9D4E0F95-5A65-46E5-96C2-6E133B52376D.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「不用管我……我自己撐得住……」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_4')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/9D4E0F95-5A65-46E5-96C2-6E133B52376D.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <div class="dialogue-box"> <div class="nameplate">果郡王</div> <div class="dialogue-text"> 「撐得住?你現在連站都站不穩,還說撐得住。這裡太冷了,不能再這樣下去。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_5')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/01A938EC-CCA3-4D7C-8821-2A99B15F903C.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.6);"></div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「…………不用管我………」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_6')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/7DAFDA5B-C4AC-414C-83F1-76506680342D.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 標題 --> <div style=" position:absolute; top:22%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> </div> <!-- 內容 --> <div style=" position:absolute; top:12%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.15); border-radius:14px; text-shadow:0 0 6px black; "> 允禮出門外脫下外衣,在雪地上打滾,默默回到甄嬛身旁擁抱住她,想幫助甄嬛降溫 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene5_7')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:25px; cursor:pointer; text-shadow:0 0 6px black; "> 繼續 </button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/7DAFDA5B-C4AC-414C-83F1-76506680342D.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 甄嬛:「你在做什麼……這樣會受寒…不行……這樣不合規矩……」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_8')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/7DAFDA5B-C4AC-414C-83F1-76506680342D.png"> <div class="scene-overlay"></div> <div class="scene-title">做出選擇</div> <div class="choice-wrap"> <div class="choice-title">請扮演甄嬛做出選擇</div> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_9a')"> A:繼續接受果郡王的擁抱(與果郡王關係變得曖昧) </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_9b')"> B:保持距離(顧及分寸,不失倫理) </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/7DAFDA5B-C4AC-414C-83F1-76506680342D.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <div class="dialogue-box"> <div class="nameplate">果郡王</div> <div class="dialogue-text"> 果郡王:「命重要,還是規矩重要?」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_9')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/DDCC5725-2D0D-4A5A-81E1-019D12A0133C.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_10')">繼續</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:44%;"> <div class="dialogue-text" style="text-align:center;"> 甄嬛沒有推開果郡王。 那一刻,兩人之間的情意悄然越過了界線, 關係也逐漸變得曖昧起來。 </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/9D4E0F95-5A65-46E5-96C2-6E133B52376D.jpeg"> <div class="scene-overlay" style="background: rgba(0,0,0,0.6);"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_10')">繼續</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:44%;"> <div class="dialogue-text" style="text-align:center;"> 甄嬛輕輕退開一步,仍守住彼此之間的分寸。 雖然心中波瀾未平,卻也未讓情感越過倫理的界線。 </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/7DAFDA5B-C4AC-414C-83F1-76506680342D.png"> <div class="scene-overlay"></div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「允禮……你不該為我做到這樣;你頻繁出現在這,你會有麻煩的。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_11')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/7DAFDA5B-C4AC-414C-83F1-76506680342D.png"> <div class="scene-overlay"></div> <!-- 標題 --> <div class="scene-title">請做出選擇</div> <!-- 心境提示 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> (心中微亂)「此刻……我是否該放任自己片刻?」 </div> </div> <!-- 選項 --> <div class="choice-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene_guojun2_A')"> A:放鬆依靠(與果郡王情感更靠近) </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene_guojun2_B')"> B:收回距離(維持界線) </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/DDCC5725-2D0D-4A5A-81E1-019D12A0133C.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.6);"></div> <div class="dialogue-box"> <div class="nameplate">果郡王</div> <div class="dialogue-text"> 「現在連命都顧不上,還想那些?」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_12')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/969EED46-695D-4245-8DE1-C087FC6D2D30.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_13')">繼續</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:44%;"> <div class="dialogue-text" style="text-align:center;"> 甄嬛沒有退開。 她在這一刻,短暫地放下了所有束縛。 果郡王的溫度,讓兩人的距離悄然拉近。 </div> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/F1C41BB2-60FA-498A-BF2A-79D12EE29F10.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_13')">繼續</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:44%;"> <div class="dialogue-text" style="text-align:center;"> 甄嬛輕輕退開一步。 她選擇將情感壓在心底,守住應有的分寸。 兩人之間,仍留有一線距離。 </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/6854A1AE-CC5B-428F-A416-EFB309E62C38.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.6);"></div> <div class="dialogue-box"> <div class="nameplate">果郡王</div> <div class="dialogue-text"> 「等你好了,再說這些。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_14')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/6854A1AE-CC5B-428F-A416-EFB309E62C38.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.1);"></div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 甄嬛:(微弱)「允禮。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene5_15')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/CBECCB05-906B-4B31-8AEB-539994DDCE41.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 標題 --> <div style=" position:absolute; top:22%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> </div> <!-- 內容 --> <div style=" position:absolute; top:12%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.2); border-radius:14px; text-shadow:0 0 6px black; "> 「雪夜之中,兩人之間的距離悄然改變。」 </div> <div class="petals"> <div class="petal" style="left:10%; animation-duration:8s;">🌸</div> <div class="petal" style="left:25%; animation-duration:11s;">🌸</div> <div class="petal" style="left:40%; animation-duration:9s;">🌸</div> <div class="petal" style="left:60%; animation-duration:12s;">🌸</div> <div class="petal" style="left:75%; animation-duration:10s;">🌸</div> <div class="petal" style="left:90%; animation-duration:13s;">🌸</div> </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene6')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:25px; cursor:pointer; text-shadow:0 0 6px black; "> 下一幕 </button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate"> 雍正</div> <div class="dialogue-text"> 「你還願意回來?」 </div> </div> <!-- 下一句 --> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_2')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3744.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 深色遮罩(稍微強一點營造氣氛轉變) --> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.55); "></div> <!-- 標題 --> <div style=" position:absolute; top:12%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> 熹妃回宮 </div> <!-- 內容 --> <div style=" position:absolute; top:22%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(255,223,150,0.6); border-radius:14px; text-shadow:0 0 6px black; "> 甄嬛為保護腹中果親王的孩子和病重的父親,設計冒險重回宮中。 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene6_1')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:25px; cursor:pointer; text-shadow:0 0 6px black; "> 開始 </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left " src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「臣妾有不得不回的理由。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_3')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate"> 雍正</div> <div class="dialogue-text"> (懷疑)「理由?」 </div> </div> <!-- 下一句 --> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_4')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate"> 雍正</div> <div class="dialogue-text"> 「當年的事,你還記得?」 </div> </div> <!-- 下一句 --> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_6')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left " src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「人活著,總要守住一些東西。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_5')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/D2A22922-6C0F-4346-9744-A615C68910DC.png"> <div class="scene-overlay" style="background: rgba(0,0,0,0.65);"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_10')">繼續</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:44%;"> <div class="dialogue-text" style="text-align:center;"> 甄嬛沒有回應皇上的情意。 她將心門緊閉,選擇維持距離。 兩人之間,依舊隔著無法跨越的裂痕。 </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <!-- 對話框 --> <div class="dialogue-box"> <div class="nameplate"> 雍正</div> <div class="dialogue-text"> 「你不恨朕?」 </div> </div> <!-- 下一句 --> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_8')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left " src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「記得。但臣妾還是回來了。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_7')">下一句</button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left " src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「恨過。但現在不重要了。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_9')">下一句</button> </div> </div>
<div class="scene-bg"> <!-- 背景 --> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3727.jpeg"> <div class="scene-overlay"></div> <!-- 標題 --> <div class="scene-title">請做出選擇</div> <!-- 人物(甄嬛主導) --> <div class="characters"> <img class="char left " src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <!-- 心境 --> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> (心中掙扎)「這一切……我是否還能再信他一次?」 </div> </div> <!-- 選項 --> <div class="choice-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene_reconcile_A')"> A:原諒皇上(兩人暫時關係緩和) </button> <button class="choice-btn" onclick="SugarCube.Engine.play('scene_reconcile_B')"> B:不原諒(距離仍有隔閡) </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/0B0EBB9F-D3C2-40CF-9470-C561D7534BCF.png"> <div class="scene-overlay"></div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_10')">繼續</button> </div> <div class="scene-title">選擇結果</div> <div class="dialogue-box" style="top:44%;"> <div class="dialogue-text" style="text-align:center;"> 甄嬛輕輕放下心中的防備。 她選擇暫時原諒皇上。 兩人之間的關係,雖未回到從前,卻稍稍緩和。 </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/F5A30A07-1C77-41DD-84D9-85E6AE70F96A.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 下一步 --> <div style=" position:absolute; bottom:12%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene6_13')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:40px; cursor:pointer; text-shadow:0 0 6px black; "> 感謝觀賞 </button> </div> </div>
<div class="scene-bg"> <img class="bg" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3777.jpeg"> <div class="scene-overlay"></div> <!-- 人物 --> <div class="characters"> <img class="char left " src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3737.png"> <img class="char right active" src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3736.png"> </div> <div class="dialogue-box"> <div class="nameplate">甄嬛</div> <div class="dialogue-text"> 「為了活,也為了該活的人。臣妾會做該做的事。」 </div> </div> <div class="next-btn-wrap"> <button class="choice-btn" onclick="SugarCube.Engine.play('scene6_11')">下一句</button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/BE875526-8194-42C1-929F-6FF0F6938452.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 標題 --> <div style=" position:absolute; top:22%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> </div> <!-- 內容 --> <div style=" position:absolute; top:2%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(255,223,150,0.6); border-radius:14px; text-shadow:0 0 6px black; "> 「甄嬛回宮後,不再執著於君心,利用自己的優勢一步步掌控局勢,最終邁向太后之位。」 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:22%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene6_12')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:25px; cursor:pointer; text-shadow:0 0 6px black; "> 繼續 </button> </div> </div>
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; color:white; font-family: serif;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/9E47EDF8-4E73-4A88-80BF-2F8945860DD8.png" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 標題 --> <div style=" position:absolute; top:2%; width:100%; text-align:center; font-size:48px; letter-spacing:6px; text-shadow:0 0 12px black, 0 0 24px black; "> 未完待續 </div> <!-- 內容 --> <div style=" position:absolute; top:12%; left:50%; transform:translateX(-50%); width:60%; padding:24px 30px; text-align:center; font-size:30px; line-height:1.9; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.15); border-radius:14px; text-shadow:0 0 6px black; "> 想知後續如何,且待下回分曉。 </div> <!-- 下一步 --> <div style=" position:absolute; bottom:12%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene1')" style=" padding:12px 28px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:10px; color:white; font-size:35px; cursor:pointer; text-shadow:0 0 6px black; "> 再來一次遊戲 </button> </div> </div
<div style="position: relative; width: 100%; height: 100vh; overflow:hidden; font-family: serif; color:white;"> <!-- 背景 --> <img src="https://raw.githubusercontent.com/901205marcus/Hsvbsh/main/IMG_3730.jpeg" style=" width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; "> <!-- 遮罩 --> <div style=" position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); "></div> <!-- 花瓣 --> <div class="petals"> <div class="petal" style="left:10%; animation-duration:8s;">🌸</div> <div class="petal" style="left:25%; animation-duration:11s;">🌸</div> <div class="petal" style="left:40%; animation-duration:9s;">🌸</div> <div class="petal" style="left:60%; animation-duration:12s;">🌸</div> <div class="petal" style="left:75%; animation-duration:10s;">🌸</div> <div class="petal" style="left:90%; animation-duration:13s;">🌸</div> </div> <!-- 標題 --> <div style=" position:absolute; top:15%; width:100%; text-align:center; font-size:44px; font-weight:bold; letter-spacing:6px; text-shadow:0 0 10px black, 0 0 20px black; "> 關於作品 </div> <!-- 內容框 --> <div style=" position:absolute; top:32%; left:50%; transform:translateX(-50%); width:65%; padding:28px 36px; background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.25); border-radius:14px; font-size:22px; line-height:1.9; text-shadow:0 0 6px black; "> 本作品改編自《甄嬛傳》,以宮廷權謀與人物情感為核心, 將原有劇情轉化為互動式敘事體驗。<br><br> 玩家將透過不同選擇,影響甄嬛在後宮中的命運, 包含權力、情感與生存之間的抉擇。<br><br> 每一次決定,都可能改變角色關係與故事走向, 體驗不同結局的可能性。 試播集故事大綱 甄嬛傳-故事改編 分工: 文本:王志勤、陳溢斌 簡報:劉宜芩 、邱立瑄 UI:李明理 </div> <!-- 返回按鈕 --> <div style=" position:absolute; bottom:12%; width:100%; text-align:center; "> <button onclick="SugarCube.Engine.play('scene1')" style=" padding:10px 24px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.35); border-radius:10px; color:white; font-size:26px; cursor:pointer; text-shadow:0 0 6px black; "> 返回主選單 </button> </div> </div>