WHISPERS OF MADNESS AND THE FORGOTTEN ISLE

Daemon โพสต์ 2026-1-9 14:05:50

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-18 17:09 <br /><br />

<style type="text/css">
/* 1. บังคับให้พื้นหลังหน้าเว็บแสดงผล GIF และ Gradient สีเขียวที่คุณต้องการ */
body {
   background:
         radial-gradient(circle at center, rgba(10, 40, 35, 0.8) 0%, rgba(2, 10, 10, 1) 100%),
         url("static/image/postbg/bgs28.gif") !important;
   background-attachment: fixed !important;
   background-size: cover !important;
}

/* 2. ลบสีขาว/สีพื้นหลังมาตรฐานของระบบเว็บบอร์ดออกให้หมด */
#wp, #ct, .mn, .bm, .bm_c, .vw, .viewthread, .ad,
#postlist, .pls, .tbm, .p_pop, .ct2_a, .ct3_a {
   background-color: transparent !important;
   background-image: none !important;
   border: none !important;
}

/* 4. ลบเงาสีขาวรอบกล่องข้อความ */
.fl_tb, .bm {
   box-shadow: none !important;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Cinzel:wght@400;700&family=Kanit:wght@300;500&family=Sarabun:wght@400;600&display=swap');

:root {
   --abyss-black: #020a0a;
   --eldritch-teal: #00fa9a;
   --deep-sea-blue: #002b2b;
   --myth-gold: #c5a059;
}

/* กล่องหลักขยายตามเนื้อหา */
.mission-container-final {
   max-width: 900px;
   margin: 30px auto;
   background: var(--abyss-black);
   background-image: radial-gradient(circle at center, var(--deep-sea-blue) 0%, var(--abyss-black) 100%);
   border: 2px solid #1a3d3d;
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0 0 50px rgba(0,0,0,0.9);
   position: relative;
}

/* Header & Title */
.header-box {
   padding: 100px 20px 70px;
   text-align: center;
   border-bottom: 1px solid rgba(197, 160, 89, 0.2);
   position: relative;
}

/* กราฟิกแสงหมอก */
.fog-overlay {
   position: absolute;
   top: 0; left: 0; width: 100%; height: 100%;
   background: radial-gradient(circle at 50% -10%, rgba(0, 250, 154, 0.1) 0%, transparent 70%);
   pointer-events: none;
}

/* โซนการ์ดตัวละครแบบพรีเมียม (อ้างอิงโค้ดชุดที่ 2) */
.team-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   padding: 60px 40px;
}

.premium-card {
   position: relative;
   height: 420px;
   border: 1px solid rgba(197, 160, 89, 0.3);
   border-radius: 8px;
   overflow: hidden;
   background: #000;
   transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.premium-card::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(to bottom, transparent 40%, rgba(0, 26, 26, 0.95) 90%);
   z-index: 2;
}

.premium-card:hover {
   border-color: var(--eldritch-teal);
   transform: translateY(-10px);
   box-shadow: 0 10px 30px rgba(0, 250, 154, 0.2);
}

.image-holder {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center;
   filter: grayscale(80%) brightness(0.7);
   transition: 0.8s;
}

.premium-card:hover .image-holder {
   filter: grayscale(0%) brightness(1);
   transform: scale(1.05);
}

.card-meta {
   position: absolute;
   bottom: 25px;
   left: 0; width: 100%;
   z-index: 3;
   text-align: center;
}

.c-line {
   width: 30px; height: 1px; background: var(--myth-gold);
   margin: 8px auto;
}

/* เนื้อหาพลอต */
.content-area {
   padding: 50px 70px;
   background: rgba(0,0,0,0.3);
}

.prophecy-inner {
   border-top: 1px solid var(--myth-gold);
   border-bottom: 1px solid var(--myth-gold);
   padding: 40px;
   margin-bottom: 50px;
   text-align: center;
   background: rgba(26, 61, 61, 0.15);
   position: relative;
}

/* ตกแต่งมุม */
.ornament {
   position: absolute;
   width: 60px; height: 60px;
   border: 1px solid var(--myth-gold);
   opacity: 0.3;
}
.tl { top: 15px; left: 15px; border-right: none; border-bottom: none; }
.br { bottom: 15px; right: 15px; border-left: none; border-top: none; }

@media (max-width: 768px) {
   .team-grid { grid-template-columns: 1fr; }
   .content-area { padding: 40px 30px; }
}
</style>

<div class="mission-container-final">
<div class="fog-overlay"></div>
<div class="ornament tl"></div>
<div class="ornament br"></div>

<div class="header-box">
   <font face="Cinzel" size="3" color="#c5a059" style="letter-spacing: 5px;">【 MISSION PROLOGUE 】</font><br><br>
   <font face="Cinzel Decorative" size="7" color="#ffffff" style="text-shadow: 0 0 15px #00fa9a;">
         WHISPERS OF MADNESS
   </font><br><br>
   <font face="Cinzel" size="5" color="#00fa9a" style="letter-spacing: 3px;">
         AND THE FORGOTTEN ISLE
   </font>
</div>

<div class="team-grid">
   <div class="premium-card">
         <div class="image-holder" style="background-image: url('https://iili.io/feL89Pj.png');"></div>
         <div class="card-meta">
            <font face="Cinzel" size="4" color="#ffffff">DAMON CANELT</font>
            <div class="c-line"></div>
            <font face="Kanit" size="2" color="#c5a059" style="letter-spacing: 2px;">SON OF APHRODITE</font>
         </div>
   </div>

   <div class="premium-card">
         <div class="image-holder" style="background-image: url('https://i.imgur.com/QRomlQn.jpg');"></div>
         <div class="card-meta">
            <font face="Cinzel" size="4" color="#ffffff">LILIANA TYLER</font>
            <div class="c-line"></div>
            <font face="Kanit" size="2" color="#c5a059" style="letter-spacing: 2px;">THE STRATEGIST</font>
         </div>
   </div>

   <div class="premium-card">
         <div class="image-holder" style="background-image: url('https://img2.pic.in.th/pic/bay6dfcde33532fa20e.png');"></div>
         <div class="card-meta">
            <font face="Cinzel" size="4" color="#ffffff">SATYR BAY</font>
            <div class="c-line"></div>
            <font face="Kanit" size="2" color="#c5a059" style="letter-spacing: 2px;">HELL-FACED DRILLMASTER</font>
         </div>
   </div>
</div>

<div class="content-area">
   <div class="prophecy-inner">
         <font face="Sarabun" size="4" color="#a8d5a2"><i>
            "เมื่อสีน้ำแปรผัน พิษร้ายจากห้วงอเวจี คลื่นวิปลาส คลุมโลกา ปิดเสียงแห่งสมุทร...<br>
            จงค้นหา ผู้ที่หายไป ณ ที่ซึ่งเสียงเงียบงัน<br>
            พลังแห่งเสน่ห์ และ โลหิตแห่งโอลิมปัส จักนำพา สู่ใจกลางแห่งความมืดมิด"
         </i></font>
   </div>

   <div style="text-align: justify;">
         <font face="Cinzel" size="5" color="#c5a059">THE AWAKENING</font><br><br>
         <font face="Sarabun" size="4" color="#cfcfcf" style="line-height: 2;">
            ภายหลังการเดินทางอันทรหดใน "คำพยากรณ์บทแรก" ความสำเร็จที่ได้รับกลับกลายเป็นความขมขื่น เมื่อเหล่าครึ่งเทพพบว่าตนเองถูกหลอกใช้ให้ปลดปล่อย <b>"คธูลู"</b> อสุรกายบรรพกาลให้ตื่นจากการหลับใหล บัดนี้มหาสมุทรทั่วโลกเริ่มเปลี่ยนสีอย่างน่าสะพรึงกลัว และเสียงกระซิบแห่งความบ้าคลั่งกำลังเริ่มต้นขึ้น...
         </font>
   </div>
</div>

<div style="text-align: center; padding: 60px 20px;">
   <font face="Cinzel" size="4" color="#00fa9a" style="border: 1px solid #00fa9a; padding: 12px 40px; cursor: pointer; text-decoration: none;">
         BEGIN MISSION
   </font>
</div>
</div>

Daemon โพสต์ 2026-1-9 18:51:20

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-9 19:04 <br /><br />

<style> @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;700&family=Prompt:wght@300;400;500&family=Tenor+Sans&family=Sarabun:wght@300;400&display=swap');

:root { --void-bg: #010808; --eldritch-teal: #00fa9a; --royal-gold: #c5a059; --gold-glow: rgba(197, 160, 89, 0.5); }

.grimoire-wrapper-ultimate { max-width: 900px; margin: 50px auto; background: var(--void-bg); position: relative; padding: 5px; box-shadow: 0 0 100px rgba(0,0,0,1); }

.grimoire-inner { background: var(--void-bg); border: 1px solid rgba(0, 250, 154, 0.1); position: relative; z-index: 1; }

.story-header-master { height: 450px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, rgba(1, 8, 8, 0.4), var(--void-bg)), url('https://www.transparenttextures.com/patterns/dark-leather.png'); position: relative; border-bottom: 2px solid var(--royal-gold); text-align: center; overflow: hidden; }

.magic-circle { position: absolute; width: 380px; height: 380px; border: 1px solid var(--eldritch-teal); border-radius: 50%; opacity: 0.15; animation: rotate 30s linear infinite; box-shadow: inset 0 0 50px var(--eldritch-teal); }

.title-container { position: relative; z-index: 5; padding: 20px 40px; }

.title-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid var(--royal-gold); border-bottom: 1px solid var(--royal-gold); transform: scaleX(0.5); opacity: 0.5; }

