Parida
โพสต์ 2025-9-19 14:11:25
<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;">ทันทีที่เสียงนั้นเงียบลง แสงสีม่วงหม่นเจือประกายเงินก็ปรากฏขึ้นจากจุดที่มือของเธอสัมผัสกับรูปปั้น ลมในโถงบูชาเริ่มหมุนวน ตะเกียงสั่นไหวราวกับตอบรับ และคลื่นพลังเวทอันหนักหน่วงก็ไหลเข้าสู่ร่างของริดา หัวใจของเธอเต้นแรงขึ้น ร่างกายสั่นสะท้านเล็กน้อย ทว่ากลับรู้สึกสงบเยือกเย็น ราวกับได้รับการยอมรับจากสายเลือดแห่งเทพีโดยสมบูรณ์</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">ใช้ตื่นรู้จำนวน 4 แต้มในการปลดล็อคพลัง และ สกิล</font></p><p style="color: #f0f0f0; text-indent: 40px; margin-bottom: 20px;"><br></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>