Parida
โพสต์ 2025-9-17 19:34:50
<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);">วันที่: 16/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;">
บันรูปภาพทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 120<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;">ภริดา หรือ ริดา ก้าวเดินอย่างระมัดระวังไปตามเส้นทางในสวน สายตาจับจ้องทุกสิ่งผิดปกติจนกระทั่งต้องชะงัก—เบื้องหน้ามีเด็กหนุ่มท่าทางเกเรกำลังก่อความวุ่นวาย ปาของใส่ผู้คนและวิ่งไล่หัวเราะเสียงดัง แต่มันไม่ใช่แค่มนุษย์! ร่างกายของมันบิดเบี้ยวในสายตาของริดา เผยโฉมที่แท้จริงออกมาเป็น ก็อบลินระดับ 20 และในเงามืดด้านหลังยังมีอีกตัวที่ใหญ่กว่ามาก—ก็อบลินระดับ 30 กำลังซ่อนตัวอยู่!</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="text-align: center; color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><img src="https://img5.pic.in.th/file/secure-sv1/1000065852.md.jpg" border="0"></p><p style="text-align: center; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb">รูปภาพการต่อสู้ระหว่างริดา กับ อสุรกายก็อบลิน เลเวล 20</font></p><p style="text-align: center; text-indent: 40px; margin-bottom: 20px;"><a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npccomrade:dungeon&do=dungeon_fight&battle_id=180"><font color="#ffc0cb">ลิงก์การต่อสู้ระหว่างริดา กับ อสุรกายก็อบลินเลเวล 20</font></a><font color="#ffc0cb"></font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ก็อบลินระดับ 20 พุ่งเข้ามาก่อนด้วยความเร็ว กรงเล็บหมายจะขย้ำไหล่ของเธอ แต่ริดาหลบหลีกได้อย่างคล่องแคล่วด้วยการก้าวเฉียงไปด้านข้าง ก่อนจะตวัดมีดสั้นเข้าที่สีข้างของมัน เสียงคมโลหะกรีดเนื้อดัง “ฉึก!” เลือดสีดำทะลักออกมา</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="text-align: center; color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><img src="https://img2.pic.in.th/pic/1000065853.md.jpg" border="0"></p><p style="text-align: center; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb">รูปภาพการต่อสู้ระหว่างริดา กับ อสุรกายก็อบลินเลเวล 30</font></p><p style="text-align: center; text-indent: 40px; margin-bottom: 20px;"><a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npccomrade:dungeon&do=dungeon_fight&battle_id=181"><font color="#ffc0cb">ลิงก์การต่อสู้ระหว่างริดา กับ อสุรกายก็อบลิน เลเวล 30</font></a><font color="#ffc0cb"></font></p><p style="text-align: center; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;">ทันใดนั้น ก็อบลินยักษ์ระดับ 30 ก็ก้าวออกมาพร้อมเสียงคำรามที่สะเทือนไปทั่วทั้งเซ็นทรัลพาร์ก มันฟาดดาบยาวสนิมเขรอะลงมาอย่างรุนแรงจนพื้นหญ้าแตกเป็นร่องลึก แต่ริดากระโดดถอยหลังหนีได้อย่างเฉียดฉิว</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;">ร่างยักษ์ของก็อบลินระดับ 30 ส่งเสียงคำรามสุดท้าย ก่อนจะค่อยๆ สลายกลายเป็นเถ้าควันลอยหายไปในสายลม</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="#ffc0cb">ได้รับรางวัล: สินสงคราม ดังต่อไปนี้ หมวกก็อบลิน (สุ่ม)</font></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb"><br></font></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb">ดาบก็อบลิน (สุ่ม)</font></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb"><br></font></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb">หากมีค่า LUK 50 หน่วย จะดรอปเพิ่ม 1 ชิ้น</font></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="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#ffc0cb"><br></font></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;"><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;"></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#9acd32"><br></font></p><p style="text-align: right; text-indent: 40px; margin-bottom: 20px;"><font color="#9acd32"><br></font></p><p style="color: rgb(240, 240, 240); text-indent: 40px; margin-bottom: 20px;"><br></p><p style="text-align: right; 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;"></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="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>Central Park</div><div><br></div>
<div><span style="color: #ffffff;">หัวข้อ: </span>เซ็นทรัลพาร์ก: สมรภูมิแห่งบุตรีเทพี</div>
</div>
</div>
</div>