.main-episode-title { font-family: 'Cinzel Decorative', cursive !important; font-weight: 900 !important; letter-spacing: 8px !important; text-transform: uppercase; background: linear-gradient(to bottom, #ffffff 0%, var(--royal-gold) 50%, #8b6b23 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 15px rgba(197, 160, 89, 0.6)); margin: 15px 0 !important; display: block; }

.chapter-text { font-family: 'Cinzel', serif; color: var(--royal-gold); letter-spacing: 15px; font-size: 12px; opacity: 0.8; }

.metadata-bar { display: flex; justify-content: center; gap: 45px; padding: 20px; background: rgba(197, 160, 89, 0.05); border-bottom: 1px solid rgba(0, 250, 154, 0.1); font-family: 'Tenor Sans', sans-serif; }

.manuscript-body { padding: 80px 100px 40px; font-family: 'Prompt', sans-serif; color: #e0e0e0; line-height: 2.3; text-align: justify; }

.dropcap { float: left; font-family: 'Cinzel Decorative', cursive; font-size: 85px; line-height: 60px; padding-top: 10px; padding-right: 15px; color: var(--royal-gold); }

.inner-reflection-zone { margin: 0 100px 50px; padding: 35px; border-left: 2px solid var(--royal-gold); background: linear-gradient(to right, rgba(197, 160, 89, 0.05), transparent); }

.reflection-label { font-family: 'Prompt', sans-serif; font-weight: 500; color: var(--royal-gold); margin-bottom: 5px; display: block; }

.author-epilogue { margin: 0 100px 60px; padding: 30px; background: rgba(0, 250, 154, 0.02); border: 1px dashed rgba(0, 250, 154, 0.15); text-align: center; }

.achievement-card { margin: 40px 80px 80px; padding: 45px; background: linear-gradient(135deg, rgba(197, 160, 89, 0.07) 0%, transparent 100%); border: 1px solid rgba(197, 160, 89, 0.3); position: relative; }

.achievement-card::before { content: ''; position: absolute; top: -12px; left: -12px; width: 30px; height: 30px; border-top: 3px solid var(--eldritch-teal); border-left: 3px solid var(--eldritch-teal); }

.legacy-footer { padding: 60px 20px; text-align: center; background: #000; border-top: 1px solid rgba(255,255,255,0.05); }

@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style>

<div class="grimoire-wrapper-ultimate"> <div class="grimoire-inner">

<div class="story-header-master">
<div class="magic-circle"></div>

<div class="title-container">
   <div class="title-frame"></div>
   <span class="chapter-text"><font size="2">CHAPTER • I</font></span>
   <h1 class="main-episode-title">
         <font size="6">DESTINATION OF MADNESS</font>
   </h1>
   <font face="Cinzel" size="4" color="#d4af37" style="letter-spacing: 6px;">
         DAMON KANNEL
   </font>
</div>
</div>

<div class="metadata-bar">
<font size="2" color="#c5a059">
   <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">09.01.2026</span>
</font>
<font size="2" color="#c5a059">
   <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">09.00 AM – 16.00 PM</span>
</font>
<font size="2" color="#c5a059">
   <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">BIG HOUSE & ROUTE TO NYC</span>
</font>
</div>

<div class="manuscript-body">
<span class="dropcap">เ</span>
<font size="4">
   เสียงระฆังของค่ายฮาล์ฟบลัดดังรัวเป็นจังหวะที่ผมไม่ชอบเลย มันไม่ใช่เสียงเพลงที่ขับขานถึงชัยชนะ แต่มันคือเสียงโลหะกระทบกันที่ฟังดูแห้งแล้งและบีบคั้น ผมยืนอยู่หน้ากระจกในกระท่อมอะโฟรไดต์ จ้องมองเงาสะท้อนของชายคนหนึ่งที่ร่างกายเต็มไปด้วยมัดกล้ามและรอยแผลเป็น แผ่นอกของผมเปลือยเปล่าเช่นเคย ไม่ใช่เพราะอยากอวดอ้างพลัง แต่เพราะผ้าทอใดๆ ก็ตามมักจะทำให้ผมรู้สึกอึดอัดเหมือนถูกพันธนาการในยามที่สัญชาตญาณนักรบตื่นตัว ผมหยิบแหวนเธซีอุสขึ้นมาสวม มันเย็นเยียบจนสั่นไปถึงกระดูก “วันนี้แล้วสินะ” ผมพึมพำกับตัวเอง
   <br><br>
   เมื่อผมก้าวออกไปที่ระเบียงของ<b>บ้านใหญ่ </b>บรรยากาศรอบตัวก็เปลี่ยนไป ชาวค่ายหลายสิบคนมายืนออกันอยู่ด้านล่าง แววตาของพวกเขามีทั้งความหวังและความหวาดกลัว บางคนจ้องมองมาที่ผมเหมือนมองคนบ้าที่จะออกไปหาที่ตาย น้ำในอ่างเก็บน้ำข้างบ้านหลังใหญ่บัดนี้กลายเป็นสีเขียวเน่าเฟะขุ่นมัวอย่างเห็นได้ชัด กลิ่นเหม็นเขียวของมันโชยมาตามลมปีใหม่ที่ควรจะสดชื่น คุณไครอน ยืนรออยู่ก่อนแล้ว ร่างเซนทอร์ของเขาดูยิ่งใหญ่และน่าเกรงขามในเกราะสีทองแดงที่ขัดจนเงาวับ ถึงแม้เขาจะอยู่ในรูปลักษณ์เด็กแต่นั่นก็ไม่ได้กลบความน่าเกรงขามของเขาเลยแม้แต่น้อย ข้างกันนั้นคือ คุณดี (ไดโอนีซุส) ที่ดูเหมือนเพิ่งจะทะเลาะกับใครมา เขาจ้องมองน้ำองุ่นในแก้วด้วยสายตาชิงชัง
   <br><br><font color="#9932cc">
   “เดม่อน ลิเลียน่า ก้าวออกมาข้างหน้า” </font>เสียงของไครอนทุ้มต่ำดังกังวาน ลิเลียน่า เดินมาหยุดอยู่ข้างผม เธอสวมชุดเดินป่าสีโทนเข้ม รัดกุมและดูทะมัดทะแมง ผมสังเกตเห็นมือของเธอที่กำสายสะพายกระเป๋าไว้แน่นจนปลายนิ้วซีดขาว ผมอยากจะเอื้อมมือไปกุมมือเธอไว้ แต่ผมรู้ดีว่าในตอนนี้เราไม่ใช่คู่รักในวันวาน เราคือเพื่อนร่วมภารกิจที่โชคชะตาบังคับให้มารวมตัวกัน
   <br><br><font color="#98fb98">
   “คำพยากรณ์ได้รับการอนุมัติแล้ว” </font>ไครอนประกาศ<font color="#2e8b57"> </font><font color="#98fb98">“มหาสมุทรแปซิฟิกกำลังถูกกัดกิน และเงาจากนอร์สกำลังชักใยอสุรกายจากห้วงลึก พวกเธอคือความหวังเดียวที่จะกู้คืนเสียงแห่งผืนน้ำ ก่อนที่สะพานสู่โลกจะขาดสะบั้น”</font> <br><br><font color="#9932cc">“เออ... แล้วข้าก็รำคาญที่จะเห็นพวกเจ้าเดินเตาะตะไปตายกันสองคน”</font> </font><span style="font-size: large;">คุณ</span><font size="4">ดีแทรกขึ้น พลางโบกมือไปทางเงามืดข้างประตู <font color="#9932cc">“เลยจัดที่ปรึกษาจอมโหดให้ไปคุมประพฤติพวกเจ้าด้วย จะได้ไม่ต้องกลับมาเป็นภาระให้ข้าต้องจัดงานศพให้เสียเวลา” </font>เสียงกีบเท้ากระทบพื้นไม้ดังขรม พร้อมกับร่างกำยำของ เบย์ สโตนบรูค ที่ก้าวออกมา เขาสวมเสื้อกล้ามเผยให้เห็นรอยสักรูปใบไม้และรอยแผลจากการฝึกสอนชาวค่ายข้างมานับทศวรรษ เขาคาบบุหรี่ไว้ในปาก พ่นควันสีเทาออกมาอย่างเย็นชา
   <br><br><font color="#2e8b57">
   “ข้ามาแจ้งเจตจำนงกับไครอนเอง” </font>เบย์กล่าวด้วยเสียงคำรามในลำคอ <font color="#2e8b57">“ข้าไม่อยากให้ไอ้หนูนี่ไปทำชื่อเสียงค่ายเสียกลางทาง โดยเฉพาะเมื่อต้องรับมือกับพวกอสุรกายที่หนังเหนียวกกว่าส้นเท้าแพะของข้า”</font> ไครอนพยักหน้า <font color="#98fb98">“เบย์ สโตนบรูค จะร่วมเดินทางไปกับพวกเธอในฐานะที่ปรึกษาและผู้ชี้ทาง”</font> หลังจากการอวยพรที่ฟังดูเหมือนคำสาปของมิสเตอร์ดีสิ้นสุดลง พวกเราสามคนก็เริ่มออกเดินเท้าออกจากเขตแดนค่ายในเวลา 10.30 น.
   <br><br>
   การเดินเท้าจากลองไอส์แลนด์มุ่งหน้าสู่นิวยอร์กในสภาวะปกติอาจจะดูเหมือนการเดินป่าพักผ่อน แต่ในวันที่ 9 มกราคม 2026 นี้ ทุกอย่างกลับดูผิดเพี้ยนไปหมด ทันทีที่ก้าวพ้นม่านเวทมนตร์ของค่าย ความรู้สึกหนักอึ้งก็กดทับลงบนบ่าของผมทันที <font color="#2e8b57">“เดินเร็ว ๆ หน่อยสิไอ้หนู! อย่ามัวแต่เก๊กโชว์กล้ามท้อง ลิเลียน่า... เธอก็ด้วย อย่ามัวแต่จดจ้องกระดาษจนลืมมองรอยเท้าอสุรกายบนพื้น!”</font> เบย์ตะโกนสั่งการ แววตาของเขาไม่ได้มีความปรานีแม้แต่น้อย เขาสะพายหอกยาวไว้ที่หลังและคอยดมกลิ่นอากาศอยู่ตลอดเวลา เราเดินตัดผ่านป่าละเมาะและเข้าสู่ถนนสายรองที่เงียบสงัด รถยนต์ที่ขับผ่านไปมาดูเหมือนจะไม่สังเกตเห็นชายเปลือยอก นี่คืออำนาจของหมอกที่พรางตาพวกมนุษย์ไว้ บางทีในสายตามนุษย์พวกเขาอาจจะเห็นเราเป็นกลุ่มอะไรสักอย่างที่ไม่ผิดสังเกตมากนักกับการมีคนเปลือยอกในกลุ่ม ผมมองรอบตัวก่อนจะรู้สึกว่าหมอกในวันนี้มันดูจางและบิดเบี้ยว... มันมีสีเขียวจาง ๆ เจือปนอยู่
   <br><br><font color="#ff0000">
   “คุณเบย์ครับ”</font> ผมเอ่ยขึ้นขณะเดินขนาบข้างเขา <font color="#ff0000">“คุณสัมผัสได้ถึงกลิ่นน้ำทะเลที่เน่าเสียแม้เราจะอยู่บนบกไหม?”</font> เบย์หยุดเดินกะทันหัน เขาพ่นบุหรี่ลงพื้นแล้วเหยียบขยี้<font color="#2e8b57"> “ไม่ใช่แค่กลิ่นน้ำเน่าหรอกเดม่อน แต่มันคือกลิ่นของความหวาดกลัว คลื่นวิปลาสนั่นมันเริ่มทำให้จิตใจของสิ่งมีชีวิตแถวนี้ปั่นป่วน ดูนกพวกนั้นสิ” </font>เขาสะบัดมือไปที่ฝูงนกที่เกาะอยู่บนสายไฟ พวกมันไม่ได้ส่งเสียงร้องตามปกติ แต่กลับจ้องมองลงมาที่พวกเราด้วยดวงตาที่แข็งค้าง บางตัวเริ่มจิกกัดขนตัวเองจนเลือดซิบ ลิเลียน่าเดินมาหยุดข้างผม ใบหน้าของเธอซีดเผือด <font color="#ffa500">“ในนิมิต... มันรุนแรงกว่านี้อีกค่ะ เดม่อน ถ้าเราเข้าใกล้แหล่งน้ำที่เป็นศูนย์กลางมากขึ้น จิตใจของพวกคนธรรมดาจะรับไม่ไหว พวกเขาจะกลายเป็นบ้า”
   </font><br><br><font color="#2e8b57">
   “นั่นแหละหน้าที่ของแก เดม่อน” </font>เบย์หันมาจ้องหน้าผม <font color="#2e8b57">“มนตร์มหาเสน่ห์ของแกต้องทำหน้าที่เป็นสมอเรือ อย่าให้เพื่อนร่วมทีมหรือแม้แต่ตัวแกเองต้องหลุดลอยไปตามเสียงกระซิบของคธูลูเข้าใจไหม!”</font> <br><br>เราเดินเท้าต่อไปอีกหลายกิโลเมตร ผ่านย่านชานเมืองที่ดูรกร้างขึ้นเรื่อย ๆ ยิ่งเข้าใกล้นิวยอร์ก บรรยากาศก็ยิ่งดูเหมือนเมืองที่กำลังหลับใหลอย่างไม่เป็นสุข ผมสังเกตเห็นคนเดินเท้าบางคนเดินพึมพำกับตัวเองอยู่ริมถนน ดวงตาของพวกเขาเลื่อนลอย เวลาล่วงเลยไปจนถึงบ่ายสี่โมง แสงแดดสีส้มหม่นเริ่มฉาบไปทั่วขอบฟ้าเหนือตึกสูงของแมนฮัตตันที่ปรากฏอยู่ไกล ๆ แต่สิ่งที่ทำให้ผมใจสั่นคือเมฆหมอกสีเขียวที่ปกคลุมอยู่เหนือยอดตึกเหล่านั้น มันดูเหมือนหนวดของอสุรกายขนาดยักษ์ที่กำลังโอบรัดเมืองหลวงของโลกเอาไว้<font color="#ffa500"> “พิกัดแรกคือนิวยอร์ก”</font> ลิเลียน่าพึมพำพลางกางแผนที่<font color="#ff0000"> <br></font></font><font color="#ff0000" style="font-size: large;"><br>“เราต้องหาเบาะแสเกี่ยวกับผู้ที่หายไปที่นี่ เรเชลบอกว่าเขามีคำตอบเรื่องเกาะโอจีเจีย”</font><span style="font-size: large;"> ผมกระชับมือที่สวมแหวน ความร้อนจากแหวนเริ่มแผ่ซ่านไปทั่ววงแขน<font color="#ff0000"> “เตรียมตัวให้พร้อมนะทุกคน เรากำลังจะเข้าสู่เขตที่ความบ้าคลั่งรุนแรงที่สุด”</font> <br><br>เบย์หยิบมีดสั้นออกมาควงในมือ <font color="#2e8b57">“ยินดีต้อนรับสู่นิวยอร์ก... เมืองที่ไม่มีวันหลับ เพราะพวกเขาคงกำลังฝันร้ายกันหมดแล้วแน่!”</font></span></div>

<div class="inner-reflection-zone">
<div style="margin-bottom: 25px;">
   <span class="reflection-label"><font size="3">ความรู้สึก</font></span>
   <font face="Prompt" size="3" color="#cfcfcf">ภายใต้ใบหน้าที่เคร่งขรึมและร่างกายที่ผมพยายามฝึกฝนให้ดูไร้ช่องโหว่ ผมกลับรู้สึกถึงความหนักอึ้งที่แทบจะทนไม่ไหว ความห่วงใยที่ผมมีต่อลิเลียน่านั้นรุนแรงพอๆ กับความยำเกรงในตัวเบย์ ผมต้องแสร้งทำเป็นนิ่งเฉยเพื่อประคองสติของเพื่อนร่วมทีมเอาไว้ แต่ทุกครั้งที่ลมพัดเอากลิ่นเน่าเสียของสมุทรมาปะทะผิวหนัง ผมรู้สึกเหมือนตัวเองกำลังเดินเข้าสู่กรงขังที่มองไม่เห็น กรงขังที่ชื่อว่า 'โชคชะตา'</font>
</div>
<div>
   <span class="reflection-label"><font size="3">ความคิด</font></span>
   <font face="Prompt" size="3" color="#cfcfcf">มหาสมุทรที่เปลี่ยนสีและนกที่คุ้มคลั่งพวกนั้นคือภาพสะท้อนที่ชัดเจนที่สุด—ความบ้าคลั่งไม่ใช่แค่เรื่องเล่า แต่มันคือยาพิษที่กำลังซึมลึกเข้าสู่กระแสเลือดของโลก ผมมองว่าดาบหรือหอกในมือเบย์อาจจะเป็นแค่ของเล่นเด็ก หากศัตรูของเราคือเสียงกระซิบที่แทรกซึมเข้าสู่จิตใจ สิ่งเดียวที่ผมเชื่อมั่นตอนนี้ไม่ใช่กำลังแขน แต่เป็น 'มนตร์มหาเสน่ห์' ที่ผมเคยเดียดฉันท์ เพราะมันอาจจะเป็นสมอเดียวที่เหนี่ยวรั้งพวกเราไว้ไม่ให้กลายเป็นส่วนหนึ่งของความวิปลาสนี้</font>
</div>
</div>

<div class="author-epilogue">
<font face="Prompt" size="2" color="#00fa9a" style="letter-spacing: 2px;">AUTHOR'S NOTE / CONCLUSION:</font><br>
<font face="Prompt" size="3" color="#a8d5a2">"การเริ่มต้นเดินเท้าในบทแรกนี้เป็นเพียงการเปิดประตูสู่สงครามจิตวิทยา ภัยคุกคามจากคธูลูไม่ได้พุ่งเป้าไปที่ชีวิต แต่พุ่งเป้าไปที่ 'ความหมายของการมีสติ' การรวมทีมระหว่างผม ลิเลียน่า และคุณเบย์ คือส่วนผสมที่อันตรายที่สุดเท่าที่จะนึกออก—เสน่ห์ ปัญญา และสัญชาตญาณดิบ เราไม่ได้แค่กำลังเดินทางไปนิวยอร์ก แต่เรากำลังเดินเข้าไปพิสูจน์ว่า 'ความเป็นมนุษย์กึ่งเทพ' จะต้านทาน 'ความวิปลาสจากบรรพกาล' ได้นานแค่ไหน"</font>
</div>

<div class="achievement-card">
<div style="margin-bottom: 35px;">
   <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION REWARDS</font><br><br>
   <font face="Prompt" size="4" color="#ffffff">
         • ปลดล็อกบทนำ: <b>Destination of Madness</b><br>
         • เริ่มต้นเส้นทางสู่นิวยอร์ก (The Path to NYC)
   </font>
</div>

<div style="border-left: 2px solid #d4af37; padding-left: 20px;">
   <font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 2px;">RELATIONSHIP & EFFECTS</font><br><br>

   <font face="Prompt" size="3" color="#ffffff"><b> เบย์ สโตนบรูค</b></font><br>
   <font face="Prompt" size="3" color="#cfcfcf">
         เพิ่มระดับความสัมพันธ์จากพูดคุย (+5) | โบนัสพลังหอมเย้ายวนและเสน่ห์เลิศล้ำ (+15)<br>
         <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
   </font><br><br>

   <font face="Prompt" size="3" color="#ffffff"><b> ลิเลียน่า ไทเลอร์</b></font><br>
   <font face="Prompt" size="3" color="#cfcfcf">
         เพิ่มระดับความสัมพันธ์จากพูดคุย (+5) | โบนัสพลังหอมเย้ายวนและเสน่ห์เลิศล้ำ (+15)<br>
         <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
   </font><br><br>

   <font face="Prompt" size="3" color="#ffffff"><b> ไครอน</b></font><br>
   <font face="Prompt" size="3" color="#cfcfcf">
         เพิ่มระดับความสัมพันธ์จากพูดคุย (+5) | โบนัสพลังหอมเย้ายวนและเสน่ห์เลิศล้ำ (+15)<br>
         <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
   </font><br><br>

   <font face="Prompt" size="3" color="#ffffff"><b> ไดโอนีซุส (คุณดี)</b></font><br>
   <font face="Prompt" size="3" color="#cfcfcf">
         เพิ่มระดับความสัมพันธ์จากพูดคุย (+5) | โบนัสชื่อเสียง HEROES +25<br>
         <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 30 POINTS</span>
   </font>
</div>
</div>

<div class="legacy-footer">
<div class="bloodline-seal">
   <font size="2">OLYMPUS LEGACY</font><br>
   <font size="4">APHRODITE BLOODLINE</font>
</div>
</div>
</div> </div>

Daemon โพสต์ 2026-1-9 23:18:05

Daemon โพสต์ 2026-1-10 21:18:39

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-10 21:22 <br /><br />
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;700&family=Prompt:wght@300;400;500&family=Tenor+Sans&family=Sarabun:wght@300;400&display=swap');

:root {
   --void-bg: #010808;
   --eldritch-teal: #00fa9a;
   --royal-gold: #c5a059;
   --bright-gold-gradient: linear-gradient(to bottom, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
   --gold-glow: rgba(197, 160, 89, 0.5);
   /* Character Speech Colors */
   --daemon-speech: #ff0000;
   --bay-speech: #006400;
   --liliana-speech: #ffd700;
}

.grimoire-wrapper-ultimate {
   max-width: 900px;
   margin: 50px auto;
   background: var(--void-bg);
   position: relative;
   padding: 5px;
   box-shadow: 0 0 100px rgba(0,0,0,1);
}

.grimoire-inner {
   background: var(--void-bg);
   border: 1px solid rgba(0, 250, 154, 0.1);
   position: relative;
   z-index: 1;
}

.story-header-master {
   height: 450px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-image:
         linear-gradient(to bottom, rgba(1, 8, 8, 0.4), var(--void-bg)),
         url('https://www.transparenttextures.com/patterns/dark-leather.png');
   position: relative;
   border-bottom: 2px solid var(--royal-gold);
   text-align: center;
   overflow: hidden;
}

.magic-circle {
   position: absolute;
   width: 380px; height: 380px;
   border: 1px solid var(--eldritch-teal);
   border-radius: 50%;
   opacity: 0.15;
   animation: rotate 30s linear infinite;
   box-shadow: inset 0 0 50px var(--eldritch-teal);
}

.title-container {
   position: relative;
   z-index: 5;
   padding: 20px 40px;
}

.title-frame {
   position: absolute;
   top: 0; left: 0; width: 100%; height: 100%;
   border-top: 1px solid var(--royal-gold);
   border-bottom: 1px solid var(--royal-gold);
   transform: scaleX(0.5);
   opacity: 0.5;
}

.main-episode-title {
   font-family: 'Cinzel Decorative', cursive !important;
   font-weight: 900 !important;
   letter-spacing: 8px !important;
   text-transform: uppercase;
   background: linear-gradient(to bottom, #ffffff 0%, var(--royal-gold) 50%, #8b6b23 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   filter: drop-shadow(0 0 15px rgba(197, 160, 89, 0.6));
   margin: 15px 0 !important;
   display: block;
}

.chapter-text {
   font-family: 'Cinzel', serif;
   color: var(--royal-gold);
   letter-spacing: 15px;
   font-size: 12px;
   opacity: 0.8;
}

.metadata-bar {
   display: flex;
   justify-content: center;
   gap: 45px;
   padding: 20px;
   background: rgba(197, 160, 89, 0.05);
   border-bottom: 1px solid rgba(0, 250, 154, 0.1);
   font-family: 'Tenor Sans', sans-serif;
}

.manuscript-body {
   padding: 80px 100px 40px;
   font-family: 'Prompt', sans-serif;
   color: #e0e0e0;
   line-height: 2.3;
   text-align: justify;
}

.dropcap {
   float: left;
   font-family: 'Cinzel Decorative', cursive;
   font-size: 85px;
   line-height: 60px;
   padding-top: 10px;
   padding-right: 15px;
   color: var(--royal-gold);
}

/* Speech Color Styling */
.speech-daemon { color: var(--daemon-speech); font-weight: 500; }
.speech-bay { color: var(--bay-speech); font-weight: 500; }
.speech-liliana { color: var(--liliana-speech); font-weight: 500; }

.inner-reflection-zone {
   margin: 0 100px 50px;
   padding: 35px;
   border-left: 2px solid var(--royal-gold);
   background: linear-gradient(to right, rgba(197, 160, 89, 0.05), transparent);
}

.reflection-label {
   font-family: 'Prompt', sans-serif;
   font-weight: 500;
   color: var(--royal-gold);
   margin-bottom: 5px;
   display: block;
}

.author-epilogue {
   margin: 0 100px 60px;
   padding: 30px;
   background: rgba(0, 250, 154, 0.02);
   border: 1px dashed rgba(0, 250, 154, 0.15);
   text-align: center;
}

.achievement-card {
   margin: 40px 80px 80px;
   padding: 45px;
   background: linear-gradient(135deg, rgba(197, 160, 89, 0.07) 0%, transparent 100%);
   border: 1px solid rgba(197, 160, 89, 0.3);
   position: relative;
}

.achievement-card::before {
   content: '';
   position: absolute;
   top: -12px; left: -12px;
   width: 30px; height: 30px;
   border-top: 3px solid var(--eldritch-teal);
   border-left: 3px solid var(--eldritch-teal);
}

/* Legacy Footer Styling (The New Golden Glow) */
.legacy-footer {
   padding: 60px 20px;
   text-align: center;
   background: #000;
   border-top: 1px solid rgba(255,255,255,0.05);
}

.bloodline-seal font {
   background: var(--bright-gold-gradient);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
   font-family: 'Cinzel', serif;
   text-transform: uppercase;
   font-weight: bold;
   filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)) drop-shadow(0 0 10px rgba(255, 215, 0, 0.4));
}

.legacy-text { letter-spacing: 5px; font-size: 14px; margin-bottom: 5px; }
.bloodline-text { letter-spacing: 8px; font-size: 24px; }

@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
</style>

<div class="grimoire-wrapper-ultimate">
<div class="grimoire-inner">

   <div class="story-header-master">
         <div class="magic-circle"></div>

         <div class="title-container">
            <div class="title-frame"></div>
            <span class="chapter-text"><font size="2">CHAPTER • III</font></span>
            <h1 class="main-episode-title">
               <font size="6">THE SILENT CHORUS OF THE ABYSS</font>
            </h1>
            <font face="Cinzel" size="4" color="#d4af37" style="letter-spacing: 6px;">
               DAMON KANNEL
            </font>
         </div>
   </div>

   <div class="metadata-bar">
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">09.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">21.00 PM – 23.30 PM</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">SUBWAY TUNNELS (LINE N/R), NYC</span>
         </font>
   </div>

   <div class="manuscript-body">
         <span class="dropcap">ก</span>
         <font size="4">
            กลิ่นอับชื้นของอุโมงค์รถไฟใต้ดินนิวยอร์กมักจะเป็นกลิ่นผสมระหว่างสนิมเหล็ก ขยะเน่า และลมร้อนที่พัดมาจากรางไฟฟ้า แต่คืนนี้มันต่างออกไป กลิ่นที่ไหลเวียนอยู่ในปอดของผมคือกลิ่นน้ำทะเลที่ตายแล้ว มันเค็มจัดและคละคลุ้งไปด้วยไอระเหยสีเขียวมรกตที่เข้มข้นจนมองเห็นได้ด้วยตาเปล่า แสงจากมือถือของลิเลียน่าส่องให้เห็นภาพที่ทำให้ผมต้องหยุดหายใจ บนชานชาลาบัดนี้กลับมีกลุ่มคนประมาณยี่สิบคนในชุดผ้าคลุมสีดำ พึมพำถ้อยคำที่ฟังไม่ได้ศัพท์แต่มันสั่นสะเทือนสติสัมปชัญญะของผมอย่างรุนแรง
            <br><br>
            <span class="speech-bay">"อย่าฟังพวกมัน!"</span> โค้ชเบย์ ตะคอกเสียงต่ำ เขาเอามืออุดหูพลางกระชับหอก <span class="speech-bay">"ไอ้พวกนี้มันไม่ใช่คนแล้วเดม่อน สติพวกมันถูกกลืนกินไปหมดแล้ว"</span>
            <br><br>
            <span class="speech-liliana">"ลัทธิเสียงกระซิบ..."</span> ลิเลียน่าพึมพำ แววตาเธอฉายชัดถึงความเจ็บปวด <span class="speech-liliana">"พวกเขาไม่ได้กำลังสวดมนต์ แต่พวกเขากำลังทำหน้าที่เป็นเสาอากาศ เพื่อกระจายความวิปลาสของคธูลูเข้าไปในระบบรางรถไฟทั่วเมือง"</span>
            <br><br>
            ผมก้าวเท้าลงบนชานชาลา ทันใดนั้น กลุ่มคนชุดดำก็หยุดพึมพำ พวกเขาหันมามองเราพร้อมกัน ดวงตาของพวกเขาทุกคนไม่มีม่านตา... มันเป็นสีเขียวเรืองแสงสว่างวาบ มีเพียงความว่างเปล่าที่ชวนคลื่นเหียน "ผู้แบกรับความทรงจำ..." หนึ่งในนั้นพูดออกมา เสียงแหบพร่าและซ้อนทับกัน "จงทิ้งความงามของเจ้า... และจมดิ่งสู่ความเงียบที่แท้จริง"
            <br><br>
            <span class="speech-daemon">"เงียบไปซะ!"</span> ผมตวาดกลับ รีดเค้นพลังมนต์มหาเสน่ห์ออกมาประหนึ่งเป็นเกราะคุ้มกัน <span class="speech-daemon">"พวกคุณยังมีสติอยู่! จงตื่นจากฝันร้ายนี้แล้วไสหัวไปจากที่นี่ซะ!"</span>
            <br><br>
            พลังของผมพุ่งเข้าปะทะราวกับคลื่นยักษ์ กลุ่มลัทธิบางคนถึงกับล้มหงายหลัง แสงสีเขียวในดวงตาหม่นแสงลงชั่วขณะ แต่ทว่า... ความวิปลาสในนี้มันเข้มข้นเกินไป <span class="speech-bay">"ระวัง!"</span> โค้ชเบย์คำรามพลางพุ่งตัวไปข้างหน้า บางอย่างพุ่งออกมาจากความมืดของอุโมงค์รางรถไฟ มันเป็นอสุรกายกึ่งมนุษย์กึ่งปลาหมึก ผิวหนังเป็นสีม่วงอมเขียวหนานูน มันคือ<b>สเกาจ์</b><br><br>
            <span class="speech-daemon">"ลิเลียน่า หาทางตัดไฟทางฝั่งขวา! โค้ช... คุ้มกันเธอ ผมจะจัดการไอ้ตัวนี้เอง!"</span> ผมสั่งการด้วยน้ำเสียงเด็ดขาด ผมโถมตัวเข้าหาอสุรกาย แหวนเธซีอุสเรืองแสงสีชมพูหม่นค้างไว้ ผมใช้มนต์มหาเสน่ห์ในการสั่งให้กล้ามเนื้อของมันอ่อนแรง <span class="speech-daemon">"จงช้าลง... จงไร้เรี่ยวแรง!"</span>
            <br><br>
            สเกาจ์ตัวนั้นชะงักงันกลางอากาศ โค้ชเบย์พุ่งหอกเข้าเสียบกลางอกมันจนมิด แสงไฟในสถานีดับวูบลงจากการที่ลิเลียน่าดึงคัทเอาท์ใหญ่ลง ความมืดเข้าปกคลุมทันที แต่สำหรับผม... แสงจากแหวนคือสิ่งเดียวที่นำทาง <span class="speech-bay">"ไปที่ปลายทางรถไฟสาย N/R!"</span> โค้ชเบย์ตะโกน <span class="speech-bay">"เราต้องขึ้นรถบัสเกรย์ฮาวน์ออกจากเมืองนี้ให้เร็วที่สุด!"</span>
            <br><br>
            เราวิ่งฝ่าความมืดและกลุ่มลัทธิที่เริ่มคลุ้มคลั่งและกระโจนเข้าใส่ เสียงกระซิบในหัวผมดังขึ้นเรื่อยๆ แต่มันกลับทำอะไรผมไม่ได้ เพราะใจผมจดจ่ออยู่กับการรักษาสมอเรือของทีมเอาไว้ เราพุ่งตัวขึ้นบันไดทางออกอีกฝั่ง โผล่ขึ้นมากลางนิวยอร์กที่หนาวเหน็บ <span class="speech-daemon">"นั่นไง... สถานี Greyhound"</span>
         </font>
   </div>

   <div class="inner-reflection-zone">
         <div style="margin-bottom: 25px;">
            <span class="reflection-label"><font size="3">ความรู้สึก</font></span>
            <font face="Prompt" size="3" color="#cfcfcf">การเผชิญหน้ากับลัทธิเสียงกระซิบทำให้ผมรู้สึกเศร้าอย่างบอกไม่ถูก พวกเขาเคยเป็นมนุษย์ที่มีความฝัน มีความรัก ความรับผิดชอบที่ต้องนำทีมผ่านความมืดมิดนี้ทำให้ผมรู้สึกเหมือนแบกภูเขาทั้งลูกไว้บนหลัง</font>
         </div>
         <div>
            <span class="reflection-label"><font size="3">ความคิด</font></span>
            <font face="Prompt" size="3" color="#cfcfcf">อุโมงค์รถไฟใต้ดินคือเครื่องยืนยันว่าโลกิไม่ได้แค่ต้องการฆ่าพวกเรา แต่เขาต้องการเปลี่ยนโลกให้กลายเป็นวิหารของความบ้าคลั่ง พลัง Charmspeak ของผมเริ่มเปลี่ยนไป มันคือการ 'รักษาเขตแดนแห่งสติ'</font>
         </div>
   </div>

   <div class="author-epilogue">
         <font face="Prompt" size="2" color="#00fa9a" style="letter-spacing: 2px;">AUTHOR'S NOTE / CONCLUSION:</font><br>
         <font face="Prompt" size="3" color="#a8d5a2">"บทที่ 3 นี้สะท้อนถึงภัยคุกคามทางจิตใจที่คธูลูมอบให้ การเดินทางสู่วอชิงตัน ดี.ซี. คือจุดเริ่มต้นของ Road Trip แห่งความตายที่แท้จริง"</font>
   </div>

   <div class="achievement-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION REWARDS</font><br><br>
            <font face="Prompt" size="4" color="#ffffff">
               • พิกัดถัดไป: <b>Greyhound Station (Heading to D.C.)</b>
            </font>
         </div>

         <div style="border-left: 2px solid #d4af37; padding-left: 20px;">
            <font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 2px;">RELATIONSHIP & EFFECTS</font><br><br>

            <font face="Prompt" size="3" color="#ffffff"><b> เบย์ สโตนบรูค</b></font><br>
            <font face="Prompt" size="3" color="#cfcfcf">
               ความสัมพันธ์จากพูดคุย (+5) | พลังเสน่ห์ทั้งคู่ (+15)<br>
               <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
            </font><br><br>

            <font face="Prompt" size="3" color="#ffffff"><b> ลิเลียน่า ไทเลอร์</b></font><br>
            <font face="Prompt" size="3" color="#cfcfcf">
               ความสัมพันธ์จากพูดคุย (+5) | พลังเสน่ห์ทั้งคู่ (+15)<br>
               <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
            </font>
         </div>
   </div>

   <div class="legacy-footer">
         <div class="bloodline-seal">
            <font class="legacy-text">OLYMPUS LEGACY</font><br>
            <font class="bloodline-text">APHRODITE BLOODLINE</font>
         </div>
   </div>

</div>
</div>

Daemon โพสต์ 2026-1-11 01:28:56

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-11 23:22 <br /><br />

<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;700&family=Prompt:wght@300;400;500&family=Tenor+Sans&family=Sarabun:wght@300;400&display=swap');

:root {
   --void-bg: #010808;
   --eldritch-teal: #00fa9a;
   --royal-gold: #c5a059;
   --bright-gold-gradient: linear-gradient(to bottom, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
   --gold-glow: rgba(197, 160, 89, 0.5);
   /* Character Speech Colors */
   --daemon-speech: #ff0000;
   --bay-speech: #006400;
   --liliana-speech: #ffd700;
}

.grimoire-wrapper-ultimate {
   max-width: 900px;
   margin: 50px auto;
   background: var(--void-bg);
   position: relative;
   padding: 5px;
   box-shadow: 0 0 100px rgba(0,0,0,1);
}

.grimoire-inner {
   background: var(--void-bg);
   border: 1px solid rgba(0, 250, 154, 0.1);
   position: relative;
   z-index: 1;
}

.story-header-master {
   height: 450px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-image:
         linear-gradient(to bottom, rgba(1, 8, 8, 0.4), var(--void-bg)),
         url('https://www.transparenttextures.com/patterns/dark-leather.png');
   position: relative;
   border-bottom: 2px solid var(--royal-gold);
   text-align: center;
   overflow: hidden;
}

.magic-circle {
   position: absolute;
   width: 380px; height: 380px;
   border: 1px solid var(--eldritch-teal);
   border-radius: 50%;
   opacity: 0.15;
   animation: rotate 30s linear infinite;
   box-shadow: inset 0 0 50px var(--eldritch-teal);
}

.title-container {
   position: relative;
   z-index: 5;
   padding: 20px 40px;
}

.title-frame {
   position: absolute;
   top: 0; left: 0; width: 100%; height: 100%;
   border-top: 1px solid var(--royal-gold);
   border-bottom: 1px solid var(--royal-gold);
   transform: scaleX(0.5);
   opacity: 0.5;
}

.main-episode-title {
   font-family: 'Cinzel Decorative', cursive !important;
   font-weight: 900 !important;
   letter-spacing: 8px !important;
   text-transform: uppercase;
   background: linear-gradient(to bottom, #ffffff 0%, var(--royal-gold) 50%, #8b6b23 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   filter: drop-shadow(0 0 15px rgba(197, 160, 89, 0.6));
   margin: 15px 0 !important;
   display: block;
}

.chapter-text {
   font-family: 'Cinzel', serif;
   color: var(--royal-gold);
   letter-spacing: 15px;
   font-size: 12px;
   opacity: 0.8;
}

.metadata-bar {
   display: flex;
   justify-content: center;
   gap: 45px;
   padding: 20px;
   background: rgba(197, 160, 89, 0.05);
   border-bottom: 1px solid rgba(0, 250, 154, 0.1);
   font-family: 'Tenor Sans', sans-serif;
}

.manuscript-body {
   padding: 80px 100px 40px;
   font-family: 'Prompt', sans-serif;
   color: #e0e0e0;
   line-height: 2.3;
   text-align: justify;
}

.dropcap {
   float: left;
   font-family: 'Cinzel Decorative', cursive;
   font-size: 85px;
   line-height: 60px;
   padding-top: 10px;
   padding-right: 15px;
   color: var(--royal-gold);
}

/* Speech Color Styling */
.speech-daemon { color: var(--daemon-speech); font-weight: 500; }
.speech-bay { color: var(--bay-speech); font-weight: 500; }
.speech-liliana { color: var(--liliana-speech); font-weight: 500; }

.inner-reflection-zone {
   margin: 0 100px 50px;
   padding: 35px;
   border-left: 2px solid var(--royal-gold);
   background: linear-gradient(to right, rgba(197, 160, 89, 0.05), transparent);
}

.reflection-label {
   font-family: 'Prompt', sans-serif;
   font-weight: 500;
   color: var(--royal-gold);
   margin-bottom: 5px;
   display: block;
}

.author-epilogue {
   margin: 0 100px 60px;
   padding: 30px;
   background: rgba(0, 250, 154, 0.02);
   border: 1px dashed rgba(0, 250, 154, 0.15);
   text-align: center;
}

.achievement-card {
   margin: 40px 80px 80px;
   padding: 45px;
   background: linear-gradient(135deg, rgba(197, 160, 89, 0.07) 0%, transparent 100%);
   border: 1px solid rgba(197, 160, 89, 0.3);
   position: relative;
}

.achievement-card::before {
   content: '';
   position: absolute;
   top: -12px; left: -12px;
   width: 30px; height: 30px;
   border-top: 3px solid var(--eldritch-teal);
   border-left: 3px solid var(--eldritch-teal);
}

.legacy-footer {
   padding: 60px 20px;
   text-align: center;
   background: #000;
   border-top: 1px solid rgba(255,255,255,0.05);
}

.bloodline-seal font {
   background: var(--bright-gold-gradient);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
   font-family: 'Cinzel', serif;
   text-transform: uppercase;
   font-weight: bold;
   filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)) drop-shadow(0 0 10px rgba(255, 215, 0, 0.4));
}

.legacy-text { letter-spacing: 5px; font-size: 14px; margin-bottom: 5px; }
.bloodline-text { letter-spacing: 8px; font-size: 24px; }

@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
</style>

<div class="grimoire-wrapper-ultimate">
<div class="grimoire-inner">

   <div class="story-header-master">
         <div class="magic-circle"></div>

         <div class="title-container">
            <div class="title-frame"></div>
            <span class="chapter-text"><font size="2">CHAPTER • IV</font></span>
            <h1 class="main-episode-title">
               <font size="6">THE LATE NIGHT RIDE TO D.C.</font>
            </h1>
            <font face="Cinzel" size="4" color="#d4af37" style="letter-spacing: 6px;">
               DAMON KANNEL
            </font>
         </div>
   </div>

   <div class="metadata-bar">
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">10.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">00.30 AM – 04.00 AM</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">GREYHOUND BUS (ON I-95 SOUTHBOUND)</span>
         </font>
   </div>

   <div class="manuscript-body">
         <span class="dropcap">เ</span>
         <font size="4">
            เสียงเครื่องยนต์ดีเซลของรถบัสเกรย์ฮาวด์ ครางกระหึ่มอย่างต่อเนื่องขณะที่มันพาพวกเราซิ่งฝ่าความมืดมิดบนทางหลวงสาย I-95 มุ่งหน้าสู่วอชิงตัน ดี.ซี. กลางคืนในตอนนี้จึงมืดสนิทราวกับถูกชุบด้วยหมึกจีน แถมฝนยังเริ่มโปรยปรายลงมาบดบังทัศนวิสัยจนเห็นเพียงแสงไฟท้ายรถคันหน้าเป็นจุดสีแดงจางๆ บรรยากาศบนรถบัสเที่ยวเที่ยงคืนมันช่างน่าอึดอัด ผู้โดยสารมนุษย์ประมาณสิบกว่าคนนั่งกระจัดกระจาย บ้างก็หลับสลับสนิท บ้างก็จ้องมองออกไปนอกหน้าต่างด้วยดวงตาที่เลื่อนลอยจากอิทธิพลของคลื่นวิปลาส ที่ยังคงอบอวลอยู่ในอากาศ
            <br><br>
            ลิเลียน่า นั่งหลับพิงไหล่ผมอยู่ ลมหายใจที่สม่ำเสมอของเธอเป็นสิ่งเดียวที่ช่วยยึดเหนี่ยวสติของผมไว้ ส่วนโค้ชเบย์นั่งอยู่เบาะหน้าสุด เขาจ้องเขม็งไปที่กระจกมองหลังของคนขับ แววตาของเซเทอร์จอมโหดดูระแวดระวังผิดปกติ
            <br><br>
            <font color="#ffc0cb">"เดม่อน..." </font>เสียงกระซิบที่หวานหยดย้อยดังขึ้นข้างหูผม ทั้งที่ลิเลียน่ายังหลับอยู่ ผมลืมตาโพล่ง แหวนเธซีอุสส่งความร้อนวาบจนผิวหนังแทบไหม้ ผมมองไปตามทางเดินของรถบัส แล้วก็พบกับพนักงานต้อนรับสาวสวยคนหนึ่ง เธอเดินนวยนาดมา ผิวขาวซีดดุจหิมะ และเส้นผมสีแดงเพลิงที่ขยับเขยื้อนได้เองราวกับเปลวไฟ
            <br><br><font color="#ffc0cb">
            "ถ้านอนไม่หลับ รับเครื่องดื่มอุ่นๆ สักหน่อยไหมคะ?" </font>เธอยิ้มให้ผม แววตาสีแดงฉานวูบหนึ่งทำเอาผมขนลุกซู่ ผมสังเกตเห็นความผิดปกติทันที มนตร์มหาเสน่ห์ในตัวผมมันดื้อรั้นกว่าหมอก ผมมองเห็นปลอกขาสำริดที่ดูเทอะทะใต้กระโปรงของเธอ และขาอีกข้างที่ดูเหมือนขาลาขนรุงรัง
            <br><br>
            <span class="speech-daemon">"เอ็มพูซา..."</span> ผมพึมพำเบาๆ พร้อมกับกระชับร่างลิเลียน่า
            <br><br><font color="#ffc0cb">
            "โอ้... พ่อหนุ่มรูปงาม รู้จักชื่อพวกเราด้วยหรือจ๊ะ?"</font> นางอสุรกายฉีกยิ้มกว้างขึ้นจนเห็นเขี้ยวแหลมคม <font color="#ffc0cb">"สบตากับข้าสิ... แล้วเจ้าจะพบว่านิทราที่หวานชื่นที่สุด คือการจมลงในคมเขี้ยวของข้า"</font> ทันใดนั้น ผู้โดยสารมนุษย์รอบตัวผมก็เริ่มลุกขึ้นยืนด้วยท่าทางเหมือนคนละเมอ ดวงตาเปลี่ยนเป็นสีเขียวขุ่นขวาง <font color="#afeeee">"ฆ่ามัน... ปิดเสียงของมัน..." </font>พวกเขาพึมพำเป็นเสียงเดียวกัน
            <br><br>
            <span class="speech-daemon">"โค้ชเบย์! ตื่น!"</span> ผมตะโกนลั่น พร้อมกับรีดเค้นพลังมนต์มหาเสน่ห์ออกมา <span class="speech-daemon">"ทุกคนนั่งลง! นี่คือคำสั่ง! อย่าให้เสียงลวงนั่นเข้าถึงใจของพวกคุณได้!"</span> เสียงของผมดังกังวานไปทั่วตัวรถบัสที่คับแคบ มนุษย์เหล่านั้นชะงักและทรุดตัวลงนั่งอย่างงุนงง เอ็มพูซาสาวกรีดร้องอย่างหงุดหงิด เธอขยายร่างจนตัวสูงใหญ่ เส้นผมลุกเป็นไฟโชติช่วงจนเพดานรถเริ่มละลาย <font color="#ffc0cb">"แก! ไอ้เด็กปากดี!"</font> เธอพุ่งเข้าใส่ผมพร้อมกรงเล็บไฟ
            <br><br>
            เคร้ง! หอกของโค้ชเบย์พุ่งเข้าขวางได้ทันท่วงที <span class="speech-bay">"ถอยไปเดม่อน! ไอ้พวกเชียร์ลีดเดอร์ตกนรกนี่ข้าจัดการเอง!"</span> โค้ชเบย์ตะโกนพลางเหวี่ยงหอกเข้าใส่ขาสำริดของนางอสุรกาย <span class="speech-bay">"ยัยหน้าผี! ยัยลาขากะเผลก! ไปหัดเสริมสวยในทาร์ทารัสไป๊!"</span> เสียงด่าทอทำให้เอ็มพูซาตนนั้นชะงักและส่งเสียงหวีดร้องแหลมสูงด้วยความอับอาย
            <br><br>
            <span class="speech-liliana">"เดม่อน! ใช้พลังของนายปิดบัญชีมันซะ!"</span> ลิเลียน่าที่ตื่นขึ้นมาเสริม พร้อมกับปามีดสั้นเข้าใส่ ผมลุกขึ้นยืนเต็มความสูง ปล่อยให้มนต์มหาเสน่ห์ไหลเวียนไปทั่วร่างจนผิวหนังเรืองแสงสีชมพูจางๆ <span class="speech-daemon">"เจ้ามันก็น่าเกลียดแค่เปลือกนอกเท่านั้นแหละเอ็มพูซา! ร่างจริงของเจ้าน่าสมเพชเสียจนความมืดต้องเบือนหน้าหนี... จงกลับคืนสู่ความว่างเปล่าไปซะ!"</span>
            <br><br>
            นางอสุรกายกรีดร้องโหยหวนเมื่อเจอทั้งหอกของเซเทอร์และการด่าทอด้วยมนตร์มหาเสน่ห์ ร่างของเธอระเบิดออกเป็นเปลวไฟสีม่วงก่อนจะสลายกลายเป็นฝุ่นกำมะถันสีทองที่ปลิวหายไปตามช่องแอร์ของรถบัส ความเงียบกลับมาปกคลุมอีกครั้ง เหลือเพียงเสียงฝนและเสียงหอบหายใจของพวกเราสามคน
            <br><br>
            <span class="speech-liliana">"เกือบไปแล้ว..."</span> ลิเลียน่าพึมพำพลางปาดเหงื่อ <br></font><span class="speech-bay" style="font-size: large;"><font color="#e0e0e0"><br></font>"มันรู้ว่าเรากำลังไปดี.ซี."</span><span style="font-size: large;"> โค้ชเบย์เก็บหอก แววตาเขายังคงเคร่งเครียด </span><span class="speech-bay" style="font-size: large;">"และนั่นแค่ตัวเดียว บนโลกที่วิปลาสแบบนี้... พวกมันคงจะมารอรับเราเป็นฝูงที่สถานีปลายทางแน่"</span><span style="font-size: large;"> ผมมองออกไปนอกหน้าต่าง วอชิงตัน ดี.ซี. อยู่ไม่ไกล และผมรู้ดีว่าเสียงกระซิบที่นั่นจะดังยิ่งกว่าบนรถบัสคันนี้ร้อยเท่า</span></div>

   <div class="inner-reflection-zone">
         <div style="margin-bottom: 25px;">
            <span class="reflection-label"><font size="3">ความรู้สึก</font></span>
            <font face="Prompt" size="3" color="#cfcfcf">ผมรู้สึกสะอิดสะเอียนทุกครั้งที่ต้องใช้คำพูดเพื่อทำลายดวงจิตของใคร แม้จะเป็นอสุรกายก็ตาม ความสวยงามที่แม่ให้มากลายเป็นดาบสองคมที่ผมต้องกวัดแกว่งอย่างระมัดระวัง ผมมองดูลิเลียน่าและโค้ชเบย์แล้วรู้สึกผิดที่พาพวกเขามาเสี่ยงในพื้นที่จำกัดแบบนี้ แต่แววตาที่เชื่อมั่นของพวกเขาทำให้ผมต้องกลืนความกลัวลงไป</font>
         </div>
         <div>
            <span class="reflection-label"><font size="3">ความคิด</font></span>
            <font face="Prompt" size="3" color="#cfcfcf">เอ็มพูซาไม่ได้มาเพื่อฆ่าอย่างเดียว แต่มันมาเพื่อทดสอบความมั่นใจในพลังของผม โลกิกำลังส่งสารบอกผมว่าเขารู้จุดอ่อนของลูกหลานอะโฟรไดต์ดี ผมมองว่าสถานีเกรย์ฮาวด์ในดี.ซี. จะกลายเป็นสมรภูมิที่แท้จริง เราต้องหาทางอุดหูมนุษย์ธรรมดาให้ได้ก่อนที่ความบ้าคลั่งจะทำให้เมืองหลวงพินาศ</font>
         </div>
   </div>

   <div class="author-epilogue">
         <font face="Prompt" size="2" color="#00fa9a" style="letter-spacing: 2px;">AUTHOR'S NOTE / CONCLUSION:</font><br>
         <font face="Prompt" size="3" color="#a8d5a2">"บทที่ 4 คือการดวลกันระหว่างการล่อลวงและอำนาจสั่งการ การเอาชนะเอ็มพูซาด้วยการด่าทอและมนต์มหาเสน่ห์ เป็นการตอกย้ำว่าเดม่อนเริ่มก้าวข้ามขีดจำกัดของตัวเอง การเดินทางที่บีบคั้นสู่วอชิงตัน ดี.ซี. ที่ซึ่งสะพานสู่โลกกำลังจะพังทลาย"</font>
   </div>

   <div class="achievement-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION REWARDS</font><br><br>
            <font face="Prompt" size="4" color="#ffffff">
               • สถานะ: มุ่งหน้าสู่ <b>Washington D.C. Union Station<br></b></font><span style="color: rgb(255, 255, 255); font-family: Prompt; font-size: large;">• </span><font face="Prompt" size="4" color="#ffffff">ผลการต่อสู้ </font><a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npccomrade:dungeon&do=dungeon_fight&battle_id=533"><font face="Pridi" size="4" color="#ffff00">Link</font></a><font face="Prompt" size="4" color="#ffffff"><br>
               • ไอเทม: <b>2x ขาทองแดง, 1x แก่นวิญญาณเอ็มพูซา</b> (พิเศษ LUK 60+ ได้รับขาทองแดง +2x, แก่นวิญญาณเอ็มพูซา +1x)
            </font>
         </div>

         <div style="border-left: 2px solid #d4af37; padding-left: 20px;">
            <font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 2px;">RELATIONSHIP & EFFECTS</font><br><br>

            <font face="Prompt" size="3" color="#ffffff"><b> เบย์ สโตนบรูค</b></font><br>
            <font face="Prompt" size="3" color="#cfcfcf">
               ความสัมพันธ์จากพูดคุย (+5) | พลังเสน่ห์ทั้งคู่ (+15)<br>
               <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
            </font><br><br>

            <font face="Prompt" size="3" color="#ffffff"><b> ลิเลียน่า ไทเลอร์</b></font><br>
            <font face="Prompt" size="3" color="#cfcfcf">
               ความสัมพันธ์จากพูดคุย (+5) | พลังเสน่ห์ทั้งคู่ (+15)<br>
               <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
            </font>
         </div>
   </div>

   <div class="legacy-footer">
         <div class="bloodline-seal">
            <font class="legacy-text">OLYMPUS LEGACY</font><br>
            <font class="bloodline-text">APHRODITE BLOODLINE</font>
         </div>
   </div>

</div>
</div>

Daemon โพสต์ 2026-1-11 23:42:25

Daemon โพสต์ 2026-1-12 19:51:13

Daemon โพสต์ 2026-1-13 01:42:55

Daemon โพสต์ 2026-1-13 11:46:34

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-13 14:14 <br /><br />

<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;700&family=Prompt:wght@300;400;500&family=Tenor+Sans&family=Sarabun:wght@300;400&display=swap');

:root {
   --void-bg: #010808;
   --eldritch-teal: #00fa9a;
   --royal-gold: #c5a059;
   --bright-gold-gradient: linear-gradient(to bottom, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
   --gold-glow: rgba(197, 160, 89, 0.5);
   /* Character Speech Colors */
   --daemon-speech: #ff0000;
   --bay-speech: #006400;
   --liliana-speech: #ffd700;
}

.grimoire-wrapper-ultimate {
   max-width: 900px;
   margin: 50px auto;
   background: var(--void-bg);
   position: relative;
   padding: 5px;
   box-shadow: 0 0 100px rgba(0,0,0,1);
}

.grimoire-inner {
   background: var(--void-bg);
   border: 1px solid rgba(0, 250, 154, 0.1);
   position: relative;
   z-index: 1;
}

.story-header-master {
   height: 450px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-image:
         linear-gradient(to bottom, rgba(1, 8, 8, 0.4), var(--void-bg)),
         url('https://www.transparenttextures.com/patterns/dark-leather.png');
   position: relative;
   border-bottom: 2px solid var(--royal-gold);
   text-align: center;
   overflow: hidden;
}

.magic-circle {
   position: absolute;
   width: 380px; height: 380px;
   border: 1px solid var(--eldritch-teal);
   border-radius: 50%;
   opacity: 0.15;
   animation: rotate 30s linear infinite;
   box-shadow: inset 0 0 50px var(--eldritch-teal);
}

.title-container {
   position: relative;
   z-index: 5;
   padding: 20px 40px;
}

.title-frame {
   position: absolute;
   top: 0; left: 0; width: 100%; height: 100%;
   border-top: 1px solid var(--royal-gold);
   border-bottom: 1px solid var(--royal-gold);
   transform: scaleX(0.5);
   opacity: 0.5;
}

.main-episode-title {
   font-family: 'Cinzel Decorative', cursive !important;
   font-weight: 900 !important;
   letter-spacing: 8px !important;
   text-transform: uppercase;
   background: linear-gradient(to bottom, #ffffff 0%, var(--royal-gold) 50%, #8b6b23 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   filter: drop-shadow(0 0 15px rgba(197, 160, 89, 0.6));
   margin: 15px 0 !important;
   display: block;
}

.chapter-text {
   font-family: 'Cinzel', serif;
   color: var(--royal-gold);
   letter-spacing: 15px;
   font-size: 12px;
   opacity: 0.8;
}

.metadata-bar {
   display: flex;
   justify-content: center;
   gap: 45px;
   padding: 20px;
   background: rgba(197, 160, 89, 0.05);
   border-bottom: 1px solid rgba(0, 250, 154, 0.1);
   font-family: 'Tenor Sans', sans-serif;
}

.manuscript-body {
   padding: 80px 100px 40px;
   font-family: 'Prompt', sans-serif;
   color: #e0e0e0;
   line-height: 2.3;
   text-align: justify;
}

.dropcap {
   float: left;
   font-family: 'Cinzel Decorative', cursive;
   font-size: 85px;
   line-height: 60px;
   padding-top: 10px;
   padding-right: 15px;
   color: var(--royal-gold);
}

/* Speech Color Styling */
.speech-daemon { color: var(--daemon-speech); font-weight: 500; }
.speech-bay { color: var(--bay-speech); font-weight: 500; }
.speech-liliana { color: var(--liliana-speech); font-weight: 500; }

.inner-reflection-zone {
   margin: 0 100px 50px;
   padding: 35px;
   border-left: 2px solid var(--royal-gold);
   background: linear-gradient(to right, rgba(197, 160, 89, 0.05), transparent);
}

.reflection-label {
   font-family: 'Prompt', sans-serif;
   font-weight: 500;
   color: var(--royal-gold);
   margin-bottom: 5px;
   display: block;
}

.achievement-card {
   margin: 40px 80px 80px;
   padding: 45px;
   background: linear-gradient(135deg, rgba(197, 160, 89, 0.07) 0%, transparent 100%);
   border: 1px solid rgba(197, 160, 89, 0.3);
   position: relative;
}

.achievement-card::before {
   content: '';
   position: absolute;
   top: -12px; left: -12px;
   width: 30px; height: 30px;
   border-top: 3px solid var(--eldritch-teal);
   border-left: 3px solid var(--eldritch-teal);
}

.legacy-footer {
   padding: 60px 20px;
   text-align: center;
   background: #000;
   border-top: 1px solid rgba(255,255,255,0.05);
}

.bloodline-seal font {
   background: var(--bright-gold-gradient);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
   font-family: 'Cinzel', serif;
   text-transform: uppercase;
   font-weight: bold;
   filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)) drop-shadow(0 0 10px rgba(255, 215, 0, 0.4));
}

.legacy-text { letter-spacing: 5px; font-size: 14px; margin-bottom: 5px; }
.bloodline-text { letter-spacing: 8px; font-size: 24px; }

@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
</style>

<div class="grimoire-wrapper-ultimate">
<div class="grimoire-inner">

   <div class="story-header-master">
         <div class="magic-circle"></div>

         <div class="title-container">
            <div class="title-frame"></div>
            <span class="chapter-text"><font size="2">CHAPTER • VIII</font></span>
            <h1 class="main-episode-title">
               <font size="5">THE GIFTS OF THE UNSEEN</font>
            </h1>
            <font face="Cinzel" size="4" color="#d4af37" style="letter-spacing: 6px;">
               DAMON KANNEL
            </font>
         </div>
   </div>

   <div class="metadata-bar">
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">12.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">11.30 AM – 16.00 PM</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">SAFE HOUSE & I-95, VA</span>
         </font>
   </div>

   <div class="manuscript-body">
         <span class="dropcap">ค</span>
         <font size="4">
            ความเงียบในห้องใต้ดินเริ่มกลับมาปกคลุมอีกครั้งหลังจากเสียงฝีเท้าของลิเลียน่าจางหายไปทางบันไดไม้ด้านบน แสงไฟนีออนที่กะพริบอยู่เหนือหัวทำให้ผมรู้สึกเหมือนตัวเองอยู่ในหนังไซไฟราคาถูก แต่น้ำหนักที่นิ้วกลางข้างซ้ายกลับเตือนสติว่าสิ่งที่เกิดขึ้นนั้นจริงยิ่งกว่าอะไรทั้งหมด ผมสูดลมหายใจเข้าลึก รวบรวมสมาธิส่งผ่านเข้าไปในแหวนเธซีอุส มิติเก็บของบัดนี้มีพื้นที่ส่วนหนึ่งที่ถูกจัดระเบียบไว้อย่างประณีต ราวกับมีใครบางคนเพิ่งจะเข้ามาจัดบ้านใหม่ให้ผมในระหว่างที่ผมสลบไป
            <br><br>
            ผมพึมพำเรียกสิ่งของในใจ... วัตถุสองชิ้นก็ปรากฏขึ้นบนตัก ชิ้นแรกคือ <b>ถุงผ้ากำมะหยี่สีชมพูหม่นบรรจุ เงิน 50 ดรักม่า</b> ชิ้นที่สองคือกล่องไม้แกะสลัก ภายในนั้นคือ <b>หินแห่งความรัก 5 ชิ้น</b> ผลึกศักดิ์สิทธิ์สีชมพูอ่อนละมุนเรืองรองจากภายใน เมื่อผมลองหยิบขึ้นมาหนึ่งชิ้น หินนั้นอุ่นขึ้นเล็กน้อยในฝ่ามือ แผ่กระแสพลังงานที่อ่อนโยนแต่เปี่ยมด้วยมนต์สะกด <span class="speech-daemon">"นี่สินะ... คำอวยพรจากแม่"</span> ผมพึมพำพลางเก็บหินสี่ชิ้นลงในกล่อง และถือชิ้นที่ห้าไว้ในมือ ความสุขซ่านแผ่กระจายไปทั่วร่าง เยียวยาความเหนื่อยล้าไปจนสิ้น
            <br><br>
            ผมเดินไต่บันไดไม้ขึ้นไปยังชั้นบน เพื่อพบกับลิเลียน่าที่กำลังเฝ้าระวังอยู่ที่ริมหน้าต่าง <span class="speech-daemon">"ลิเลียน่า"</span> ผมเรียกเธอเบาๆ เธอสะดุ้งและหันมาพร้อมมีดสั้น แต่ผมรีบยกมือปราม <span class="speech-daemon">"ผมมีบางอย่างจะให้ดู... นี่คือของจากพ่อแม่ผม"</span> ผมเปิดกล่องหินแห่งความรักให้เธอเห็น ลิเลียน่านิ่งอึ้งขณะแตะผลึกสีกุหลาบ <span class="speech-liliana">"มันอุ่นมากเลยเดม่อน..."</span>
            <br><br>
            ผมหยิบหินชิ้นหนึ่งขึ้นมา กุมมือเธอไว้เบาๆ อย่างวิสาสะ <span class="speech-daemon">"พกมันติดตัวไว้นะ ลิเลียน่า มันคือหินแห่งความรัก... ผมอยากให้มันเป็นตัวแทนสายใยของผมที่จะคอยปกป้องเธอจากความมืด"</span> ลิเลียน่าหน้าแดงซ่าน ดวงตาสีเทาวูบไหวด้วยความรู้สึกที่ไม่อาจซ่อนได้ <span class="speech-liliana">"ขอบใจนะเดม่อน... ฉันจะรักษาดวงใจของนาย เอ๊ย! หินก้อนนี้ไว้อย่างดีเลยล่ะ"</span>
            <br><br>
            ทันใดนั้น เสียงเครื่องยนต์รถดังกระหึ่ม เบย์ สโตนบรูค กลับมาพร้อมข่าวร้ายเรื่องด่านตรวจ <span class="speech-bay">"เก็บของ! เราต้องไปเดี๋ยวนี้!"</span> ผมรีบยื่นหินแห่งความรักอีกชิ้นให้เบย์ในฐานะสหายร่วมรบ <span class="speech-daemon">"นี่ของพี่ชาย พกไว้กันเหนียวนะโค้ช"</span> เขาพยักหน้าขรึมๆ <span class="speech-bay">"เจ๋งดีนี่หว่า รู้สึกเหมือนมีกำลังใจขึ้นเยอะเลย"</span>
            <br><br>
            เสียงประตูรถตู้สีดำปิดดัง ปัง! เบย์ประจำที่นั่งคนขับกระชากรถออกไปตามถนนลูกรัง ส่วนผมกำหินไว้ในมือ สื่อสารกับหัวใจของตัวรถ <span class="speech-daemon">"อดทนหน่อยนะเพื่อน เราต้องไปให้ถึงจอร์เจีย"</span> เมื่อเราขับเข้าสู่ป่าทึบ เครื่องยนต์ส่งเสียงโครก! และดับสนิทลงท่ามกลางหมอกสีเขียวหนาตา <span class="speech-daemon">"ผมซ่อมได้"</span> ผมบอกเพื่อนทั้งสองด้วยความมั่นใจ ผมเปิดกระโปรงรถใช้ชุดเครื่องมือช่างและทักษะที่ถูกถ่ายทอดผ่านสายเลือดจัดการกับสายยางหม้อน้ำ และผมก็ใช้มนต์มหาเสน่ห์กระซิบเบาๆ ใส่โลหะร้อนจัดให้มัน 'ใจเย็นลง'
            <br><br>
            ในขณะที่ผมกำลังขันน็อตตัวสุดท้าย อสุรกายหัวหมูป่าก็พุ่งออกมา <b>"จงส่งหัวใจมาให้เรากิซะ!"</b> <br></font><span class="speech-bay" style="font-size: large;"><font color="#e0e0e0"><br></font>"หัวใจพ่อแกสิ!"</span><span style="font-size: large;"> เบย์คำรามพร้อมพุ่งหอกเข้าใส่ <br><br>ผมรีบปิดฝากระโปรงรถ </span><span class="speech-daemon" style="font-size: large;">"เสร็จแล้ว! ขึ้นรถ!"</span><span style="font-size: large;"> ผมตะโกนลั่น พลังเสียงที่เต็มไปด้วยความมั่นใจจากหินแห่งความรักกระแทกอสุรกายจนชะงัก เบย์และลิเลียน่าประสานงานโจมตีจนมันถอยร่น ผมกระโดดเข้าที่นั่งคนขับ บิดกุญแจพร้อมนึกถึงใบหน้าของพ่อ... <br><br>บรึ้มมมม! เครื่องยนต์แผดเสียงกังวานราวกับได้รับชีวิตใหม่ รถตู้พุ่งทะยานออกไปทิ้งอสุรกายไว้เบื้องหลัง ผมจับพวงมาลัยด้วยความรู้สึกที่เปลี่ยนไป ผมกำลังควบคุมโชคชะตาด้วยหัวใจที่เปิดกว้าง</span></div>

   <div class="inner-reflection-zone">
         <div style="margin-bottom: 25px;">
            <span class="reflection-label"><font size="3">ความรู้สึก</font></span>
            <font face="Prompt" size="3" color="#cfcfcf">ผมไม่เคยคิดเลยว่าการได้จับประแจและคราบน้ำมันมันจะทำให้ผมรู้สึกเป็นวีรบุรุษได้มากกว่าการใช้หน้าตาหล่อๆ การที่ผมสามารถช่วยทีมได้ด้วยทักษะของมนุษย์ มันทำให้ผมภูมิใจอย่างบอกไม่ถูก ผมเห็นสายตาของลิเลียน่าที่มองมา... มันไม่ใช่สายตาหลงใหลในรูปลักษณ์ แต่มันคือการยอมรับในความสามารถ และพลังจากหินยังทำให้ผมรู้สึกเชื่อมโยงกับลิเลียน่าอย่างลึกซึ้ง</font>
         </div>
         <div>
            <span class="reflection-label"><font size="3">ความคิด</font></span>
            <font face="Prompt" size="3" color="#cfcfcf">อสุรกายเริ่มเปลี่ยนรูปแบบไปตามสถานที่ ในป่าพวกมันดิบเถื่อนกว่าในเมือง หินวิเศษช่วยกันเสียงกระซิบได้ แต่มันกันเขี้ยวเล็บไม่ได้ เราต้องรีบผ่านเวอร์จิเนียไปให้เร็วที่สุด รถตู้คันนี้กลายเป็นเพื่อนแท้ของเราไปแล้ว และผมจะดูแลมันให้ดีที่สุดเหมือนที่พ่อดูแลรถของเขา</font>
         </div>
   </div>

   <div class="achievement-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION STATUS</font><font face="Prompt" size="4" color="#ffffff"><br>
               • ทิศทาง: <b>มุ่งหน้าสู่รัฐจอร์เจีย (Heading to Georgia)</b>
            </font>
         </div>

         <div style="border-left: 2px solid #d4af37; padding-left: 20px;">
            <font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 2px;">RELATIONSHIP & EFFECTS (LOCKED)</font><br><br>

            <font face="Prompt" size="3" color="#ffffff"><b> เบย์ สโตนบรูค</b></font><br>
            <font face="Prompt" size="3" color="#cfcfcf">
               ความสัมพันธ์จากพูดคุย (+5) | พลังเสน่ห์ทั้งคู่ (+15) | มอบหินแห่งความรัก ฐานะสหาย (+25)<br>
               <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 45 POINTS</span>
            </font><br><br>

            <font face="Prompt" size="3" color="#ffffff"><b> ลิเลียน่า ไทเลอร์</b></font><br>
            <font face="Prompt" size="3" color="#cfcfcf">
               ความสัมพันธ์จากพูดคุย (+5) | พลังเสน่ห์ทั้งคู่ (+15) | มอบหินแห่งความรัก ฐานะเสน่ห์หา (+30)<br>
               <span style="color:#d4af37; font-weight: bold;">TOTAL ACCUMULATED: 50 POINTS</span>
            </font>
         </div>
   </div>

   <div class="legacy-footer">
         <div class="bloodline-seal">
            <font class="legacy-text">OLYMPUS LEGACY</font><br>
            <font class="bloodline-text">APHRODITE BLOODLINE</font>
         </div>
   </div>

</div>
</div>

Daemon โพสต์ 2026-1-13 14:28:43

หน้า: [1] 2 3 4 5

Percy Jackson and the Olympians Thailand's Archiver

WHISPERS OF MADNESS AND THE FORGOTTEN ISLE