JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div id="start"><img src="media/img/floodlogo.png" width="100%"></div> <div id="indextext"><div class="animate__animated animate__zoomIn animate__delay-1s animate__slow"><img src="media/img/NoOneCouldEscapeWhileItComming.png" width="100%"></div> <div class="animate__animated animate__fadeInUp animate__delay-2s animate__slow"><span id="noIcon"><a href="https://3zhiyu.github.io/flood/transfer.html" target="_blank"><img src="media/img/button.png" width="220px"></a></span> <span id="noIcon"><a href="https://3zhiyu.github.io/flood/Notes.html"><img src="media/img/talkbtn.png" width="220px"></a></span> <span id="noIcon"><a href="https://3zhiyu.github.io/flood/Credits.html"><img src="media/img/creditbtn.png" width="220px"></a></span></div>
/*預載圖片*/ <<preload 'media/img/floodBG.jpg' 'media/img/floodlogo.png' 'media/img/textbg.jpg' 'media/img/button.png' 'media/img/talkbtn.png' 'media/img/ch1people1.png' 'media/img/creditbtn.png'>>
@media screen and (max-device-width: 768px){ /* CSS內容 */ } /*********************************************************************** BLEACHED - A largely white style for SugarCube ≥v2.25.0 ***********************************************************************/ body { color: #111; background-color: #fff; } a { color: #35c; } a:hover { color: #57e; } span.link-disabled { color: #777; } button { color: #111; background-color: #acf; border-color: #8ad; } button:hover { background-color: #8ad; border-color: #68b; } button:disabled { background-color: #ccc; border-color: #aaa; } input, select, textarea { color: #111; border-color: #ccc; } input:not(:disabled):focus, select:not(:disabled):focus, textarea:not(:disabled):focus, input:not(:disabled):hover, select:not(:disabled):hover, textarea:not(:disabled):hover { background-color: #ddd; border-color: #111; } hr { border-color: #111; } .error-view { background-color: #eaa; border-left-color: #d77; } .error-view > .error-source:not([hidden]) { background-color: rgba(255, 255, 255, 0.2); } #ui-bar { background-color: #eee; border-color: #ccc; } #ui-bar hr { border-color: #ccc; } #ui-bar-toggle, #ui-bar-history [id|="history"] { color: #111; border-color: #ccc; } #ui-bar-toggle:hover, #ui-bar-history [id|="history"]:hover { background-color: #ddd; border-color: #111; } #ui-bar-history [id|="history"]:disabled { color: #ccc; background-color: transparent; border-color: #ccc; } #menu ul { border-color: #ccc; } #menu li:not(:first-child) { border-top-color: #ccc; } #menu li a { color: #111; } #menu li a:hover { background-color: #ddd; border-color: #111; } /* Default dialog styling */ #ui-overlay { background-color: #777; } #ui-dialog-titlebar { background-color: #ccc; } #ui-dialog-close:hover { background-color: #b44; border-color: #a33; } #ui-dialog-body { background-color: #fff; border-color: #ccc; } #ui-dialog-body hr { background-color: #ccc; } /* List-based dialog styling */ #ui-dialog-body.list li:not(:first-child) { border-top-color: #ccc; } #ui-dialog-body.list li a { color: #111; } #ui-dialog-body.list li a:hover { background-color: #ddd; border-color: #111; } /* Saves dialog styling */ #ui-dialog-body.saves > *:not(:first-child), #ui-dialog-body.saves tr:not(:first-child) { border-top-color: #ccc; } #ui-dialog-body.saves .empty { color: #777; } /* Settings dialog styling */ #ui-dialog-body.settings button[id|="setting-control"] { color: #111; border-color: #ccc; } #ui-dialog-body.settings button[id|="setting-control"]:hover { background-color: #ddd; border-color: #111; } #ui-dialog-body.settings button[id|="setting-control"].enabled { background-color: #9e9; border-color: #7c7; } #ui-dialog-body.settings button[id|="setting-control"].enabled:hover { background-color: #7c7; border-color: #5a5; } /* Debug bar styling */ #debug-bar, #debug-bar-toggle, #debug-bar-watch { background-color: #eee; border-color: #ccc; } #debug-bar-watch div { color: #777; } #debug-bar-toggle, #debug-bar-watch-toggle, #debug-bar-views-toggle { color: #111; border-color: #ccc; } #debug-bar-toggle:hover, #debug-bar-watch-toggle:hover, #debug-bar-views-toggle:hover { background-color: #ddd; border-color: #111; } #debug-bar-watch:not([hidden]) ~ div #debug-bar-watch-toggle, html[data-debug-view] #debug-bar-views-toggle { background-color: #9e9; border-color: #7c7; } #debug-bar-watch:not([hidden]) ~ div #debug-bar-watch-toggle:hover, html[data-debug-view] #debug-bar-views-toggle:hover { background-color: #7c7; border-color: #5a5; } /* Debug view styling */ html:not([data-debug-view]) #debug-view-toggle { color: #111; border-color: #ccc; } html:not([data-debug-view]) #debug-view-toggle:hover { background-color: #eee; border-color: #111; } html[data-debug-view] #debug-view-toggle { background-color: #9e9; border-color: #7c7; } html[data-debug-view] #debug-view-toggle:hover { background-color: #7c7; border-color: #5a5; } html[data-debug-view] .debug { background-color: #dc9; } html[data-debug-view] .debug.hidden, html[data-debug-view] .debug.hidden .debug { background-color: #bbb; }
<body> <div id="story"> <div id="passages"> <div id="a-passage-name" class="passage">...</div> </div> </div> </body>
鮐窩灣大水
<<timed 4s t8n>>@@color:DarkSlateGray;<span class="lightword">本遊戲推薦使用電腦平台Chrome、Firefox、Edge等瀏覽器執行</span>@@<</timed>>