[บัานพักหมายเลข 19] บอร์ดรายชื่อสมาชิกภายในบ้าน
แก้ไขครั้งสุดท้ายโดย Axel เมื่อ 2025-8-5 08:44 <br /><br /><style type="text/css">
body {
overflow-x: hidden;
margin: 0;
padding: 0;
}
#boxTyche {
border-radius: 5px;
border: 2px solid #493e21;
padding: 3px;
box-shadow: #fffdf1 0px 0px 10px;
background-image: linear-gradient(rgba(113, 58, 10,0.0), rgba(68, 34, 5,0.0)), url("https://images-ext-1.discordapp.net/external/0NOID85hW12vK_FM-PawAVF2OOL2DT-iifRUwDltJ-M/%3F1648270967/https/cdna.artstation.com/p/assets/images/images/047/721/562/large/rage4me-cyberpunk-2077-city-scenes-02-07.jpg?format=webp&width=1118&height=629");
}
</style>
<div id="boxTyche">
<br><div align="center" style="margin: 0px; padding: 0px; overflow-wrap: break-word; list-style-type: none; font-family: Verdana, Helvetica, sans-serif;">
<font color="#444444" style="font-size: 14px;"><img src="https://i.imgur.com/kWSLGQL.png" width="480" border="0"></font><br><div align="center" style="list-style-type: none;"><br></div><div align="center" style="list-style-type: none;"><font style="" size="3" color="#dbca76"><b style="background-color: black;">***คลิ๊กที่แฟ้มข้อมูลเพื่ออ่าน***</b></font></div><div style="font-size: 14px; color: rgb(68, 68, 68);"><br></div>
<div class="cd23-prisoner">
<div role="bckg"><img src="https://i.postimg.cc/L5HZQ8gb/image-2025-07-20-051011717.png"></div>
<div role="borders"><i></i><i></i><i></i><i></i></div>
<details role="button">
<summary>
<b>the Member</b>
<i>Son of Tyche /// Power of fate</i>
<div role="description" style="text-align: left;">
<i>BACKGROUND</i><br>
<font face="Kanit">
<font size="2">
ในช่วงเวลาสั้นๆที่เป็นเสมือนความฝัน..นิโคไล มาเฟียผู้ทรงอิทธิพลแห่งเซนต์ปีเตอร์สเบิร์ก พ่ายแพ้ต่อความงามและสเน่ห์อันลึกลับของสตรีผู้หนึ่ง ไม่มีใครบอกได้ว่าช่วงเวลาเหล่านั้นคือพรจากสวรรค์ หรือคำสาปที่ผูกมัดหัวใจของนิโคไลจนไม่สามารถเปิดรับใครได้อีก..และดาชิ บุตรชายของนางกับนิโคไลคือสิ่งเดียวที่นางทิ้งไว้ให้กับเขา หลังจากที่ช่วงเวลาแห่งความฝันผ่านพ้นไป<br><br>
แม้จะเป็นบุตรนอกสมรส แต่ดาชิก็ถูกเลี้ยงดูในฐานะ <font color="#af8e08">“ทายาท”</font> ไม่ใช่เพราะเป็นบุตรคนโต แต่เพราะหัวใจ — นิโคไลไม่เคยลืมหญิงสาวที่ท้าทายเขาและจุดประกายโลกสีเทาให้สว่างไสว แต่อย่างไรก็ตามสำหรับดาชิ ความรู้สึกของพ่อมันไม่ใช่ของเขาแต่เป็นของเงาของแม่ ของสตรีใจร้ายที่ทอดทิ้งเขาให้ผจญกับอันตรายเพียงลำพัง<br><br>
แต่ความรักของพ่อก็ไม่ใช่เกราะกำบังจากทุกสิ่ง…ในคฤหาสน์หลังงามที่ตั้งตระหง่านเหนือหิมะของเซนต์ปีเตอร์สเบิร์ก เย็นเฉียบไม่ต่างจากน้ำเสียงของอิริน่า ภรรยาหลวงของนิโคไล และมารดาของ <font color="#af8e08">“ดมิทรี” </font>ลูกชายคนโตตามกฎหมาย สายตาของหล่อนจับจ้องมาที่ลูกเลี้ยงเสมอ เพื่อลงทัณฑ์...<br><br>
สำหรับอิริน่า ดาชิคือเสี้ยนหนาม คือมลทิน คือเด็กที่ไม่ควรมีตัวตน และสำหรับดมิทรี เขาคือคู่แข่งที่ต้องถูกลบออกจากกระดาน ไม่ว่าจะด้วยวิธีใดก็ตาม<br><br>
เพื่อเอาตัวรอดในบ้านที่ทุกคำพูดคือคมมีด ทุกรอยยิ้มคือกับดัก ดาชิจึงเรียนรู้ที่จะไม่พลาดแม้แต่ก้าวเดียว เขาเติบโตด้วยสัญชาตญาณของผู้ล่าแต่สวมหน้ากากของเนื้อทราย ทำทุกอย่างให้ไร้ที่ติ ไม่เปิดช่องให้ใครจับผิดได้ — โดยเฉพาะ <font color="#af8e08">“หล่อน”</font> ที่จ้องจะผลักเขาให้ออกจากเกมเสมอ<br><br>
หลายครั้งที่การถูกวางยา รถเบรกขัดข้อง หรือเหตุ <font color="#af8e08">“บังเอิญ”</font> แปลกประหลาดเกิดขึ้นกับเขา แต่โชคดี — หรือบางทีอาจไม่ใช่แค่โชค — เขารอดมาได้ทุกครั้ง<br><br>
ในโลกของการชิงอำนาจ ที่ซึ่งสายเลือดไม่รับประกันเยื่อใจ และความรักอาจเป็นเหรียญที่มีราคามากเกินควร ดาชิเรียนรู้ที่จะเป็นผู้เล่นที่ไม่ต้องพึ่งโชค — เพราะเขาคือโชค และวันหนึ่ง... กระดานนี้จะต้องเป็นของเขา<br><br>
<i>PERSONALITY</i><br>
เขาคือบุรุษผู้เดินหมากทุกตาในชีวิตราวกับเกมกระดาน ไม่มีการเคลื่อนไหวใดที่เกิดขึ้นโดยไร้การคำนวณ ไม่มีคำพูดใดที่หลุดจากริมฝีปากโดยปราศจากเหตุผล แผนคือสิ่งศักดิ์สิทธิ์ และความสมบูรณ์แบบคือศรัทธาที่เขาเชื่อมั่นไม่ต่างจากลมหายใจ<br><br>
เขาไม่ชอบเซอร์ไพรส์ — เพราะความประหลาดใจคือสิ่งแปลกปลอมในโลกที่เขาปั้นแต่งขึ้นด้วยมือของตนเอง ทว่าโชคชะตา... กลับมิใช่ศัตรูของเขา หากแต่เป็นสหายสนิท ราวกับถือกำเนิดมาพร้อมรอยยิ้มของเทพีไทคี <br><br>
ภายนอก เขาอาจดูนุ่มนวล สุภาพ เรียบร้อยดั่งสายน้ำไหลเอื่อยที่ไม่เคยไหลเชี่ยว เสียงหัวเราะที่แผ่วเบา จังหวะที่เอื่อยๆ ไม่รีบร้อน <br><br>
หากแต่ภายใต้ความสงบเงียบนั้นคือพายุ...<br><br>
ความบ้าบิ่นที่ถูกลับคมด้วยเหตุผล ความกล้าที่ผูกปมด้วยสติ เขารู้ดีว่า ตราบใดที่ <font color="#af8e08">“ความเป็นไปได้”</font> ยังไม่เท่ากับศูนย์ — ไม่ว่าจะบางเบาเพียงใด — โอกาสก็ยังเป็นของเขาเสมอ<br><br>
ในเกมที่โลกทั้งใบคือกระดาน เขาคือผู้เล่นที่มองทะลุทุกตาเดิน ไม่ต้องอ้อนวอนโชคชะตา เพราะเขารู้ว่า เทพแห่งโชคจะไม่ทิ้งเขาเป็นครั้งที่สอง... และเขาไม่เคยลังเลเลยสักครั้ง
</font> <br><br>
</font>
</div>
</summary>
</details>
<div role="characters">
<details role="switch">
<summary>
<div role="header" style="--_pj:#873159;">
<b>Aexel Mikailov</b>
</div>
<div role="header" style="--_pj:#653187;">
<b>"Call it luck if you want. I prefer... calculated inevitability"</b>
</div>
</summary>
</details>
<div role="character" style="--_pj:#873159;">
<div role="env">
<div role="image"><img src="https://i.postimg.cc/cJPrCqJs/image-2025-07-23-063846432.png"></div>
<div role="box">
<div role="box-header">ID: Member</div>
<div role="text" style="text-align: left;">
<font face="Kanit">
<font size="2">"To me luck is like a loaded gun—never random, always aimed"</font>
</font>
</div>
</div>
<div role="progress" style="--bar:70%;--message:'current stress level: 70% // erratic';">
<b></b>
</div>
<div role="data">
<span><b>AKA:</b>
<font face="Kanit">
<font size="2"><i>Dashi, Axa</i></font>
</font>
</span>
<span><b>Birth:</b>
<font face="Kanit">
<font size="2"><i>1 JAN 2008</i></font></font></span>
<span><b>Blood Type:</b>
<font face="Kanit">
<font size="2"><i>AB+</i></font>
</font>
</span>
<span><b>Nationality:</b>
<font face="Kanit">
<font size="2"><i>Russian<br><br><br><br></i></font></font></span>
<span><b>status:</b>
<font face="Kanit">
<font size="2"><i>SIngle<br><br><br><br></i></font></font></span>
<span><b>Height:</b>
<font face="Kanit">
<font size="2"><i>186 cm</i></font></font></span>
<span><b>MBTI:</b>
<font face="Kanit">
<font size="2"><i>INTJ</i></font></font></span>
</div>
</div>
</div>
</div> </div>
<br><br>
<div class="prisoner-container" style="font-size: 14px; color: rgb(68, 68, 68);">
<div class="cd23-prisoner">
<div role="bckg"><img src="https://i.postimg.cc/L5HZQ8gb/image-2025-07-20-051011717.png"></div>
<div role="borders"><i></i><i></i><i></i><i></i></div>
<details role="button">
<summary>
<b>The NPC</b>
<i>daughter of Tyche /// Power of fate</i>
<div role="description" style="text-align: left;">
<i>BACKGROUNG</i>
<br><br>
<font face="Kanit">
<font size="2">ลูซีนเกิดและเติบโตในเมืองมาเก๊า ท่ามกลางบ้านที่ดูเรียบง่ายแต่แฝงอำนาจทางสังคม — เธอคือบุตรสาวเพียงคนเดียวของ ฟู่เหยียนจวิ้น ทนายความชื่อดังผู้ไม่เคยแพ้คดีใหญ่สักครั้ง ราวกับฟ้าลิขิตให้เขาชนะ แม้หลักฐานจะดูไม่เข้าข้างเขาเลยก็ตาม<br><br>
แต่ในความเป็นจริง... โชคเหล่านั้นไม่ใช่เรื่องบังเอิญ<br><br>
ตั้งแต่เล็ก เธอเป็นเด็กเงียบเกินวัย ไม่ร้องงอแง ไม่ถามซอกแซก แต่จะนั่งฟังผู้ใหญ่เถียงกันเรื่องคดีด้วยสีหน้าเรียบนิ่ง เด็กคนอื่นอาจสนใจของเล่น แต่เธอกลับชอบดูพ่อเขียนบันทึกคดี จัดเอกสาร <br><br>
ในวัยห้าขวบ ลูซีนเคยดึงแขนพ่อไว้ก่อนเขาจะขับรถออกจากบ้านตอนกลางคืน เพียงพูดว่า <br><font color="#8f4a0a">“วันนี้ไม่ควรไปค่ะ”</font><br><br>
ในคืนนั้น สถานที่ที่พ่อนัดคนเอาไว้เกิดไฟไหม้ — พ่อของเธอรอดมาเพราะ เปลี่ยนใจในวินาทีสุดท้าย<br><br>
ตั้งแต่นั้นมา เขาไม่เคยลังเลที่จะฟังเสียงลูกสาว แม้เธอจะพูดเพียงไม่กี่คำ<br><br>
ลูซีนเข้าเรียนที่ The International School of Macau ตั้งแต่อายุ 6 ขวบ เธอเป็นนักเรียนประเภทที่คุณครูมักลืมว่าอยู่ในห้อง — ไม่ใช่เพราะไม่เด่น แต่เพราะเธอ <font color="#8f4a0a">“ไม่มีปัญหา”</font> เธอไม่ได้เก่งที่สุดในห้องแบบฉูดฉาด แต่คะแนนของเธออยู่ในอันดับเลขตัวเดียว อย่างมั่นคง<br><br>
ตอนอายุ 14 เด็กสาวเริ่มสังเกตเห็นสิ่งแปลกๆ ช่วงนั้นเองที่เธอถูกตามตัวโดย ผู้นำทางจากค่ายฮาฟบลัด — เซเทอร์ที่อ้างว่าเธอเป็นธิดาของเทพเจ้า และโชคดีแค่ไหนที่เขาไปเจอเธอทัน เพราะมีบางอย่าง <font color="#8f4a0a">“ล่า”</font> เด็กครึ่งเทพที่ยังไม่ตื่นรู้พลังของตัวเองดี<br><br>
ตอนแรกเธอไม่เชื่อ ไม่โวยวาย ไม่หนี แต่เธอถามคำเดียวว่า<br><br>
<font color="#8f4a0a">“มีแผนการเดินทางพร้อมรายละเอียดให้ฉันดูไหม?”</font><br><br>
ลูซีนเดินทางมายังอเมริกา — ประเทศที่เธอไม่เคยอยู่ แต่กลับเตรียมตัวได้เหมือนวางแผนล่วงหน้ามาแล้ว เธอเข้าสู่ค่ายฮาฟบลัดด้วยความสงบนิ่ง
ไม่ได้ตื่นเต้น ไม่กังวล แต่เฝ้ามองทุกอย่างอย่างเงียบงัน ก่อนจะเริ่มจัดหมวดข้อมูลในหัวว่าต้องรับมือกับอะไร<br><br>
<i>PERSONALITY</i><br>
ผู้ที่มองโลกด้วยสายตาเฉียบคม ราวกับสามารถอ่านเส้นด้ายแห่งโชคชะตาได้ทีละเส้นโดยไม่ต้องพึ่งพาปาฏิหาริย์หรือคำอวยพรจากสวรรค์ — นั่นคือลูซีน ฟู่ เด็กสาววัยสิบห้าจากมาเก๊าผู้เงียบสงบและสุขุมเกินวัย<br><br>
เธอไม่ใช่คนที่ดึงดูดความสนใจ แต่กลับเป็นคนที่ใคร ๆ มักหันมองหาเมื่อสถานการณ์เริ่มสั่นคลอน ลูซีนเป็นคนเรียบร้อย ละเอียด และรอบคอบอย่างที่สุด ทุกสิ่งในกระเป๋าของเธอล้วนมีเหตุผล ไม่ใช่เพื่อประโยชน์ของตัวเองเสมอไป แต่อาจเพื่อใครสักคนที่ยังไม่รู้ด้วยซ้ำว่าจะต้องการมันในอีกไม่กี่นาทีข้างหน้า<br><br>
เธอมีสัญชาตญาณบางอย่าง — ไม่ใช่ญาณทิพย์ของเทพ แต่คือความไวต่อ <font color="#8f4a0a">“จังหวะของโลก”</font> ที่แนบเนียนและลึกซึ้ง เธอรู้ว่าเมื่อใดควรพูด และเมื่อใดที่ความเงียบจะปลอบโยนได้มากกว่า คำพูดของเธอไม่ใช่การแสดงออก หากแต่เป็นเครื่องมือเพื่อให้สิ่งต่าง ๆ เคลื่อนไปในทิศทางที่ควรจะเป็น<br><br>
แม้จะเป็นธิดาของเทพีแห่งโชคลาภ ลูซีนกลับไม่เคยปล่อยตัวให้ลอยไปกับดวง เธอเชื่อว่าโชคไม่ใช่สิ่งที่ควรรอคอย แต่เป็นสิ่งที่สามารถค่อย ๆ เปลี่ยนแปลงได้หากเตรียมพร้อมพอ<br><br>
ภายใต้ท่าทีสงบนิ่ง เธอเก็บทุกอย่างไว้ข้างใน — ไม่ใช่เพราะไม่รู้สึก แต่เพราะไม่อยากเป็นภาระของใคร ลูซีนรับผิดชอบมากกว่าที่ใครจะรู้ และไม่เคยบ่นเมื่อถูกมองข้าม เพราะสำหรับเธอ <font color="#8f4a0a">“การไม่เป็นที่สังเกต” </font>คือข้อได้เปรียบที่ทำให้เธอช่วยเหลือผู้อื่นได้ดีที่สุด</font>
</font>
</div>
</summary>
</details>
<div role="characters">
<details role="switch">
<summary>
<div role="header" style="--_pj:#873159;">
<b>Lucine Fu</b>
</div>
<div role="header" style="--_pj:#653187;">
<b>“My silence doesn't mean I have nothing to say; it means I choose when to speak.”</b>
</div>
</summary>
</details>
<div role="character" style="--_pj:#873159;">
<div role="env">
<div role="image"><img src="https://i.postimg.cc/zBq1yZqB/image-2025-08-05-072534080.png"></div>
<div role="box">
<div role="box-header">ID: NPC</div>
<div role="text" style="text-align: left;">
<font face="Kanit">
<font size="2">“I don't need to stand out; I just need to make sure nothing falls apart.”</font>
</font>
</div>
</div>
<div role="progress" style="--bar:70%;--message:'current stress level: 70% // erratic';">
<b></b>
</div>
<div role="data">
<span><b>AKA:</b>
<font face="Kanit">
<font size="2"><i>ฟู่หรูอี้ (富如意)</i></font>
</font>
</span>
<span><b>Birth:</b>
<font face="Kanit">
<font size="2"><i>9 SEP 2010</i></font>
</font>
</span>
<span><b>Blood Type:</b>
<font face="Kanit">
<font size="2"><i>A+</i></font></font></span>
<span><b>Nationality:</b>
<font face="Kanit">
<font size="2"><i>Chinese<br><br><br><br></i></font>
</font>
</span>
<span><b>status:</b>
<font face="Kanit">
<font size="2"><i>Single<br><br><br><br></i></font></font></span>
<span><b>Height:</b>
<font face="Kanit">
<font size="2"><i>162 cm</i></font></font></span>
<span><b>MBTI:</b>
<font face="Kanit">
<font size="2"><i>ISTJ</i></font></font></span>
</div>
</div>
</div>
</div> </div>
<div class="prisoner-container">
<div class="cd23-prisoner">
<div role="bckg"><img src="https://i.postimg.cc/L5HZQ8gb/image-2025-07-20-051011717.png"></div>
<div role="borders"><i></i><i></i><i></i><i></i></div>
<details role="button">
<summary>
<b>The NPC</b>
<i>daughter of Tyche /// Power of fate</i>
<div role="description" style="text-align: left;">
<i>BACKGROUNG</i>
<br><br>
<font face="Kanit">
<font size="2">คาเรน ริทซ์ หรือชื่อเก่าก่อนโกอินเตอร์คือ ดวงแข จิตวิริยะ สาว<font color="Sienna">(เหลือ)</font>น้อยจากจังหวัดนครราชสีมา แดนย่าโม ประเทศไทย สมัยสาว ๆ เธอเป็นคนสวยและค่อนข้างเนื้อหอม จนถูกยกย่องให้เป็น <font color="Sienna">"ธิดารำวงประจำหมู่บ้าน"</font> <br><br>
แขเป็นหญิงสาวผู้มีความทะเยอทะยาน ความฝันของเธอคือถูกหวย 60 ล้าน และได้เป็นเศรษฐี ถือจึงใช้ความชอบเป็นงานอดิเรก ล็อตเตอรี ไฮโล น้ำเต้าปูปลา ฯลฯ เธอเอาหมด<br><br>
ทว่าโชคของเธอดูจะหมดไปกับการช่วยป้องกันเธอให้ห่างไกลจากอสุรกาย ปีศาจร้ายได้กลิ่นของเธอ แต่เมื่อมันจะมาพุ่งทำร้ายกลับมีอะไรบางอย่างมาขัดขวางได้ตลอดทุกครั้ง และความตายถูกส่งคืนไปให้แก่อสูรเสียเองเหมือนในการ์ตูนทอมแอนด์เจอรี่ แขจึงไม่เคยถูกล็อตเตอรีรางวัลใหญ่อย่างที่ฝันไว้ แต่เธอหาทางรวยอย่างอื่นด้วยการแต่งงานกับเศรษฐีฝรั่งชาวสวิตเซอร์แลนด์<br><br>
ดวงแขย้ายไปอยู่ที่สวิตเซอร์แลนด์กับสามีจากนั้นจึงเปลี่ยนชื่อใหม่หลังแต่งงานเป็น คาเรน ริทซ์ ชีวิตของเธออยู่ดีมีความสุข เธอมีลูก 3 คน คนโตเป็นหมอ คนกลางเป็นทนายความ และคนเล็กเป็นสถาปนิก เธอมักจะชอบอวดลูกของเธอให้คนอื่นฟังไม่ว่าคู่สนทนาจะอยากทราบหรือไม่ก็ตาม<br><br>
เธอได้เข้ามาอยู่ในค่ายฮาล์ฟบลัดหลังสามีฝรั่งเสียชีวิตไปได้ไม่กี่ปี จากที่ถูกแซเทอร์ตนหนึ่งช่วยเหลือจากอสุรกาย <font color="Sienna">(ที่ไม่ต้องช่วยก็ได้)</font> แล้วเขาก็ชวนเธอมาอยู่ที่ค่ายฮาล์ฟบลัดเพราะใช้แค่ดวงเพียงอย่างเดียวอาจหลบการโจมต้ของอสุรกายไม่ได้ทุกครั้ง เธอจึงอาจเป็นเดมิก็อดที่อายุเยอะที่สุดก่อนมาค่ายฮาล์ฟบลัด<br><br>
<i>PERSONALITY</i><br>
คำว่า <font color="Sienna">"มนุษย์ป้า"</font> คงจำกัดความนิสัยของคาเรนได้ทั้งหมด เธอมักจะใช้ความอาวุโสของเธอแซงคิวเด็กในค่าย ทักคนอื่นว่าพักนี้อ้วนนะไปทำอะไรมา ถามคำถามส่วนตัวเช่นทำงานอะไร เงินเดือนเท่าไร เมื่อไรจะแต่งงาน แม้ออกจะน่ารำคาญไปสักหน่อย แต่ส่วนใหญ่นั่นมาจากความหวังดีของเธอ (?)</font>
</font>
</div>
</summary>
</details>
<div role="characters">
<details role="switch">
<summary>
<div role="header" style="--_pj:#873159;">
<b>Karen Rytz</b>
</div>
<div role="header" style="--_pj:#653187;">
<b>No one better than your MOM</b>
</div>
</summary>
</details>
<div role="character" style="--_pj:#873159;">
<div role="env">
<div role="image"><img src="https://i.imgur.com/O1qk6QN.png"></div>
<div role="box">
<div role="box-header">ID: NPC</div>
<div role="text">
<font face="Kanit">
<font size="2">“ลูกป้าน่ะ….<br><br> “ฉันอาบน้ำร้อนมาก่อน..”</font>
</font>
</div>
</div>
<div role="progress" style="--bar:70%;--message:'current stress level: 70% // erratic';">
<b></b>
</div>
<div role="data">
<span><b>AKA:</b>
<font face="Kanit">
<font size="2"><i> ดวงแข จิตวิริยะ, แข</i></font>
</font>
</span>
<span><b>Birth:</b>
<font face="Kanit">
<font size="2"><i>29 Feb 1964</i></font>
</font>
</span>
<span><b>Blood Type:</b>
<font face="Kanit">
<font size="2"><i>O</i></font>
</font>
</span>
<span><b>Nationality:</b>
<font face="Kanit">
<font size="2"><i>Thai<br><br><br><br></i></font>
</font>
</span>
<span><b>status:</b>
<font face="Kanit">
<font size="2"><i>Widow<br><br><br><br></i></font></font></span>
<span><b>Height:</b>
<font face="Kanit">
<font size="2"><i>N/A</i></font></font></span>
<span><b>MBTI:</b>
<font face="Kanit">
<font size="2"><i>N/A</i></font></font></span>
</div>
</div>
</div>
</div> </div>
</div></div>
<br><br></div>
<style type="text/css">BODY{background:url("https://i.imgur.com/tK7iKMY.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<style>
.prisoner-container {
display: flex;
gap: 20px; /* ช่องว่างระหว่างกล่อง */
flex-wrap: wrap; /* ถ้าพื้นที่ไม่พอจะขึ้นบรรทัดใหม่ */
justify-content: center; /* จัดกึ่งกลางในแนวนอน */
}
.cd23-prisoner {
width: var(--_width);
height: var(--_height);
--_height: 700px;
--_width: 500px;
clip-path: polygon(0% 0%, 50% 0, 53% 2.5%, 97% 2.5%, 100% 5%, 100% 97.5%, 97.5% 100%, 2.5% 100%, 0 97.5%);
position: relative;
isolation: isolate;
font: var(--_body-weight) var(--_body-size) var(--_body-family);
color: var(--_body-color);
display: flex;
justify-content: center;
align-items: center;
margin: 15px;
overflow: hidden;
}
.cd23-prisoner2 {
width: var(--_width);
height: var(--_height);
--_height: 700px;
--_width: 500px;
clip-path: polygon(0% 0%, 50% 0, 53% 2.5%, 97% 2.5%, 100% 5%, 100% 97.5%, 97.5% 100%, 2.5% 100%, 0 97.5%);
position: relative;
isolation: isolate;
font: var(--_body-weight) var(--_body-size) var(--_body-family);
color: var(--_body-color);
display: flex;
justify-content: center;
align-items: center;
margin: 15px;
overflow: hidden;
}
.cd23-prisoner br {
display: none;
}
.cd23-prisoner {
position: absolute;
z-index: -2;
width: 100%;
isolation: isolate;
height: 100%;
}
.cd23-prisoner img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: relative;
z-index: -3;
}
.cd23-prisoner :before,
.cd23-prisoner :after {
content: '';
position: absolute;
inset: 0;
}
.cd23-prisoner :before {
z-index: -1;
background: var(--_bckg-filter-c1);
mix-blend-mode: var(--_bckg-filter-e1);
}
.cd23-prisoner :after {
z-index: -2;
background: var(--_bckg-filter-c2);
mix-blend-mode: var(--_bckg-filter-e2);
}
.cd23-prisoner {
position: absolute;
z-index: -1;
inset: 10px;
pointer-events: none;
}
.cd23-prisoner :before {
content: '';
position: absolute;
z-index: 1;
background: var(--_borders);
height: 1px;
right: 2%;
top: 2.5%;
left: 52%;
}
.cd23-prisoner :after {
content: '';
position: absolute;
z-index: 0;
inset: 0;
clip-path: polygon(0% 0%, 49% 0, 52% 2.5%, 98% 2.5%, 100% 4.3%, 100% 98.2%, 98% 100%, 2.5% 100%, 0 98%);
box-shadow: inset 1px 0 var(--_borders), inset 1px 1px var(--_borders), inset 1px -1px var(--_borders), inset -1px 1px var(--_borders), inset -1px -1px var(--_borders);
}
.cd23-prisoner i {
background: var(--_borders);
position: absolute;
height: 1px;
z-index: 2;
}
.cd23-prisoner i:first-of-type {
left: calc(49% + 1.25px);
top: 0%;
width: calc(4% + 1px);
rotate: 45deg;
transform-origin: top left;
}
.cd23-prisoner i:nth-of-type(2) {
right: 1px;
top: calc(4.3% - 1px);
width: calc(3% - 1px);
rotate: 45deg;
transform-origin: bottom right;
}
.cd23-prisoner i:nth-of-type(3) {
right: -1%;
bottom: 0;
width: calc(3% - 1px);
rotate: -45deg;
transform-origin: bottom left;
}
.cd23-prisoner i:nth-of-type(4) {
left: 1.35px;
bottom: calc(2% - 2px);
width: calc(3% + 1px);
rotate: 45deg;
transform-origin: top left;
}
.cd23-prisoner summary {
list-style-type: none;
}
.cd23-prisoner {
width: fit-content;
max-height: calc(var(--_height) * 0.9);
max-width: 75%;
transition: all ease .6s, max-width ease 0.2s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 1%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cd23-prisoner summary {
min-height: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-grow: 0;
}
.cd23-prisoner summary {
height: 100%;
}
.cd23-prisoner {
top: 5.9%;
left: 5%;
transform: translateY(0%) translateX(0%);
max-width: 55%;
}
.cd23-prisoner b {
font: var(--_title-weight) var(--_title-size) var(--_title-family);
color: var(--_title-color);
text-transform: var(--_title-transform);
line-height: .8em;
display: block;
text-align: center;
margin-bottom: .15em;
transition: ease .3s;
white-space: pre;
letter-spacing: -0.05px;
cursor: crosshair;
}
.cd23-prisoner :where(:hover, ) b {
transform: skewX(-5deg);
}
.cd23-prisoner i {
font: var(--_mini-weight) var(--_mini-size) var(--_mini-family);
color: var(--_subtitle-color);
text-transform: var(--_mini-transform);
line-height: 1em;
display: block;
text-align: center;
background: var(--_subtitle-bckg);
padding: 3px 5px;
line-height: 1em;
border: var(--_subtitle-border);
cursor: crosshair;
}
.cd23-prisoner {
width: 100%;
max-height: 0;
box-sizing: border-box;
transition: all ease 1s;
margin-top: 0;
overflow: auto;
text-align: justify;
background: var(--_box);
outline: 0 solid var(--_box-border-c);
outline-offset: calc(var(--_box-border-w) * -1);
backdrop-filter: var(--_box-backdrop);
border: calc(var(--_box-border-w) + 15px) solid transparent;
border-block-width: 0;
border-right-width: calc(var(--_box-border-w) + 8px);
padding-right: calc(var(--_box-border-w) + 7px);
line-height: 1.2em;
flex-grow: 1;
}
.cd23-prisoner {
transition: all ease 1s, max-height 4s;
margin-top: 10px;
max-height: 800px;
height: 100%;
border-block-width: calc(var(--_box-border-w) + 15px);
outline: var(--_box-border-w) solid var(--_box-border-c);
}
.cd23-prisoner br {
display: inline;
}
.cd23-prisoner {
position: absolute;
width: calc(35% - 10px);
overflow: hidden;
height: calc(94% - 20px);
margin-top: 3%;
right: -100%;
transition: ease 1s;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 0;
gap: 5px;
}
.cd23-prisoner ~ {
right: 3.75%;
}
.cd23-prisoner {
background: var(--_name-bckg);
outline: var(--_box-border-w) solid var(--_box-border-c);
outline-offset: calc(var(--_box-border-w) * -1);
flex-shrink: 0;
backdrop-filter: var(--_box-backdrop);
}
.cd23-prisoner summary {
cursor: crosshair;
}
.cd23-prisoner {
padding: 10px;
text-align: center;
font: var(--_name-weight) var(--_name-size) var(--_name-family);
color: var(--_name-color);
text-transform: var(--_name-transform);
line-height: 1em;
}
.cd23-prisoner :nth-of-type(2) {
display: none;
}
.cd23-prisoner :first-of-type {
display: none;
}
.cd23-prisoner :nth-of-type(2) {
display: block;
}
.cd23-prisoner :nth-of-type(2) {
display: none;
}
.cd23-prisoner ~:nth-of-type(2) {
display: block;
}
.cd23-prisoner ~:first-of-type {
display: none;
}
.cd23-prisoner {
flex-grow: 1;
min-height: 0;
overflow: hidden;
}
.cd23-prisoner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
overflow: hidden;
min-height: 0;
gap: 5px;
height: 100%;
}
.cd23-prisoner {
height: 270px;
overflow: hidden;
position: relative;
isolation: isolate;
outline: var(--_box-border-w) solid var(--_box-border-c);
outline-offset: calc(var(--_box-border-w) * -1);
flex-shrink: 0;
}
.cd23-prisoner :before,
.cd23-prisoner :after {
content: '';
position: absolute;
inset: 0;
}
.cd23-prisoner :before {
z-index: -1;
background: var(--_bckg-filter-c1);
mix-blend-mode: var(--_bckg-filter-e1);
}
.cd23-prisoner :after {
z-index: -2;
background: var(--_bckg-filter-c2);
mix-blend-mode: var(--_bckg-filter-e2);
}
.cd23-prisoner img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: relative;
z-index: -3;
}
.cd23-prisoner {
min-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.cd23-prisoner {
overflow: auto;
text-align: justify;
background: var(--_box);
outline: var(--_box-border-w) solid var(--_box-border-c);
outline-offset: calc(var(--_box-border-w) * -1);
backdrop-filter: var(--_box-backdrop);
border: calc(var(--_box-border-w) + 15px) solid transparent;
border-right-width: calc(var(--_box-border-w) + 8px);
padding-right: calc(var(--_box-border-w) + 7px);
line-height: 1.2em;
min-height: 0;
}
.cd23-prisoner br {
display: inline;
}
.cd23-prisoner {
border: var(--_box-border-w) solid var(--_box-border-c);
border-bottom: 0;
padding: 5px;
text-align: right;
line-height: 1em;
backdrop-filter: var(--_box-backdrop);
background: var(--_box-header-bckg);
font: var(--_box-header-weight) var(--_box-header-size) var(--_box-header-family);
text-transform: var(--_box-header-transform);
color: var(--_box-header-color);
}
.cd23-prisoner {
overflow: auto;
text-align: justify;
background: var(--_box);
outline: var(--_box-border-w) solid var(--_box-border-c);
outline-offset: calc(var(--_box-border-w) * -1);
backdrop-filter: var(--_box-backdrop);
border: calc(var(--_box-border-w) + 15px) solid transparent;
border-right-width: calc(var(--_box-border-w) + 8px);
padding-right: calc(var(--_box-border-w) + 7px);
line-height: 1.2em;
min-height: 0;
font: var(--_mini-weight) var(--_mini-size) var(--_mini-family);
text-transform: var(--_mini-transform);
min-height: 80px;
}
.cd23-prisoner i {
font-style: normal;
font-weight: normal;
}
.cd23-prisoner b {
font-weight: var(--_mini-weight);
color: var(--_subtitle-color);
text-decoration: underline var(--_name-color);
}
.cd23-prisoner >span {
display: block;
}
.cd23-prisoner >span:not(:last-of-type) {
margin-bottom: .5em;
}
.cd23-prisoner b br {
display: block;
}
.cd23-prisoner *::-webkit-scrollbar {
width: var(--_scroll-w);
}
.cd23-prisoner *::-webkit-scrollbar-thumb {
background: var(--_scroll-c);
}
.ncredit {
width: 400px;
text-align: center;
margin: -10px auto 15px;
display: block;
font-size: 10px;
text-decoration: none;
font: 8px verdana;
color: #888;
}
.cd23-prisoner+br+.ncredit {
margin-top: -33px;
}
.ncredit:before {
content: "©";
}
.cd23-prisoner,
.cd23-prisoner *,
.cd23-prisoner *::before,
.cd23-prisoner *::after {
--_accent: #aa8722;
--_borders: white;
--_box: rgba(0, 0, 0, 0.5);
--_box-border-w: 1px;
--_box-border-c: rgba(255, 255, 255, 0.5);
--_box-backdrop: blur(5px);
--_scroll-w: 1px;
--_scroll-c: rgba(255, 255, 255, 0.1);
--_bckg-filter-c1: #;
--_bckg-filter-c2: #0000007d;
--_bckg-filter-e1: multiply;
--_bckg-filter-e2: color;
--_body-color: #aaa;
--_body-weight: 400;
--_body-size: 12px;
--_body-family: 'Source Code Pro', monospace;
--_mini-weight: 700;
--_mini-size: 9px;
--_mini-family: 'Space Mono', monospace;
--_mini-transform: uppercase;
--_title-color: #fff;
--_title-weight: 400;
--_title-size: 37px;
--_title-family: 'Stretch Pro', monospace;
--_title-transform: uppercase;
--_name-bckg: rgba(0, 0, 0, 0.5);
--_name-weight: 900;
--_name-size: 12px;
--_name-family: 'Source Code Pro', monospace;
--_name-transform: uppercase;
--_name-color: #aa8722;
--_box-header-weight: 700;
--_box-header-size: 10px;
--_box-header-family: 'Space Mono', monospace;
--_box-header-transform: uppercase;
--_box-header-color: #bbb;
--_box-header-bckg: rgba(0, 0, 0, 0.5);
--_subtitle-color: #eee;
--_subtitle-bckg: color-mix(in srgb, var(--_accent) 80%, transparent);
--_subtitle-border: 1px solid var(--_accent);
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,900;1,400;1,900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"></div>
<audio autoplay="" loop="" hidden="">
<source src="https://files.catbox.moe/lw0h0h.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
หน้า:
[1]