<div class="Axel-body" style="--color:#bbbbbb">
<div class="Axel-wrap"><div class="Axel-img">
<img src="https://i.postimg.cc/5y35JY1J/2.png"></div>
<div class="Axel-imc"><img src="https://i.postimg.cc/VLWZsv4d/1.png"></div>
<div class="Axel-title">A. Mikailov</div><div class="Axel-lyric">power of calculated luck</div>
<span class="cp cp-target-o"></span>
<div class="Axel-quote">To me luck is like a loaded gun—never random, always aimed — Axel
</div>
<div class="Axel-texto"><font face="Kanit"><font size="2">
<p></p><div style="text-align: left;"><div>01.08.2025 | 10:00 AM</div><div><br></div><div>เขาเดินลัดเลาะไปตามทางเดินที่คุ้นเคย, ผ่านเสียงจอแจของเหล่าเดมิก็อดที่กำลังเริ่มกิจกรรมประจำวันของตัวเอง, มุ่งหน้าไปยังบ้านใหญ่ที่ตั้งตระหง่านอยู่บนเนินเขา สายลมที่พัดมาจากทะเลสาบหอบเอากลิ่นหญ้าและดินที่ชื้นมาด้วย, เป็นบรรยากาศที่สงบสุขจนเกือบจะน่าเบื่อ…ถ้าไม่นับโอกาสที่ซ่อนอยู่ในนั้น</div><div><br></div><div>ความทรงจำของเขายังคงชัดเจน…</div><div>เขานึกถึงแผ่นกระดาษแผ่นหนึ่งที่สายตาของเขาเหลือบไปเห็นแวบๆ ตอนที่มาส่งป้ายคะแนนเมื่อวันก่อน, เป็นภารกิจที่ดูแปลกแยกและไม่เข้ากับสถานการณ์ตึงเครียดของโลกในตอนนี้โดยสิ้นเชิง</div><div><br></div><div>สายตาของเขากวาดผ่านภารกิจล่าอสูรกายที่ให้ผลตอบแทนสูงแต่ก็มีความเสี่ยงที่สูงตามไปด้วย, ผ่านคำร้องขอความช่วยเหลือในเรื่องหยุมหยิม, จนกระทั่งไปหยุดอยู่ที่เป้าหมายที่เขาค้นหา</div><div>เขาอ่านรายละเอียดอีกครั้ง, และสมการในหัวของเขาก็ลงตัวอย่างสมบูรณ์แบบ</div><div><br></div><div>นายจ้าง: ไทสัน, บุตรแห่งโพไซดอน สมองของเขาเชื่อมโยงข้อมูลอย่างรวดเร็ว—ไทสันคือไซคลอปส์ และไซคลอปส์ก็คือช่างฝีมือชั้นยอดของโลกแห่งเทพเจ้า</div><div><br></div><div>ผลตอบแทน: นอกเหนือจากค่าตอบแทนพื้นฐาน, มีรางวัลพิเศษชิ้นหนึ่งที่ดึงดูดความสนใจของเขา—โล่ป้องกันในรูปแบบของนาฬิกาข้อมือ ถ้ามันถูกสร้างขึ้นโดยช่างฝีมือระดับไทสัน…คุณภาพของมันย่อมไม่ธรรมดา มันคือสินทรัพย์ที่ทั้งมีประโยชน์และสามารถปกปิดตัวตนได้, เป็นการลงทุนที่สมบูรณ์แบบ</div><div><br></div><div>งาน: แพลนงานเลี้ยงต้อนรับเด็กทารกในนิวโรม—เมืองที่สงบสุขและปลอดภัยที่สุดสำหรับเหล่าเดมิก็อด</div><div><br></div><div>เขาไม่เคยสนใจเรื่องวันเกิด…ยิ่งไม่ต้องพูดถึงงานเลี้ยงของเด็กทารกที่เพิ่งจะลืมตาดูโลก แต่สมการตรงหน้านั้นสมบูรณ์แบบเกินกว่าจะปฏิเสธ</div><div><br></div><div>ความเสี่ยงต่ำ, ผลตอบแทนสูง…มันคือดีลที่ยังไงก็ต้องทำ</div><div><br></div><div>นิ้วเรียวยาวของเขาเอื้อมไปดึงแผ่นกระดาษประกาศนั้นออกจากกระดานไม้โดยไม่ลังเลแม้แต่วินาทีเดียว, ตัดสินใจได้ในทันทีที่จะรับงานที่แปลกที่สุดในค่ายเพื่ออนาคตที่สดใสของเขา</div><div><br></div><div>ชายหนุ่มพับประกาศของไทสันอย่างเรียบร้อย, เปลี่ยนมันให้กลายเป็นสัญญากำไรที่จับต้องได้ในฝ่ามือ เขาหมุนตัวเตรียมจะเดินจากไป, พึงพอใจกับการตัดสินใจลงทุนที่สมบูรณ์แบบ, แต่สัญชาตญาณของนักพนันที่มองหาโอกาสอยู่เสมอ…ก็ทำให้สายตาของเขาเหลือบไปมองกระดานไม้นั่นอีกเป็นครั้งสุดท้าย</div><div><br></div><div>และเขาก็เห็นมัน</div><div><br></div><div>ประกาศอีกแผ่นหนึ่งที่ถูกปักไว้ด้วยมีดสั้นแทนที่จะเป็นหมุดธรรมดา, บ่งบอกถึงความเร่งด่วนและนิสัยของผู้มอบหมายภารกิจ</div><div><br></div><div>‘ด่วน! ล้างบางป่าต้องห้าม!’</div><div><br></div><div>นายจ้าง: แคลรีส, ธิดาแห่งแอรีส</div><div><br></div><div>ชื่อนั้นทำให้สมองของเขาประมวลผลทันที—แคลรีสคือความแข็งแกร่ง, ความดุดัน, และความตรงไปตรงมา เธอไม่ใช่พวกที่จะมาเล่นเกมซับซ้อน งานของเธอมักจะจบลงด้วยการนองเลือด…ซึ่งก็ไม่ใช่เรื่องแย่เสมอไป</div><div><br></div><div>ภารกิจคือการกวาดล้างอสูรกายในป่าเพื่อให้เด็กใหม่สามารถเข้าไปฝึกฝนได้…มันคือการลงทุนที่ให้ผลตอบแทนสองต่อในทันที—หนึ่ง, มันคือโอกาสในการฝึกซ้อมและทดสอบทักษะของตัวเองในสภาพแวดล้อมที่ควบคุมได้ และสอง, มันคือโอกาสในการเก็บเกี่ยว ‘สินสงคราม’ เพิ่มเติม</div><div><br></div><div>ความเสี่ยงนั้นต่ำอย่างน่าพอใจ อสูรกายในป่าใกล้ค่ายส่วนใหญ่เป็นเพียงเกรดล่างๆ, ไม่ได้เป็นภัยคุกคามที่จริงจังสำหรับเขา และรางวัลที่ระบุไว้ก็ดูไม่เลวเลยสำหรับความพยายามที่ต้องลงแรงไป</div><div><br></div><div>มันคือดีลที่ดีลซ้อนดีล…การลงทุนที่ช่วยกระจายความเสี่ยงและเพิ่มผลตอบแทน</div><div><br></div><div>เขาไม่ได้ลังเลแม้แต่วินาทีเดียว นิ้วเรียวยาวเอื้อมไปดึงประกาศแผ่นที่สองออกมาจากกระดาน, ปล่อยให้มีดสั้นที่ปักไว้ร่วงหล่นลงสู่พื้นโดยไม่สนใจจะเก็บ เขาพับกระดาษทั้งสองแผ่นเข้าด้วยกันอย่างเรียบร้อย—ภารกิจจัดงานเลี้ยงเด็กทารกและความรับผิดชอบในการสังหารหมู่—เป็นพอร์ตโฟลิโอที่หลากหลายและน่าขบขันอย่างประหลาด</div><div><br></div><div>จากนั้น, เขาก็สอดมันลงในกระเป๋ากางเกง, เดินจากไปอย่างเงียบเชียบ, ทิ้งกระดานไม้และโอกาสที่คนอื่นมองไม่เห็นไว้เบื้องหลัง วันนี้…ดูเหมือนว่าเขาจะมีตารางงานที่เต็มเหยียดแล้ว</div><div><br></div></div>
<br>
<p></p><div align="center">
<img src="https://static.vecteezy.com/system/resources/thumbnails/012/634/800/small_2x/art-deco-outline-stroke-in-golden-color-for-classy-and-luxury-style-premium-vintage-line-art-design-element-free-png.png" width="300" border="0" style="filter: grayscale(100%);"><br><div align="center">Quest Accepted</div><div align="center">ภารกิจด่วน! ล้างบางป่าต้องห้าม!</div><div align="center">รับนักจัดกิจกรรมงานต้อนรับเจ้าตัวน้อย ออเร</div></div>
</font></font></div><font face="Kanit"><font size="2">
<div class="Axel-tags">
<em class="Axel-tag">Power</em>
<em class="Axel-tag">Money</em>
<em class="Axel-tag">Game</em> <em class="Axel-tag">Music</em><div class="Axel-tt">CABIN 19</div></div>
</font></font></div><font face="Kanit"><font size="2"><a href="https://hyeri-code.tumblr.com/" class="hr-credt">@Hye Ri</a></font></font></div><font face="Kanit"><font size="2">
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Kanit'); Kanit {font-family: 'Kanit';} </style>
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,700,800" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Hind:200,300,400,700,800" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rajdhani:200,300,400,700,800" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="//icons.cappuccicons.com/cpf.css">
<style>
.Axel-body br {
display: none;
}
.Axel-texto br {
display: block;
}
.Axel-body {
margin: 10px auto;
background: #171717;
width: 550px;
padding: 25px;
border-radius: 10px;
color: #aaa;
font: 12px Hind;
line-height: 18px;
text-align: justify;
}
.Axel-wrap {
background: #1a1a1a;
border-radius: 10px;
overflow: hidden;
border-top: 15px solid #131313;
position: relative;
}
.Axel-img {
width: 550px;
height: 150px;
display: block;
position: relative;
overflow: hidden;
}
.Axel-imc {
border: 10px solid #0a0a0a;
width: 100px;
height: 100px;
position: absolute;
top: 50px;
right: 10px;
outline: 1px solid #0a0a0a;
outline-offset: 4px;
z-index: 10;
}
.Axel-title {
font: 80px "Abril Fatface";
color: #d0d0d0;
margin-top: -100px;
z-index: 10;
position: relative;
padding: 20px;
text-shadow: #000 2px 2px 0;
}
.Axel-lyric {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 10px;
padding: 20px;
margin-top: -60px;
position: relative;
z-index: 20;
text-align: right;
width: 390px;
text-shadow: #000 1px 1px 0;
color: #f0f0f0;
}
.Axel-texto {
padding: 50px;
margin: 50px 20px 20px;
position: relative;
z-index: 30;
background: #131313;
}
.Axel-body span {
color: #0a0a0a;
font-size: 20px;
background: var(--color);
clip-path: polygon(
50% 0%,
100% 0,
100% 35%,
100% 55%,
100% 100%,
50% 84%,
0 100%,
0 57%,
0 37%,
0 0
);
width: 20px;
height: 30px;
display: block;
padding: 20px;
color: #fff;
font-size: 20px;
position: relative;
float: left;
margin: -10px 0 0 20px;
z-index: 50;
position: relative;
opacity: 0.6;
}
.Axel-quote {
background: #0f0f0f;
margin: -10px 20px -30px 100px;
border: transparent solid 20px;
padding: 0 10px;
height: 30px;
overflow: hidden;
font: bold 10px Rajdhani;
text-transform: uppercase;
line-height: 1.5;
color: FFFFFF;
}
.Axel-tag {
font: bold 8px Poppins;
background: #151515;
padding: 10px;
color: #fdfafa;
margin: 5px 5px 0 0;
border-radius: 5px;
}
.Axel-tag:hover {
background: #d0d0d0;
}
.Axel-tags {
margin: 20px;
}
.Axel-tt {
float: right;
color: #d0d0d0;
font: bold 60px Poppins;
margin-top: -45px;
letter-spacing: -5px;
}
a.hr-credt {
text-decoration: none;
float: right;
padding: 10px 0;
color: #a0a0a0;
text-transform: uppercase;
position: relative;
top: -5px;
font: 10px calibri;
}
</style>
</font></font>
<!-- หนังสือพิมพ์เวทมนตร์สไตล์คลาสสิก -->
<div style="
font-family: 'Sarabun', sans-serif;
background-color: #FAF0E6;
border: 6px solid #4B2E2E;
border-radius: 10px;
padding: 30px;
width: 90%;
max-width: 1000px;
margin: 50px auto;
box-shadow: 0 0 20px #8B4513 inset;
position: relative;
overflow: hidden;
">
<!-- หัวข้อ -->
<div class="draggable" style="
font-size: 36px;
font-weight: bold;
text-align: center;
color: #3B3B3B;
margin-bottom: 10px;
cursor: move;
">ค่ายฮาล์ฟบลัด</div>
<!-- วันที่ -->
<div class="draggable" style="
font-size: 16px;
color: #3B3B3B;
text-align: right;
margin-bottom: 10px;
cursor: move;
">วันที่: 1 กันยายน 2025</div>
<!-- บันทึกลึกลับ -->
<div class="draggable" style="
font-size: 22px;
font-weight: bold;
color: #3B3B3B;
text-align: center;
margin-bottom: 20px;
cursor: move;
">บันทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 06</div>
<!-- คอลัมน์รูปภาพ + ข้อความ พร้อม scroll ทั้งกล่อง -->
<div style="display: flex; gap: 20px; align-items: flex-start; max-height: 600px; overflow-y: auto; padding-right: 10px;">
<!-- รูปภาพ -->
<div class="draggable floating-image" style="flex: 0 0 280px; cursor: move;">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065558.md.jpg" alt="ภาพลึกลับ" style="width: 100%; border: 4px solid #5D3A66; border-radius: 10px; box-shadow: 0 0 15px #B497BD;">
</div>
<!-- เส้นคั่น -->
<div style="width: 2px; background-color: #4B2E2E;"></div>
<!-- ข้อความเนื้อหา -->
<div class="draggable floating-text" style="flex: 1 1 0%; font-size: 18px; line-height: 1.8; cursor: move;">
<p style="color: rgb(59, 59, 59);">เนื้อหาโรลเพลย์: </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> หลังจากเสร็จสิ้นภารกิจตรวจตราเขตเวทมนตร์ ภริดา อารยภักดีเทวราช หรือ ริดา ก็เดินออกมาจากบริเวณ ต้นสนธาเลีย ด้วยท่วงท่าที่สงบและมั่นคง ไม่ได้เร่งรีบหรือร้อนรน ราวกับว่าภารกิจหนักหน่วงที่เพิ่งผ่านพ้นไปไม่ได้สร้างความเหน็ดเหนื่อยให้กับเธอแม้แต่น้อย</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">. เมื่อกลับมาถึง บ้านใหญ่ประจำค่าย เธอสอดส่องสายตาไปรอบ ๆ แล้วพบกับ กระดานข่าวสาร ที่อยู่ไม่ไกลจากประตูทางเข้า กระดานไม้เก่า ๆ ที่เต็มไปด้วยกระดาษบันทึกภารกิจมากมาย ทั้งงานใหญ่และงานย่อยที่ยังไม่มีใครรับไปทำ ริดายืนพิจารณาบันทึกแต่ละแผ่นด้วยความตั้งใจ เธอไล่สายตาอ่านรายละเอียดของทุกภารกิจอย่างถี่ถ้วน ราวกับกำลังมองหาอะไรบางอย่าง จนในที่สุดสายตาของเธอก็หยุดอยู่ที่แผ่นหนึ่ง— "เวรทำความสะอาดโรงอาบน้ำ"</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ภารกิจนี้ไม่ได้น่าสนใจเหมือนภารกิจอื่น ๆ ที่เกี่ยวข้องกับการผจญภัยหรือการใช้เวทมนตร์ แต่ริดาไม่ลังเล เธอตัดสินใจทันทีว่าจะรับงานนี้ เธอหยิบปากกาและก้มลงเขียนชื่อของเธอลงบนแผ่นกระดาษด้วยลายมือที่เรียบร้อยและชัดเจน</p><p style="color: rgb(59, 59, 59);">หลังจากลงทะเบียนเสร็จสิ้น เธอก็เงยหน้าขึ้นและสูดลมหายใจลึก ๆ ราวกับกำลังเตรียมใจรับมือกับความท้าทายครั้งใหม่ ก่อนจะก้าวออกจากบ้านใหญ่ มุ่งหน้าไปยังโรงอาบน้ำทันที ด้วยความมุ่งมั่นที่จะทำหน้าที่ที่เธอเลือกอย่างเต็มกำลัง</p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"><br></p><p style="text-align: right;"><font color="#8b0000">รับภารกิจ : เวรทำความสะอาดโรงอาบน้ำ</font></p><p style="color: rgb(59, 59, 59);"><br></p>
<p style="color: rgb(59, 59, 59);"> </p>
<p style="color: rgb(59, 59, 59);"><br></p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 30px;"><br></p>
</div>
</div>
<!-- คำคมเวทมนตร์ -->
<div class="draggable floating-text" style="
font-size: 20px;
font-style: italic;
text-align: center;
margin-top: 30px;
color: #4B2E2E;
border-top: 2px solid #4B2E2E;
padding-top: 10px;
cursor: move;
">
"ในความมืดมิดยังมีแสงนำทางผู้กล้าแห่งเฮคาที"
</div>
<!-- สถานที่และหัวข้อเพิ่มเติม -->
<div class="draggable" style="font-size: 16px; margin-top: 15px; cursor: move;">
<strong>สถานที่:</strong> กระดานข่าวสาร ประจำค่าย บ้านใหญ่ | <strong>หัวข้อ:</strong> ภารกิจใหม่ของริดา: จากการผจญภัยสู่การทำความสะอาด</div>
</div>
<!-- CSS สำหรับ Floating Effect และ Scrollbar -->
<style>
@keyframes floatText {
0% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
100% { transform: translateY(0px); }
}
.floating-text {
animation: floatText 4s ease-in-out infinite;
}
@keyframes floatImage {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0px); }
}
.floating-image img {
animation: floatImage 5s ease-in-out infinite;
}
/* Scrollbar กล่องหลัก */
div::-webkit-scrollbar {
width: 10px;
}
div::-webkit-scrollbar-track {
background: #FAF0E6;
}
div::-webkit-scrollbar-thumb {
background-color: #4B2E2E;
border-radius: 10px;
border: 2px solid #FAF0E6;
}
</style>
<!-- หนังสือพิมพ์เวทมนตร์สไตล์คลาสสิก -->
<div style="
font-family: 'Sarabun', sans-serif;
background-color: #FAF0E6;
border: 6px solid #4B2E2E;
border-radius: 10px;
padding: 30px;
width: 90%;
max-width: 1000px;
margin: 50px auto;
box-shadow: 0 0 20px #8B4513 inset;
position: relative;
overflow: hidden;
">
<!-- หัวข้อ -->
<div class="draggable" style="
font-size: 36px;
font-weight: bold;
text-align: center;
color: #3B3B3B;
margin-bottom: 10px;
cursor: move;
">ค่ายฮาล์ฟบลัด</div>
<!-- วันที่ -->
<div class="draggable" style="
font-size: 16px;
color: #3B3B3B;
text-align: right;
margin-bottom: 10px;
cursor: move;
">วันที่: 1 กันยายน 2025</div>
<!-- บันทึกลึกลับ -->
<div class="draggable" style="
font-size: 22px;
font-weight: bold;
color: #3B3B3B;
text-align: center;
margin-bottom: 20px;
cursor: move;
">บันทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 09</div>
<!-- คอลัมน์รูปภาพ + ข้อความ พร้อม scroll ทั้งกล่อง -->
<div style="display: flex; gap: 20px; align-items: flex-start; max-height: 600px; overflow-y: auto; padding-right: 10px;">
<!-- รูปภาพ -->
<div class="draggable floating-image" style="flex: 0 0 280px; cursor: move;">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065558.md.jpg" alt="ภาพลึกลับ" style="width: 100%; border: 4px solid #5D3A66; border-radius: 10px; box-shadow: 0 0 15px #B497BD;">
</div>
<!-- เส้นคั่น -->
<div style="width: 2px; background-color: #4B2E2E;"></div>
<!-- ข้อความเนื้อหา -->
<div class="draggable floating-text" style="flex: 1 1 0%; font-size: 18px; line-height: 1.8; cursor: move;">
<p style="color: rgb(59, 59, 59);">เนื้อหาโรลเพลย์: </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> ภริดา อารยภักดีเทวราช หรือ ริดา เดินออกจากสนามฝึกซ้อมวิชาใช้มีดสั้นหลังจากฝึกเสร็จเรียบร้อย เหงื่อเม็ดเล็ก ๆ ซึมตามร่างกายแสดงถึงความตั้งใจในการฝึก</p><p style="color: rgb(59, 59, 59);">ลมเย็นพัดมาปะทะเส้นผมของเธอ ขณะที่เดินเข้ามาในบ้านใหญ่ซึ่งเป็นศูนย์กลางของค่ายฮาล์ฟบลัด สายตาของริดาเหลือบไปเห็น กระดานข่าวสาร ที่มักจะมีประกาศภารกิจ คำเตือน และคำสั่งจากคุณไครอน เธอหยุดยืนตรงหน้ากระดานและกวาดสายตาอ่านข้อความอย่างตั้งใจ</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> หัวใจของริดาเต้นรัวเมื่อสายตาของเธอสะดุดกับหัวข้อ “บททดสอบสำหรับเด็กใหม่” ความตื่นเต้นและความท้าทายทำให้เธออยากรู้อยากลอง เธอขมวดคิ้วเล็กน้อยก่อนจะเดินเข้าไปใกล้และอ่านรายละเอียดทั้งหมดอย่างตั้งใจ เมื่ออ่านจบ ความสนใจในภารกิจนี้ก็พุ่งสูงขึ้น</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">“นี่แหละ…โอกาสของเรา”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ริดาพึมพำในใจ ก่อนจะคว้าปากกาที่วางอยู่ข้างกระดานขึ้นมาแล้วก้มหน้าลง เซ็นชื่อ ลงในช่องสำหรับผู้รับภารกิจด้วยลายมือที่หนักแน่น</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> หลังจากนั้น เธอเงยหน้าขึ้น สูดหายใจลึก ๆ อีกครั้งด้วยความมุ่งมั่น และพร้อมที่จะก้าวเดินออกไปเพื่อเริ่มต้นเส้นทางของบททดสอบแรกในฐานะลูกครึ่งเทพแห่งค่ายฮาล์ฟบลัด</p><p style="color: rgb(59, 59, 59);"><br></p><p style="text-align: right;"><font color="#8b0000">รับภารกิจ : บททดสอบเด็กใหม่</font></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="text-align: right;"><br></p><p style="text-align: right;"><font color="#8b0000"><br></font></p><p style="text-align: right;"><br></p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 30px;"><br></p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 15px;"><br></p>
</div>
</div>
<!-- คำคมเวทมนตร์ -->
<div class="draggable floating-text" style="
font-size: 20px;
font-style: italic;
text-align: center;
margin-top: 30px;
color: #4B2E2E;
border-top: 2px solid #4B2E2E;
padding-top: 10px;
cursor: move;
">
"ในความมืดมิดยังมีแสงนำทางผู้กล้าแห่งเฮคาที"
</div>
<!-- สถานที่และหัวข้อเพิ่มเติม -->
<div class="draggable" style="font-size: 16px; margin-top: 15px; cursor: move;">
<strong>สถานที่:</strong> กระดานงานประจำค่าย บ้านใหญ่ | <strong>หัวข้อ:</strong> เด็กใหม่ไฟแรง</div>
</div>
<!-- CSS สำหรับ Floating Effect และ Scrollbar -->
<style>
@keyframes floatText {
0% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
100% { transform: translateY(0px); }
}
.floating-text {
animation: floatText 4s ease-in-out infinite;
}
@keyframes floatImage {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0px); }
}
.floating-image img {
animation: floatImage 5s ease-in-out infinite;
}
/* Scrollbar กล่องหลัก */
div::-webkit-scrollbar {
width: 10px;
}
div::-webkit-scrollbar-track {
background: #FAF0E6;
}
div::-webkit-scrollbar-thumb {
background-color: #4B2E2E;
border-radius: 10px;
border: 2px solid #FAF0E6;
}
</style>
แก้ไขครั้งสุดท้ายโดย Parida เมื่อ 2025-9-2 23:48 <br /><br /><!-- หนังสือพิมพ์เวทมนตร์สไตล์คลาสสิก -->
<div style="
font-family: 'Sarabun', sans-serif;
background-color: #FAF0E6;
border: 6px solid #4B2E2E;
border-radius: 10px;
padding: 30px;
width: 90%;
max-width: 1000px;
margin: 50px auto;
box-shadow: 0 0 20px #8B4513 inset;
position: relative;
overflow: hidden;
">
<!-- หัวข้อ -->
<div class="draggable" style="
font-size: 36px;
font-weight: bold;
text-align: center;
color: #3B3B3B;
margin-bottom: 10px;
cursor: move;
">ค่ายฮาล์ฟบลัด</div>
<!-- วันที่ -->
<div class="draggable" style="
font-size: 16px;
color: #3B3B3B;
text-align: right;
margin-bottom: 10px;
cursor: move;
">วันที่: 2 กันยายน 2025 </div>
<!-- บันทึกลึกลับ -->
<div class="draggable" style="
font-size: 22px;
font-weight: bold;
color: #3B3B3B;
text-align: center;
margin-bottom: 20px;
cursor: move;
">บันทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 19</div>
<!-- คอลัมน์รูปภาพ + ข้อความ พร้อม scroll ทั้งกล่อง -->
<div style="display: flex; gap: 20px; align-items: flex-start; max-height: 600px; overflow-y: auto; padding-right: 10px;">
<!-- รูปภาพ -->
<div class="draggable floating-image" style="flex: 0 0 280px; cursor: move;">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065558.md.jpg" alt="ภาพลึกลับ" style="width: 100%; border: 4px solid #5D3A66; border-radius: 10px; box-shadow: 0 0 15px #B497BD;">
</div>
<!-- เส้นคั่น -->
<div style="width: 2px; background-color: #4B2E2E;"></div>
<!-- ข้อความเนื้อหา -->
<div class="draggable floating-text" style="flex: 1 1 0%; font-size: 18px; line-height: 1.8; cursor: move;">
<p style="color: rgb(59, 59, 59);">เนื้อหาโรลเพลย์: </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> หลังจากที่ ภริดา อารยภักดีเทวราช หรือที่ใคร ๆ ในค่ายมักเรียกกันสั้น ๆ ว่า ริดา ได้ทำการฝึกฝนในคาบเรียนวิชามีดสั้นเป็นครั้งที่สอง เสียงโลหะกระทบกันยังคงสะท้อนอยู่ในความทรงจำของเธอ ทั้งเหงื่อและลมหายใจที่ยังคงอุ่นร้อนประหนึ่งเพลิงไฟแห่งการฝึกฝน เธอใช้ปลายนิ้วปาดเม็ดเหงื่อออกจากขมับ พลางทอดสายตามองไปยังสนามฝึกที่เต็มไปด้วยบรรยากาศของการแข่งขันและการพัฒนาตนเอง ก่อนจะค่อย ๆ ก้าวเท้าออกจากตรงบริเวณนั้นด้วยจังหวะที่มั่นคง</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> บรรยากาศรอบค่ายในยามบ่ายอวลไปด้วยกลิ่นหญ้าเขียวชื้นและสายลมเย็นพัดผ่าน เงาไม้ไหวระริกประหนึ่งกำลังเล่าเรื่องราวโบราณแก่เหล่าลูกครึ่งเทพผู้เป็นเจ้าของโชคชะตา ริดาเดินทอดน่องไปยัง บ้านใหญ่ (Big House) ที่ตั้งตระหง่านอยู่ท่ามกลางความสงบ ด้านหน้าแขวนแผ่นประกาศข่าวสารประจำค่ายเรียงราย เธอหยุดยืนอ่านอย่างตั้งใจ ปล่อยเวลาให้ผ่านไปอย่างเนิ่นนานเพื่อซึมซับรายละเอียดของแต่ละข้อความ ไม่ว่าจะเป็นการประกาศการแข่งกีฬาดัดแปลง การแจ้งเตือนอสุรกายในป่า และข่าวคราวจากภารกิจที่เพื่อนร่วมค่ายเพิ่งกลับมา</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> จนกระทั่งสายตาของเธอสะดุดเข้ากับแผ่นกระดาษแผ่นหนึ่งที่มีตราประทับสีเงินล้อมกรอบสะดุดตา — เควสไกด์เดินชมรอบค่าย ประกาศนั้นเขียนด้วยอักษรคมชัด คล้ายเสียงเรียกของโชคชะตาที่ส่งตรงถึงเธอโดยเฉพาะ หัวใจของริดาสะท้อนก้องด้วยความตื่นเต้น เธอรีบเอื้อมมือไปหยิบปากกาขนนกที่วางไว้เคียงข้าง แล้วบรรจงเขียนชื่อตนเองลงไปบนกระดาษอย่างไม่รีรอ</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ในขณะที่เธอกำลังถอนหายใจยาวด้วยความโล่งใจและแอบยิ้มให้กับโอกาสใหม่นี้ เสียงฝีเท้าเบา ๆ ก็ดังเข้ามาใกล้ ริดาหันกลับไปทันที และพบกับเด็กสาวคนหนึ่งที่มีเรือนผมสีเข้มสะท้อนประกายรุ้งเมื่อกระทบแสงแดด เธอคือ คุณทีน่า แซนโดวาล ลูกครึ่งเทพีไอริส ผู้พำนักอยู่ในกระท่อมหมายเลข 14 ดวงตาของทีน่าส่องประกายอ่อนโยนราวกับสายรุ้งหลังฝนตก และรอยยิ้มของเธอทำให้บรรยากาศรอบตัวอบอุ่นขึ้นในทันที</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> "อ้าว...เธอก็เพิ่งมาที่นี่เหมือนกันเหรอ?" ริดาเอ่ยถามด้วยน้ำเสียงแผ่วเบาแต่แฝงด้วยความตื่นเต้นเล็กน้อย</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ทีน่าหัวเราะเบา ๆ ก่อนพยักหน้า "ใช่แล้วล่ะ ฉันอยู่กระท่อมไอริส หมายเลข 14 ยินดีที่ได้รู้จักนะริดา เห็นเธอลงชื่อในเควสพอดี ฉันก็กำลังจะไปทัวร์รอบค่ายเหมือนกัน งั้น…ให้ฉันเป็นไกด์พาเธอเดินชมค่ายครั้งแรกดีไหม?"</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ริดาเบิกตากว้างเล็กน้อยด้วยความประหลาดใจปนดีใจ นี่มันช่างเหมือนเป็นพรหมลิขิตยิ่งนัก "ขอบคุณมากเลย ฉันกำลังคิดว่าจะไปหาคนพาอยู่พอดี"</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ทั้งสองสบตากันพร้อมรอยยิ้ม ก่อนจะเริ่มก้าวเดินเคียงข้างออกจากหน้าบ้านใหญ่ มุ่งหน้าไปตามทางลาดยาวที่ทอดผ่านเนินหญ้าและทิวสนสูงตระหง่าน สายลมอ่อนพัดพาให้ใบไม้ร่วงลงมาราวกับเกล็ดหิมะแห่งฤดูใบไม้ผลิ บรรยากาศช่างอบอุ่นและเต็มไปด้วยความตื่นเต้นในก้าวแรกของการเดินทางสำรวจค่ายฮาล์ฟบลัดในครั้งนี้…</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> — จุดเริ่มต้นของมิตรภาพและการผจญภัยใหม่ที่เพิ่งเบ่งบานในหัวใจของริดา</p><p style="color: rgb(59, 59, 59);"><br></p><p style="text-align: right;"><font color="#8b0000">รับภารกิจไกด์เดินชมรอบค่าย</font></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">. </p><p style="color: rgb(59, 59, 59);">. </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);">. </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="text-align: right; color: rgb(59, 59, 59);"> </p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 30px;"><br></p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 15px;"><br></p>
</div>
</div>
<!-- คำคมเวทมนตร์ -->
<div class="draggable floating-text" style="
font-size: 20px;
font-style: italic;
text-align: center;
margin-top: 30px;
color: #4B2E2E;
border-top: 2px solid #4B2E2E;
padding-top: 10px;
cursor: move;
">
"ในความมืดมิดยังมีแสงนำทางผู้กล้าแห่งเฮคาที"
</div>
<!-- สถานที่และหัวข้อเพิ่มเติม -->
<div class="draggable" style="font-size: 16px; margin-top: 15px; cursor: move;">
<strong>สถานที่:</strong> กระดารประกาศข่าวส่าร บ้านใหญ่ | <strong>หัวข้อ:</strong> เมื่อการเรียนรู้คือการผจญภัย (When Learning is an Adventure)</div>
</div>
<!-- CSS สำหรับ Floating Effect และ Scrollbar -->
<style>
@keyframes floatText {
0% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
100% { transform: translateY(0px); }
}
.floating-text {
animation: floatText 4s ease-in-out infinite;
}
@keyframes floatImage {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0px); }
}
.floating-image img {
animation: floatImage 5s ease-in-out infinite;
}
/* Scrollbar กล่องหลัก */
div::-webkit-scrollbar {
width: 10px;
}
div::-webkit-scrollbar-track {
background: #FAF0E6;
}
div::-webkit-scrollbar-thumb {
background-color: #4B2E2E;
border-radius: 10px;
border: 2px solid #FAF0E6;
}
</style>
แก้ไขครั้งสุดท้ายโดย Parida เมื่อ 2025-9-5 21:56 <br /><br /><!-- หนังสือพิมพ์เวทมนตร์สไตล์คลาสสิก -->
<div style="
font-family: 'Sarabun', sans-serif;
background-color: #FAF0E6;
border: 6px solid #4B2E2E;
border-radius: 10px;
padding: 30px;
width: 90%;
max-width: 1000px;
margin: 50px auto;
box-shadow: 0 0 20px #8B4513 inset;
position: relative;
overflow: hidden;
">
<!-- หัวข้อ -->
<div class="draggable" style="
font-size: 36px;
font-weight: bold;
text-align: center;
color: #3B3B3B;
margin-bottom: 10px;
cursor: move;
">ชค่ายฮาล์ฟบลัด</div>
<!-- วันที่ -->
<div class="draggable" style="
font-size: 16px;
color: #3B3B3B;
text-align: right;
margin-bottom: 10px;
cursor: move;
">วันที่: 5 กันยายน 2025 </div>
<!-- บันทึกลึกลับ -->
<div class="draggable" style="
font-size: 22px;
font-weight: bold;
color: #3B3B3B;
text-align: center;
margin-bottom: 20px;
cursor: move;
">บันทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 61</div>
<!-- คอลัมน์รูปภาพ + ข้อความ พร้อม scroll ทั้งกล่อง -->
<div style="display: flex; gap: 20px; align-items: flex-start; max-height: 600px; overflow-y: auto; padding-right: 10px;">
<!-- รูปภาพ -->
<div class="draggable floating-image" style="flex: 0 0 280px; cursor: move;">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065558.md.jpg" alt="ภาพลึกลับ" style="width: 100%; border: 4px solid #5D3A66; border-radius: 10px; box-shadow: 0 0 15px #B497BD;">
</div>
<!-- เส้นคั่น -->
<div style="width: 2px; background-color: #4B2E2E;"></div>
<!-- ข้อความเนื้อหา -->
<div class="draggable floating-text" style="flex: 1 1 0%; font-size: 18px; line-height: 1.8; cursor: move;">
<p style="color: rgb(59, 59, 59);">เนื้อหาโรลเพลย์: </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> หลังจากการถวายเครื่องบูชาแด่เทพีเฮคาทีเสร็จสิ้น เปลวไฟสีม่วงเข้มบนแท่นบูชาก็ค่อย ๆ มอดดับลงอย่างสงบ เหลือทิ้งไว้เพียงกลิ่นหอมบางเบาของสมุนไพรและน้ำมันหอมที่ลอยอบอวลอย่างลึกลับและศักดิ์สิทธิ์ ริดา ก้มศีรษะลงด้วยความเคารพอย่างสูงเป็นครั้งสุดท้าย ก่อนจะค่อย ๆ ถอยห่างออกมาจากบริเวณแท่นบูชา</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> แสงแดดยามสายสาดส่องลอดผ่านกิ่งไม้ใหญ่รอบค่ายสาดลงบนเส้นทางที่ปกคลุมด้วยใบไม้แห้ง ทำให้ดูคล้ายทางเดินแห่งพิธีกรรมอันศักดิ์สิทธิ์ เสียงนกร้องประสานกันแผ่วเบา ราวกับกำลังกล่าวอำลาหญิงสาวที่เพิ่งเสร็จสิ้นภารกิจยามเช้า</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ริดาสูดลมหายใจลึกอย่างสงบ ก่อนจะเร่งฝีเท้าไปยังบ้านใหญ่ของค่าย ที่ซึ่งเป็นศูนย์รวมข่าวสารและภารกิจสำหรับเหล่าลูกครึ่งเทพ หลังจากเดินทางมาถึง เธอหยุดยืนอยู่หน้ากระดานข่าวสารขนาดใหญ่ที่ทำจากไม้โอ๊กเก่าแก่ มันถูกขัดจนเป็นมันวาวและเต็มไปด้วยประกาศมากมาย ทั้งกิจกรรม กฎระเบียบ ไปจนถึงภารกิจอันตราย</p><p style="color: rgb(59, 59, 59);">สายตาของหญิงสาวกวาดมองทุกตัวอักษรอย่างตั้งใจ ราวกับกำลังค้นหาบางสิ่งที่ซ่อนอยู่ในตัวหนังสือเหล่านั้น เสียงพูดคุยของผู้คนรอบด้านค่อย ๆ จางหายไปจากความสนใจของเธอ เหลือเพียงเสียงหัวใจที่เต้นแรงขึ้นทุกขณะ</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ในที่สุด สายตาของริดาก็หยุดลงที่ใบประกาศหนึ่งซึ่งมี ตราสัญลักษณ์ของบ้านแอรีส ประทับไว้อย่างชัดเจน หมึกสีแดงเข้มบนประกาศนั้นดูดุดันและดึงดูดสายตาอย่างประหลาด หญิงสาวยกมือขึ้นจับมันเบา ๆ ก่อนจะเริ่มอ่านข้อความด้วยความตั้งใจ</p><p style="color: rgb(59, 59, 59);">ภารกิจด่วน: กวาดล้างป่าต้องห้าม</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">เงื่อนไขการรับภารกิจ</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ทุกเลเวลเข้าร่วมได้ เนื่องจากความแข็งแกร่งของอสูรกายจะถูกจำกัดตามเลเวลของผู้ล่า</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> หากมีผู้ต้องการทำภารกิจต่อจากคนก่อนหน้า ต้องรอ 5 ชั่วโมง เพื่อให้อสูรกายฟื้นตัวและเกิดใหม่จากทาร์ทารัส</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ห้ามเข้าร่วมเป็นปาร์ตี้ ภารกิจนี้จัดขึ้นเพื่อทดสอบความสามารถในการเผชิญหน้าเพียงลำพังโดยเฉพาะ</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">คำประกาศิต</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> "ใครที่คิดว่าตัวเองกล้าพอและแข็งแกร่งพอ มาหาฉัน!</p><p style="color: rgb(59, 59, 59);">ตอนนี้ป่าต้องห้ามเต็มไปด้วยอสูรกายมากเกินไปจนเด็กใหม่ใช้พื้นที่ฝึกฝนไม่ได้</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ฉันต้องการคนไปกวาดล้างพวกมันให้หมด เพื่อให้ค่ายมีพื้นที่สำหรับการฝึกเดินป่า การแกะรอย และการหลบหลีก</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">ถ้าแกไม่กลัวตาย หรือคิดว่าการฝึกที่ฉันให้มันยังโหดไม่พอ…</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">ก็มาลงชื่อได้เลย!</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">จำไว้! ไม่มีคำว่าอ่อนข้อ อย่ามาทำตัวเป็นภาระ!"</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">– แคลรีส ลา รู</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">พี่ใหญ่แห่งบ้านแอรีส</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> เมื่ออ่านข้อความจบ ริดารู้สึกถึงแรงกระตุ้นบางอย่างที่พวยพุ่งขึ้นจากภายในใจ ดวงตาสีนิลของเธอวาวโรจน์ขึ้นทันที ความท้าทายนี้เหมือนเสียงเรียกจากโชคชะตา เสียงของแคลรีสที่ถูกเขียนบนกระดาษยังดังก้องอยู่ในโสตประสาทของเธอ หญิงสาวกำมือแน่น ความมุ่งมั่นเต็มเปี่ยมส่องประกายอยู่ในดวงตา</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> "ภารกิจนี้… ฉันต้องไปให้ได้" เธอพึมพำแผ่วเบาพร้อมรอยยิ้มเล็ก ๆ ที่เปี่ยมไปด้วยความเด็ดเดี่ยว</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> ริดารีบเดินตรงไปยังโต๊ะลงชื่อซึ่งตั้งอยู่ใกล้กระดานประกาศ ใบหน้าของเธอเต็มไปด้วยความมุ่งมั่น ขณะใช้ปากกาขนนกจุ่มหมึกแล้วเซ็นชื่อลงในรายชื่อผู้เข้าร่วมภารกิจ บรรยากาศรอบตัวดูเงียบสงบ แต่ในใจของหญิงสาวกลับพลุ่งพล่านด้วยความตื่นเต้น</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> เมื่อเขียนชื่อเสร็จ เธอเงยหน้าขึ้น สูดลมหายใจลึกอีกครั้ง และกระซิบกับตัวเองอย่างหนักแน่น</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> "ครั้งนี้… ฉันจะพิสูจน์ให้ทุกคนเห็น ว่าภริดา อารยภักดีเทวราช ไม่ใช่คนที่ใครจะมองข้ามได้!"</p><p style="color: rgb(59, 59, 59);"><br></p><p style="text-align: right;"><font color="#8b0000">รับทำภารกิจด่วนล้างบางป่าต้องห้าม</font></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="color: rgb(59, 59, 59);"> </p><p style="text-align: right; color: rgb(59, 59, 59);"> </p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 30px;"><br></p>
<p style="color: rgb(59, 59, 59); text-align: center; margin-top: 15px;"><br></p>
</div>
</div>
<!-- คำคมเวทมนตร์ -->
<div class="draggable floating-text" style="
font-size: 20px;
font-style: italic;
text-align: center;
margin-top: 30px;
color: #4B2E2E;
border-top: 2px solid #4B2E2E;
padding-top: 10px;
cursor: move;
">
"ในความมืดมิดยังมีแสงนำทางผู้กล้าแห่งเฮคาที"
</div>
<!-- สถานที่และหัวข้อเพิ่มเติม -->
<div class="draggable" style="font-size: 16px; margin-top: 15px; cursor: move;">
<strong>สถานที่:</strong> กระดานข่าวสารประจำค่าย บ้านใหญ่ | <strong>หัวข้อ:</strong> ภารกิจด่วนจากบ้านแอรีส: เสียงเรียกจากป่าต้องห้าม</div>
</div>
<!-- CSS สำหรับ Floating Effect และ Scrollbar -->
<style>
@keyframes floatText {
0% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
100% { transform: translateY(0px); }
}
.floating-text {
animation: floatText 4s ease-in-out infinite;
}
@keyframes floatImage {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0px); }
}
.floating-image img {
animation: floatImage 5s ease-in-out infinite;
}
/* Scrollbar กล่องหลัก */
div::-webkit-scrollbar {
width: 10px;
}
div::-webkit-scrollbar-track {
background: #FAF0E6;
}
div::-webkit-scrollbar-thumb {
background-color: #4B2E2E;
border-radius: 10px;
border: 2px solid #FAF0E6;
}
</style>
<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #0a0a0a 0%, #1a0033 50%, #2d1b69 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">
<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
<style>
@keyframes floatParticle {
0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
10% { opacity:0.7; }
90% { opacity:0.7; }
100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
}
</style>
</div>
<!-- Main newspaper container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 10px; background: linear-gradient(145deg, #2a2a2a 0%, #1c1c1c 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(106,13,173,0.7), inset 0 0 30px rgba(255,255,255,0.1); background-clip: padding-box; display:flex; flex-direction:column;">
<!-- Inner frame with glow -->
<div style="position: relative; border-radius: 20px; padding: 30px; background: radial-gradient(at center top, rgb(61, 26, 120) 0%, rgb(46, 0, 62) 50%, rgb(26, 0, 31) 100%); border: 4px solid rgb(106, 13, 173); overflow: hidden; box-shadow: rgba(177, 156, 217, 0.4) 0px 0px 30px inset; display: flex; flex-direction: column;">
<!-- Header -->
<div style="color: rgb(255, 255, 255); position: absolute; top: 25px; left: 50%; transform: translateX(-50%); font-size: 36px; font-weight: 700; text-shadow: rgb(177, 156, 217) 0px 0px 25px, rgb(106, 13, 173) 0px 0px 50px, rgba(0, 0, 0, 0.8) 2px 2px 6px; letter-spacing: 2px;">ค่ายฮาล์ฟบลัด</div>
<div style="color: rgb(209, 196, 233); position: absolute; top: 30px; right: 35px; font-size: 20px; font-weight: 500; background: rgba(255, 255, 255, 0.1); padding: 8px 15px; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(177, 156, 217, 0.3);">วันที่: 08/09/2025</div>
<!-- Main title -->
<div style="color: rgb(224, 215, 248); text-align: center; font-size: 32px; margin-top: 80px; font-weight: 600; text-shadow: rgb(177, 156, 217) 0px 0px 20px, rgb(106, 13, 173) 0px 0px 40px; letter-spacing: 1px; position: relative;">
บันทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 72<div style="position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:250px;height:2px;background:linear-gradient(90deg,transparent,#b19cd9,transparent);box-shadow:0 0 10px #b19cd9,0 0 20px #e0d7f8;"></div>
</div>
<!-- Content area scrollable -->
<div style="display: flex; margin-top: 40px; gap: 30px; align-items: flex-start; flex-wrap: wrap;">
<!-- Character image -->
<div style="color: rgb(255, 255, 255); flex: 1 1 0%; min-width: 250px; display: flex; justify-content: center; align-items: flex-start;">
<div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#b19cd9,#6a0dad);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(177,156,217,0.7);">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
</div>
</div>
<!-- Story content scrollable -->
<div style="flex: 2.5 1 0%; background: rgba(255, 255, 255, 0.08); border: 2px solid rgb(106, 13, 173); border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(177, 156, 217, 0.3) 0px 0px 30px inset, rgba(106, 13, 173, 0.3) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
<p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">หลังจากที่ ภริดา อารยภักดีเทวราช ตรวจสอบและปรับสมดุลพลังเวทมนตร์รอบเนินฮาล์ฟบลัดเสร็จสิ้น เธอก็ยืนนิ่ง สูดลมหายใจเข้าช้า ๆ ท่ามกลางสายลมยามเช้าที่พัดผ่าน กลิ่นไอหมอกบางเบาคลอเคล้ากับเสียงใบไม้และเสียงนกที่ร้องรับอรุณ สร้างบรรยากาศอันเงียบสงบและมีชีวิตชีวา</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">เธอเดินลงจากเนินไปยังบ้านใหญ่ของค่ายอย่างสง่างาม ทุกย่างก้าวเปี่ยมด้วยความมั่นคงราวกับนักเวทย์ผู้มากประสบการณ์ เมื่อมาถึง เธอเดินตรงไปที่ กระดานประกาศข่าว ที่ตั้งอยู่ใต้ซุ้มไม้เลื้อยอย่างตั้งใจ สายตาของเธอไล่อ่านข้อความต่าง ๆ ทั้งข่าวสาร คำเตือน และภารกิจพิเศษที่เปิดรับสมัคร</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">แล้วสายตาเธอก็หยุดอยู่ที่ประกาศหนึ่งซึ่งโดดเด่นกว่าใคร: "งานพิเศษสวนสนุก แดร์ยูนิเวอร์แซลคำประกาศิต"</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">“สวนสนุกแดร์ยูนิเวอร์แซล เปิดรับสมัครพนักงานพิเศษผู้เปี่ยมด้วยพลังและความกระตือรือร้น เพื่อร่วมสร้างประสบการณ์อันน่าจดจำให้กับผู้เข้าชมทุกท่าน”</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ตัวอักษรสีทองเป็นประกายระยับเมื่อต้องแสงแดดอ่อน ๆ ภริดาเลิกคิ้วขึ้นเล็กน้อย ก่อนที่รอยยิ้มบางจะผุดขึ้นบนใบหน้า "สวนสนุกแดร์ยูนิเวอร์แซล... น่าสนใจดีนี่" เธอพึมพำกับตัวเองด้วยน้ำเสียงที่เต็มไปด้วยความคาดหวัง</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ไม่รอช้า ภริดาหยิบปากกาขนนกเวทมนตร์ที่วางอยู่ข้างกระดาน และลงชื่อบนแผ่นลงทะเบียนรับภารกิจด้วยลายมือที่อ่อนช้อย เธอรู้สึกได้ถึงพลังงานที่ตอบสนองจากกระดาษ ราวกับเป็นสัญญาณว่าภารกิจใหม่ได้เริ่มต้นขึ้นแล้ว</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">หลังจากนั้น เธอก็ยืนขึ้นเต็มความสูง สูดลมหายใจลึกอีกครั้ง รอยยิ้มยังคงอยู่บนใบหน้าขณะที่เธอหมุนตัวเดินจากไป ท่ามกลางแสงแดดที่สาดส่องลงมาราวกับเป็นสัญญาณของการผจญภัยครั้งใหม่ที่กำลังจะเริ่มต้นขึ้น.</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffff00">รับทำภารกิจ งานพิเศษสวนสนุก แดร์ยูนิเวอร์แซล</font></p>
<!-- Magical scrollbar -->
<style>
::-webkit-scrollbar { width:12px; }
::-webkit-scrollbar-track { background: rgba(46,0,62,0.3); border-radius:10px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#b19cd9,#ffd700); border-radius:10px; box-shadow:0 0 10px #ffd700,0 0 20px #b19cd9; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ffd700,#e0d7f8); box-shadow:0 0 20px #ffd700,0 0 40px #b19cd9; }
</style>
</div>
</div>
</div>
<!-- Footer fixed at bottom of page for items & skills -->
<div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, rgb(106, 13, 173), rgb(177, 156, 217)); padding: 15px 20px; border-top: 3px solid rgb(255, 215, 0); border-radius: 0px 0px 25px 25px; box-shadow: rgba(177, 156, 217, 0.5) 0px -5px 20px; font-weight: 600; font-size: 18px;">
<div><font color="#ffffff">สถานที่: </font>บ้านใหญ่ , กระดานงานประจำค่าย</div>
<div><span style="color: #ffffff;">หัวข้อ: </span>ภารกิจสวนสนุกปริศนา: การผจญภัยครั้งใหม่ของภริดา</div>
</div>
</div>
</div>
<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #0a0a0a 0%, #1a0033 50%, #2d1b69 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">
<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
<style>
@keyframes floatParticle {
0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
10% { opacity:0.7; }
90% { opacity:0.7; }
100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
}
</style>
</div>
<!-- Main newspaper container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 10px; background: linear-gradient(145deg, #2a2a2a 0%, #1c1c1c 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(106,13,173,0.7), inset 0 0 30px rgba(255,255,255,0.1); background-clip: padding-box; display:flex; flex-direction:column;">
<!-- Inner frame with glow -->
<div style="position: relative; border-radius: 20px; padding: 30px; background: radial-gradient(at center top, rgb(61, 26, 120) 0%, rgb(46, 0, 62) 50%, rgb(26, 0, 31) 100%); border: 4px solid rgb(106, 13, 173); overflow: hidden; box-shadow: rgba(177, 156, 217, 0.4) 0px 0px 30px inset; display: flex; flex-direction: column;">
<!-- Header -->
<div style="color: rgb(255, 255, 255); position: absolute; top: 25px; left: 50%; transform: translateX(-50%); font-size: 36px; font-weight: 700; text-shadow: rgb(177, 156, 217) 0px 0px 25px, rgb(106, 13, 173) 0px 0px 50px, rgba(0, 0, 0, 0.8) 2px 2px 6px; letter-spacing: 2px;">ค่ายฮาล์ฟบลัด</div>
<div style="color: rgb(209, 196, 233); position: absolute; top: 30px; right: 35px; font-size: 20px; font-weight: 500; background: rgba(255, 255, 255, 0.1); padding: 8px 15px; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(177, 156, 217, 0.3);">วันที่: 15/09/2025</div>
<!-- Main title -->
<div style="color: rgb(224, 215, 248); text-align: center; font-size: 32px; margin-top: 80px; font-weight: 600; text-shadow: rgb(177, 156, 217) 0px 0px 20px, rgb(106, 13, 173) 0px 0px 40px; letter-spacing: 1px; position: relative;">
บันรูปภาพทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 104<div style="position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:250px;height:2px;background:linear-gradient(90deg,transparent,#b19cd9,transparent);box-shadow:0 0 10px #b19cd9,0 0 20px #e0d7f8;"></div>
</div>
<!-- Content area scrollable -->
<div style="display: flex; margin-top: 40px; gap: 30px; align-items: flex-start; flex-wrap: wrap;">
<!-- Character image -->
<div style="color: rgb(255, 255, 255); flex: 1 1 0%; min-width: 250px; display: flex; justify-content: center; align-items: flex-start;">
<div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#b19cd9,#6a0dad);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(177,156,217,0.7);">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
</div>
</div>
<!-- Story content scrollable -->
<div style="flex: 2.5 1 0%; background: rgba(255, 255, 255, 0.08); border: 2px solid rgb(106, 13, 173); border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(177, 156, 217, 0.3) 0px 0px 30px inset, rgba(106, 13, 173, 0.3) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
<p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">หลังจากตรวจสอบเขตเวทมนตร์และยืนยันว่าม่านพลังรอบค่ายยังคงมั่นคงดี ภริดาค่อยๆ ถอนมือออกจากต้นสนแห่งธาเลีย แล้วเดินลงจากเนินเขา เสียงใบสนเสียดสีกับสายลมคล้ายเป็นคำอำลาอันเงียบงัน</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ขาบางก้าวไปอย่างสง่างามสู่ บ้านใหญ่ (Big House) ซึ่งเป็นศูนย์กลางข่าวสารและการติดต่อของค่าย หน้าอาคารมีกระดานไม้ขนาดใหญ่เต็มไปด้วยประกาศงานเวรต่างๆ ที่ทุกคนต้องสลับกันทำหน้าที่ ตั้งแต่งานเวรครัวไปจนถึงงานดูแลสนามฝึกซ้อม</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ริดาจ้องมองประกาศเหล่านั้นอย่างพิจารณา ก่อนสายตาจะหยุดลงที่แผ่นหนึ่ง—"เวรทำความสะอาดโรงอาบน้ำ"</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">เงื่อนไขการรับภารกิจ</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ทำได้วันละ 1 คน</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">1 ID ต่อสัปดาห์</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">คำประกาศิต</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">เนื่องจากฮาร์ปี้ผู้ดูแลโรงอาบน้ำลาคลอด จึงไม่มีผู้ดูแลประจำ กระท่อมแต่ละหลังจึงต้องผลัดเวรทำความสะอาด เพื่อให้โรงอาบน้ำของชาวค่ายคงความสะอาดเรียบร้อยอยู่เสมอ</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">รอยยิ้มบางๆ ผุดขึ้นบนริมฝีปาก งานนี้อาจไม่ใช่ภารกิจยิ่งใหญ่ แต่มีความหมายในเชิงรับผิดชอบต่อส่วนรวม และริดาก็ไม่รังเกียจที่จะลงแรงกับสิ่งเล็กๆ ที่จะทำให้ค่ายดำเนินไปอย่างเป็นระบบ</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">เธอไม่ลังเลที่จะก้าวเข้าไปยังโต๊ะลงทะเบียน จรดปลายปากกาลงบนแผ่นรับภารกิจและเขียนชื่อตัวเองอย่างมั่นใจ เมื่อเงยหน้าขึ้น เธอมองกระดานอีกครั้งเพื่อย้ำความตั้งใจ "โรงอาบน้ำ…ฝากไว้กับข้าในวันนี้" เธอพึมพำเบาๆ ก่อนจะหมุนตัวเดินออกไป ใจพร้อมสำหรับหน้าที่ใหม่ที่กำลังจะเริ่มต้น</p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#9acd32">รับทำภารกิจ : เวรทำความสะอาดโรงอาบน้ำ</font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p>
<!-- Magical scrollbar -->
<style>
::-webkit-scrollbar { width:12px; }
::-webkit-scrollbar-track { background: rgba(46,0,62,0.3); border-radius:10px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#b19cd9,#ffd700); border-radius:10px; box-shadow:0 0 10px #ffd700,0 0 20px #b19cd9; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ffd700,#e0d7f8); box-shadow:0 0 20px #ffd700,0 0 40px #b19cd9; }
</style>
</div>
</div>
</div>
<!-- Footer fixed at bottom of page for items & skills -->
<div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, rgb(106, 13, 173), rgb(177, 156, 217)); padding: 15px 20px; border-top: 3px solid rgb(255, 215, 0); border-radius: 0px 0px 25px 25px; box-shadow: rgba(177, 156, 217, 0.5) 0px -5px 20px; font-weight: 600; font-size: 18px;">
<div><font color="#ffffff">สถานที่: </font>บ้านใหญ่ กระดานงานประจำค่าย</div>
<div><span style="color: #ffffff;">หัวข้อ: </span>ภารกิจเล็กๆ ที่ยิ่งใหญ่</div>
</div>
</div>
</div>
<div style="position: relative; font-family: 'Kanit', sans-serif; background: linear-gradient(135deg, #000000 0%, #1a0000 50%, #330000 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px; overflow-x: hidden;">
<!-- Magical floating particles -->
<div style="position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1;">
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff0000 0%,transparent 70%);border-radius:50%;top:10%;left:10%;animation:floatParticle 8s infinite linear;opacity:0.7;"></div>
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff3333 0%,transparent 70%);border-radius:50%;top:20%;left:30%;animation:floatParticle 10s infinite linear;opacity:0.7;"></div>
<div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ff6666 0%,transparent 70%);border-radius:50%;top:50%;left:70%;animation:floatParticle 12s infinite linear;opacity:0.7;"></div>
<style>
@keyframes floatParticle {
0% { transform: translateY(100vh) rotate(0deg); opacity:0; }
10% { opacity:0.7; }
90% { opacity:0.7; }
100% { transform: translateY(-100px) rotate(360deg); opacity:0; }
}
</style>
</div>
<!-- Top Center Logo -->
<div style="position: relative; z-index: 20; text-align: center; margin-bottom: 20px;">
<img src="https://img2.pic.in.th/pic/1000065888.md.png" alt="ค่ายฮาล์ฟบลัดโลโก้" style="width:150px; height:auto; border-radius:20px; box-shadow:0 0 25px rgba(255,0,0,0.8),0 0 50px rgba(0,0,0,0.9); background:rgba(0,0,0,0.4); padding:5px;">
</div>
<!-- Main Container -->
<div style="position: relative; z-index: 10; max-width: 1400px; width: 100%; border-radius: 25px; padding: 20px; background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%); border: 3px solid transparent; box-shadow: 0 0 50px rgba(255,0,0,0.7), inset 0 0 30px rgba(255,0,0,0.2); background-clip: padding-box; display:flex; flex-direction:column; gap:20px;">
<!-- Magical Header -->
<div style="text-align:center; position:relative;">
<h1 style="color:#ff3333;font-size:40px;font-weight:700;text-shadow:0 0 20px #ff0000,0 0 40px #990000,2px 2px 6px rgba(0,0,0,0.9);letter-spacing:3px;margin:0;">
ค่ายฮาล์ฟบลัด
</h1>
<div style="color: #ff9999; font-size:18px; background: rgba(255,0,0,0.15); padding:8px 15px; border-radius:12px; backdrop-filter: blur(10px); border:1px solid rgba(255,0,0,0.3); position:absolute; right:0; top:0;">
วันที่: 19/09/2025
</div>
</div>
<!-- Main Content Layout -->
<div style="display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start;">
<!-- Character Image -->
<div style="flex:1 1 250px; display:flex; justify-content:center; align-items:flex-start;">
<div style="width:100%;max-width:350px;border:5px solid transparent;border-radius:20px;background:linear-gradient(145deg,#ff0000,#660000);padding:3px;transition:all 0.3s ease;box-shadow:0 0 25px rgba(255,0,0,0.7);">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065673.md.jpg" alt="บุตรีเฮคาที" style="width:100%;border-radius:15px;display:block;transition:transform 0.3s ease;">
</div>
</div>
<!-- Scrollable Story Area -->
<div style="flex:2.5 1 0%; background: rgba(255, 0, 0, 0.08); border: 2px solid #660000; border-radius: 15px; padding: 25px; line-height: 2; font-size: 19px; font-family: Sarabun, sans-serif; box-shadow: rgba(255,0,0,0.3) 0px 0px 30px inset, rgba(255,0,0,0.2) 0px 0px 25px; max-height: 400px; overflow-y: auto; backdrop-filter: blur(6px); position: relative;">
<div style="position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent,#ff0000,transparent);"></div>
<p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">เสียงผ้าใบสีขาวของ ริดา อารยภักดีเทวราช หรือ ริดา ดังแผ่วเบา เธอเดินออกจากอัฒจันทร์หลังเลิกเรียนวิชา กลยุทธ์และการสงคราม แสงบ่ายคล้อยทอดเงานาวยาวบนพื้นหิน นำทางเธอตรงไปยัง บ้านใหญ่—ศูนย์กลางการบริหารและประกาศภารกิจของค่ายฮาล์ฟบลัด</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">กลิ่นไม้สนและกระดาษเก่าหอมอบอวลในอาคาร ริดาเดินไปยัง กระดานงานประจำค่าย ที่ตั้งอยู่กลางโถง มันเต็มไปด้วยใบประกาศซีดจางและแผ่นเวทมนตร์เรืองแสง แต่ละภารกิจถูกปิดผนึกราวกับโอกาสที่รอการไขความลับ</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">ริดายืนอ่านข้อความทีละบรรทัดอย่างใจเย็น เธอไล่สายตาจากงานลาดตระเวนชายป่า, การจัดการเสบียง, ไปจนถึงภารกิจเสริมสร้างค่าย แต่แล้วสายตาคมสวยก็หยุดนิ่ง เมื่อเจอกับแผ่นประกาศที่โดดเด่นกว่าใคร</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">✨ งานพิเศษสวนสนุก แดร์ยูนิเวอร์แซล ✨</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;">คำประกาศิต: สวนสนุกแดร์ยูนิเวอร์แซลเปิดรับสมัคร พนักงานพิเศษ ผู้เปี่ยมด้วยพลังและความกระตือรือร้น เพื่อร่วมสร้างประสบการณ์น่าจดจำแก่ผู้เข้าชม</p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#708090">รับทำภารกิจ : งานพิเศษสวนสนุกแดร์ยูนิเวอร์แซล </font></p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></p>
<!-- Custom Scrollbar -->
<style>
::-webkit-scrollbar { width:12px; }
::-webkit-scrollbar-track { background: rgba(102,0,0,0.3); border-radius:10px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#ff0000,#660000); border-radius:10px; box-shadow:0 0 10px #ff0000,0 0 20px #660000; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ff3333,#990000); box-shadow:0 0 20px #ff3333,0 0 40px #990000; }
</style>
</div>
</div>
<!-- Magical Footer -->
<div style="position: sticky; bottom: 0px; width: 100%; display: flex; justify-content: space-around; align-items: center; background: linear-gradient(145deg, #660000, #330000); padding: 15px 20px; border-top: 3px solid #ff0000; border-radius: 0px 0px 25px 25px; box-shadow: rgba(255,0,0,0.5) 0px -5px 20px; font-weight: 600; font-size: 18px; color:#fff;">
<div>สถานที่: บ้านใหญ่ กระดานงานประจำค่าย</div>
<div>หัวข้อ: แดร์ยูนิเวอร์แซล: ภารกิจใหม่ของริดา</div>
</div>
</div>
</div>