WHISPERS OF MADNESS AND THE FORGOTTEN ISLE - หอบันทึกภารกิจ - Percy Jackson and the Olympians Thailand

Daemon โพสต์ 2026-1-14 15:44:34

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-14 15:49 <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;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: 30px;
   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 • X</font></span>
            <h1 class="main-episode-title">
               <font size="6">THE GHOSTS OF THE HIGHWAY</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;">13.01.2026 – 14.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">09.00 AM – 15.00 PM</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">I-95, SOUTH CAROLINA BORDER</span>
         </font>
   </div>

   <div class="manuscript-body">
         <span class="dropcap">แ</span>
         <font size="4">
            แสงแดดของเช้าวันที่ 13 มกราคม สาดส่องผ่านกระจกหน้ารถตู้สีดำที่เต็มไปด้วยคราบฝุ่นและรอยขีดข่วน แสงแดดในปี 2026 นี้ดูจะแห้งแล้งและซีดเซียวผิดปกติ ราวกับว่าดวงอาทิตย์ของอะพอลโลเองก็ยังไม่ฟื้นตัวเต็มที่จากความบอบช้ำที่ผ่านมา ผมนั่งอยู่เบาะหลัง สัมผัสได้ถึงน้ำหนักของแหวนเธซีอุสที่ดูเหมือนจะหนักขึ้นเล็กน้อยหลังจากได้รับธุลีนฤมิตมาเก็บไว้ในคลังมิติ
            <br><br>
            <span class="speech-liliana">"เราเข้าเขตเซาท์แคโรไลน่าแล้วนะ"</span> ลิเลียน่าพูดขึ้นพลางละสายตาจากแท็บเล็ต <span class="speech-liliana">"เบย์ นายควรจะหาทางลงจากทางหลวงสายหลักได้แล้ว หมอกสีเขียวทางทิศใต้มันเข้มข้นขึ้นเรื่อยๆ จนฉันเริ่มสังเกตเห็นความบิดเบี้ยวในชั้นบรรยากาศแล้วนะ"</span>
            <br><br>
            <span class="speech-bay">"ฉันก็อยากทำแบบนั้นอยู่หรอกคุณหนู"</span> เบย์ตอบพลางหักพวงมาลัยเลี่ยงเศษซากรถยนต์ <span class="speech-bay">"แต่ดูเหมือนเพื่อนเก่าของเดม่อนจะเริ่มตั้งด่านปิดล้อมพื้นที่แถวนี้ไว้หมดแล้ว"</span>
            <br><br>
            ผมชะโงกหน้าไปดูที่กระจกหน้า ห่างออกไปประมาณหนึ่งกิโลเมตร มีด่านตรวจขนาดใหญ่ที่ประกอบด้วยรถหุ้มเกราะของหน่วยรักษาความปลอดภัยกลาง บนหอคอยชั่วคราวมีร่างสีเทาที่ดูคล้ายมนุษย์แต่มีแขนขายาวผิดปกติยืนถือธนูสีดำสนิท พวกมันคืออสุรกายที่โลกิส่งมาแฝงตัวอย่างชัดเจน
            <br><br>
            <span class="speech-liliana">"พวกเขากกำลังกักตัวใครบางคนไว้ตรงนั้น"</span> ลิเลียน่าส่องกล้องทางไกล <span class="speech-liliana">"ดูนั่นสิ! มีรถจี๊ปสีส้มคันหนึ่งถูกล้อมไว้ มีวัยรุ่นสองคนกำลังพยายามสู้... พวกเขาไม่ใช่คนธรรมดา เดม่อน ฉันเห็นประกายไฟสีฟ้าอ่อนๆ ออกมาจากมือของเด็กผู้ชายคนนั้น"</span>
            <br><br>
            <span class="speech-daemon">"เดมิก็อดงั้นเหรอ?"</span> ผมพึมพำ <span class="speech-daemon">"เราทิ้งพวกเขาไม่ได้นะเบย์"</span>
            <br><br>
            <span class="speech-bay">"ฉันก็ไม่ได้บอกว่าจะทิ้ง!"</span> เบย์เหยียบคันเร่ง <span class="speech-bay">"แต่เราจะพุ่งเข้าไปดื้อๆ ไม่ได้ พวกนั้นมีพลธนูเวทมนตร์อยู่บนหอคอย ถ้าโดนยิงยางแตก เราจบเห่กันหมดแน่"</span>
            <br><br>
            ผมมองไปที่ขวดแก้วเล็กๆ ที่บรรจุธุลีนฤมิตอยู่ในคลังมิติ ความคิดหนึ่งแล่นเข้ามาในหัว <span class="speech-daemon">"โค้ช ขับเข้าไปให้ใกล้ที่สุด แต่อยู่ในระยะพรางตาของหมอก ลิเลียน่า ผมต้องการให้เธอช่วยคำวณทิศทางลมให้ผมที"</span>
            <br><br>
            <span class="speech-liliana">"นายจะทำอะไรเดม่อน?"</span> ลิเลียน่าหันมามองด้วยความสงสัย
            <br><br>
            <span class="speech-daemon">"ผมจะใช้ธุลีนฤมิตกล่อมพวกมันให้หลับ"</span> ผมอธิบายพลางดึงขวดผงฝุ่นสีเหลืองอ่อนออกมา <span class="speech-daemon">"ถ้าผมโรยมันไปตามกระแสลมในจังหวะที่ถูกต้อง พวกที่อยู่บนหอคอยจะหลับลึกจนลืมไปเลยว่าต้องยิงใคร และนั่นจะเปิดทางให้เราชิงตัวสองคนนั้นออกมาได้"</span>
            <br><br>
            <span class="speech-liliana">"ลมพัดไปทางทิศตะวันตกเฉียงใต้ที่ความเร็ว 15 ไมล์ต่อชั่วโมง"</span> ลิเลียน่าตอบทันควัน <span class="speech-liliana">"ถ้าเบย์เอียงรถไปทางขวา 30 องศา แล้วนายปล่อยผงฝุ่นออกทางหน้าต่างหลัง... มันจะเข้าถึงหอคอยพอดี"</span>
            <br><br>
            <span class="speech-bay">"จัดไปไอ้หนู!"</span> เบย์ตะโกนพลางหักพวงมาลัยจนรถเอียง
            <br><br>
            ผมเปิดหน้าต่างหลังรถตู้ รวบรวมสมาธิ สัมผัสถึงความปรารถนาที่จะช่วยเหลือเพื่อนร่วมชะตากรรม ผมโรยธุลีนฤมิตออกไปตามกระแสลม พร้อมใช้มนต์มหาเสน่ห์กระซิบสั่งการ <span class="speech-daemon">"จงไป... มอบความฝันที่พวกเจ้าโหยหาให้แก่ศัตรูของเรา"</span>
            <br><br>
            ผงฝุ่นสีเหลืองทองปลิวว่อนไปในอากาศ ก่อนจะถูกพัดหายไปในกลุ่มอสุรกายบนหอคอย ทันใดนั้น ร่างที่เคยยืนตระหง่านก็เริ่มโอนเอน พลธนูค่อยๆ ทรุดตัวลงนั่งพิงกำแพงหอคอยด้วยใบหน้าที่ดูเคลิ้มสุข
            <br><br>
            <span class="speech-liliana">"ได้ผล!"</span> ลิเลียน่าร้องออกมา <span class="speech-liliana">"เบย์! ลุยเลย!"</span>
            <br><br>
            รถตู้สีดำพุ่งทะยานผ่านด่านตรวจที่เงียบสงัด เบย์ดริฟต์รถเข้าขวางกลุ่มทหารที่กำลังจะเข้าถึงตัววัยรุ่นสองคนนั้น ผมเปิดประตูสไลด์ออก <span class="speech-daemon">"ขึ้นมาเร็ว! ถ้ายังไม่อยากไปนอนฝันในคุกของโลกิ!"</span>
            <br><br>
            วัยรุ่นทั้งสองคนรีบกระโดดขึ้นรถมาอย่างรวดเร็ว เบย์ไม่รอช้า เหยียบคันเร่งพุ่งตัวออกจากด่านตรวจ ทิ้งกลุ่มทหารที่กำลังงุนงงไว้เบื้องหลัง เราซิ่งหนีออกมาจนพ้นระยะสายตาตำรวจและเลี้ยวเข้าสู่ถนนรองที่เต็มไปด้วยแมกไม้
            <br><br>
            <span class="speech-daemon">"พวกคุณเป็นใคร? แล้วมาทำอะไรที่นี่?"</span>
            <br><br><font color="#00bfff">
            "ผมชื่อลีโอ... ส่วนนี่เมญ่า"</font> เด็กชายตอบพลางพยายามคุมเสียงไม่ให้สั่น <font color="#00bfff">"พวกเรามาจากทางเหนือ... จากเมืองอินเดียแนโพลิส รัฐอินเดียน่า"
            </font><br><br>
            <span class="speech-liliana">"อินเดียแนโพลิสเหรอ? นั่นมันไกลมากนะ"</span> ลิเลียน่าเลิกคิ้ว <span class="speech-liliana">"พวกคุณหนีมาจากค่ายไหน?"</span>
            <br><br><font color="#00bfff">
            "เรามาจากเวย์สเตชั่นครับ"</font> ลีโอกล่าวด้วยแววตาเปี่ยมความคิดถึง<font color="#00bfff"> "บ้านแห่งตาข่ายของเทพีบริโตมาร์ติส ที่นั่นเป็นที่หลบภัยที่ยอดเยี่ยมที่สุด มีเจ๊โจกับเอมมี่คอยดูแลพวกเราเหมือนครอบครัว แต่ตอนนี้สงครามของโลกิมันลามไปทั่ว พวกเราได้รับคำแนะนำให้มุ่งหน้าลงใต้ เพราะได้ยินข่าวว่าความหวัง และรอยร้าวที่สำคัญที่สุดอยู่ที่ซาวันนาห์"
            </font><br><br>
            ผมมองหน้าลิเลียน่าและเบย์ ก่อนจะยิ้มออกมา <span class="speech-daemon">"ยินดีที่ได้รู้จักลีโอ เมญ่า... ผมชื่อเดม่อน และดูเหมือนว่าจุดหมายของเราจะตรงกันพอดี ไว้ถ้าทุกอย่างจบลง ผมหวังว่าคุณจะพาเราไปเยี่ยมที่นั่นบ้างนะ"</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">"ธุลีนฤมิต" คืออาวุธที่เปลี่ยนกระแสการรบได้โดยไม่ต้องหลั่งเลือด และการที่มีลีโอกับเมญ่าจากเวย์สเตชั่นมาร่วมทีม อาจหมายถึงความรู้ใหม่ๆ หรือพลังที่เรายังไม่เคยเห็น เราต้องรีบประสานงานกันให้เร็วที่สุดก่อนจะถึงจอร์เจีย</font>
         </div>
   </div>

   <div class="achievement-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION REWARDS</font><font face="Prompt" size="4" color="#ffffff"><br>
               • เพื่อนใหม่ประกอบสตอรี่ชั่วคราว: <b>ลีโอ & เมญ่า</b><br>
               • สถานะไอเทม: <b>ธุลีนฤมิต (ใช้ไปบางส่วน ส่งไอดี God แล้ว)</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)<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-14 18:50:11

Daemon โพสต์ 2026-1-14 23:51:17

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-14 23:54 <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: 30px;
   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 • XII</font></span>
            <h1 class="main-episode-title">
               <font size="6">MIST OF SAVANNAH</font>
            </h1>
            <font face="Cinzel" size="4" color="#d4af37" style="letter-spacing: 6px;">
               LILLIANA TYLER POV
            </font>
         </div>
   </div>

   <div class="metadata-bar">
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">14.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">22.15 PM – 01.00 AM</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">SAVANNAH, GEORGIA</span>
         </font>
   </div>

   <div class="manuscript-body">
         <span class="dropcap">ร</span>
         <font size="4">
            รถตู้สีดำค่อยๆ ชะลอความเร็วลงเมื่อเราเข้าสู่เขตเมืองเก่าของซาวันนาห์ หมอกสีดำสนิทที่ข้นคลักราวกับหมึกหยดลงในน้ำปกคลุมถนนอิฐมอญจนมองไม่เห็นทางข้างหน้า แสงไฟถนนสีส้มจางๆ พยายามจะส่องผ่านเงามืดออกมา แต่มันกลับทำได้เพียงสร้างเงารูปร่างบิดเบี้ยวบนผนังอาคารสไตล์วิกตอเรียนที่เรียงรายอยู่
            <br><br>
            <span class="speech-liliana">"ที่นี่มัน... เย็นเยือกถึงกระดูกเลยนะ"</span> เมญ่าพึมพำขณะที่ลีโอคอยตรวจสอบเครื่องตรวจจับพลังงาน
            <br><br>
            สายตาของฉันจดจ้องไปที่ร่างของเดม่อนที่นั่งอยู่เบาะข้างๆ เขายังคงกำพวงมาลัยรถแทนเบย์ที่สลบไสลไปหลังจากขับรถติดต่อกันหลายชั่วโมง ฉันอดไม่ได้ที่จะนึกย้อนไปถึงตอนที่เราเจอกันครั้งแรกที่ค่ายฮาล์ฟบลัด ตอนนั้นฉันมองเขาเป็นเพียง 'บุตรแห่งอะโฟรไดต์' ทั่วไป—ดูดีเกินเหตุ และมีดีแค่คำพูดหวานหู แต่ความเชื่อนั้นเริ่มสั่นคลอนตั้งแต่ที่ฉันเห็นเขาลงมือซ่อมเครื่องยนต์ด้วยมือเปล่า และวิธีการที่เขาใช้หัวใจสื่อสารกับอสุรกาย
            <br><br>
            เดม่อนในตอนนี้คือคนที่แบกรับความรับผิดชอบที่หนักอึ้งไว้โดยไม่ปริปากบ่น ความแข็งแกร่งของเขาไม่ได้อยู่ที่กล้ามเนื้อ แต่มันอยู่ที่ความมั่นใจที่อบอุ่นจนแม้แต่คนอย่างฉันยังยอมลดกำแพงลง
            <br><br>
            <span class="speech-daemon">"ลิเลียน่า... ดูนั่นสิ"</span> เสียงของเดม่อนดึงฉันออกจากภวังค์
            <br><br>
            เราจอดรถที่ขอบสวนสาธารณะฟอร์ซิท ท่ามกลางหมอกที่มืดมิดนั้น รอยร้าวสีเขียวสว่างวาบอยู่กลางลานน้ำพุ และมีเงารูปร่างเหมือนมนุษย์ลอยออกมา เงามันไม่ได้พุ่งเข้าทำร้าย แต่มันกลับเดินเข้าไปหาชาวเมืองและเปลี่ยนรูปร่างกลายเป็นคนที่พวกเขารักที่ตายไปแล้ว <i>"แม่...?"</i> ฉันได้ยินเสียงชายแก่คนหนึ่งคุกเข่าลงร้องไห้กอดเงามืด "<i>ผมขอโทษที่ไม่ได้อยู่ตอนที่แม่จากไป..."
            </i><br><br>
            <span class="speech-liliana">"นี่มันกับดักจิตใจ"</span> ฉันพยายามคุมเสียงไม่ให้สั่น <span class="speech-liliana">"โลกิกำลังใช้ความโหยหาและความเจ็บปวดในอดีตมาเป็นโซ่ตรวนขังพวกเขาไว้ ถ้าเราไม่รีบปิดรอยร้าวนั่น ชาวเมืองซาวันนาห์จะถูกสูบวิญญาณไปจนหมด"</span>
            <br><br>
            เดม่อนลงจากรถทันที แววตาของเขาเต็มไปด้วยความห่วงใยที่ทำให้ใจฉันเต้นผิดจังหวะ <span class="speech-daemon">"ลิเลียน่า คุณประคองสติลีโอกับเมญ่าไว้ที่นี่ ผมจะเข้าไปที่ใจกลางรอยร้าวเอง พลังเสน่ห์ของผมอาจจะพอต้านทานภาพหลอนพวกนั้นได้"</span>
            <br><br>
            <span class="speech-liliana">"ไม่! นายไปคนเดียวไม่ได้เดม่อน"</span> ฉันรีบก้าวไปยืนข้างเขา <span class="speech-liliana">"ปัญญาของฉันจะช่วยแยกแยะว่าอะไรคือเรื่องจริง อะไรคือภาพลวงตา นายต้องการฉัน... เหมือนที่ฉันต้องการนาย"</span>
            <br><br>
            คำพูดสุดท้ายมันหลุดปากออกไปก่อนที่ฉันจะทันตั้งตัว ฉันรีบเบือนหน้าหนี แต่เดม่อนกลับเอื้อมมือมาคว้ามือฉันไว้เบาๆ สัมผัสของเขาอุ่นและมั่นคงอย่างประหลาด <span class="speech-daemon">"ขอบคุณนะ ลิเลียน่า"</span> เขาพูดด้วยน้ำเสียงนุ่มนวล <span class="speech-daemon">"งั้นเราไปปิดเรื่องบ้าๆ นี่ด้วยกันเถอะ"</span>
            <br><br>
            เราทั้งสองเดินฝ่าหมอกดำมุ่งหน้าสู่ใจกลางน้ำพุ เสียงกระซิบเริ่มดังขึ้นในหัวของฉัน มันเป็นเสียงของพ่อที่คอยตำหนิว่าฉันไม่เคยเก่งพอ แต่ทุกครั้งที่สติของฉันเริ่มหลุดลอย แรงบีบที่มือของเดม่อนจะดึงฉันกลับมาเสมอ ฉันเริ่มมองเห็นแล้วว่าทำไมคำพยากรณ์ถึงบอกว่า พลังแห่งความรักจะนำพาเราสู่ใจกลางความมืด เพราะในโลกวิปลาสแบบนี้ มีเพียงความรักและความเชื่อมโยงที่แท้จริงเท่านั้นที่เป็นแสงสว่างเดียวที่เหลืออยู่
            <br><br>
            <span class="speech-daemon">"พร้อมนะ?"</span> เดม่อนถามเมื่อเรายืนอยู่หน้าเงายักษ์เหนือรอยร้าว
            <br><br>
            <span class="speech-liliana">"พร้อมเสมอ... ถ้ามีนายอยู่ตรงนี้"</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">รอยร้าวที่ซาวันนาห์รุนแรงกว่าที่ดี.ซี. มาก เงามืดพวกนี้สามารถอ่านใจคนได้ ฉันต้องคอยคุมสมาธิให้เดม่อนเพื่อให้เขาใช้พลังเสียงได้อย่างเต็มที่ และฉันต้องหาคำตอบให้ได้ว่าผู้ที่หายไปที่โลกิซ่อนไว้บนเกาะโอจีเจียคือใคร เพราะนั่นคือจิ๊กซอว์ชิ้นสุดท้าย</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>Forsyth Park, Savannah, GA</b><br></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)<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">Athena BLOODLINE</font>
         </div>
   </div>

</div>
</div>

Daemon โพสต์ 2026-1-15 10:27:02

Daemon โพสต์ 2026-1-15 13:00:16

Daemon โพสต์ 2026-1-15 15:11:08

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-15 15:28 <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;
   --arianne-speech: #9932cc;
}

.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: 30px;
   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; }
.speech-arianne { color: var(--arianne-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 • XV</font></span>
            <h1 class="main-episode-title">
               <font size="5">THE BLOOD OF OLYMPUS</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;">16.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">03.00 AM – 05.45 AM</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">SHIPYARD, MIAMI, FL</span>
         </font>
   </div>

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

   <div class="achievement-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION REWARDS</font><font face="Prompt" size="4"><br><font color="#ffffff">
               • ไอเทมจากซากเรือ: </font><b style="color: rgb(255, 255, 255);">16x เกล็ดเมลูซีน, 8x น้ำตาเมลูซีน (LUK 90+ ได้เพิ่มอีก </b></font><b style="font-family: Prompt; font-size: large; color: rgb(255, 255, 255);">16x เกล็ดเมลูซีน, 8x น้ำตาเมลูซีน)</b><font face="Prompt" size="4"><br><font color="#ffffff">
               • บันทึกการต่อสู้:</font><font color="#98fb98"> </font></font><a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npccomrade:dungeon&do=dungeon_fight&battle_id=559" style="background-color: initial;"><font size="4" color="#98fb98">LINK</font></a></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-15 17:58:32

Daemon โพสต์ 2026-1-15 20:46:49

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-15 22:07 <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;
   --percy-speech: #008b8b; /* Sea Green สำหรับเพอร์ซีย์ */
}

.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: 30px;
   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; }
.speech-percy { color: var(--percy-speech); font-weight: 500; font-style: italic; }

.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 • XVI</font></span>
            <h1 class="main-episode-title">
               <font size="6">PRISON OF ETERNAL AFTERNOON</font>
            </h1>
            <font face="Cinzel" size="4" color="#d4af37" style="letter-spacing: 6px;">
               LILIANA TYLER
            </font>
         </div>
   </div>

   <div class="metadata-bar">
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">16.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">UNKNOWN (STAGNANT)</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">OGYGIA, THE PHANTOM ISLAND</span>
         </font>
   </div>

   <div class="manuscript-body">
         <span class="dropcap">ฉั</span>
         <font size="4">
            ฉันลืมตาขึ้นมาพร้อมกับสัมผัสของเม็ดทรายสีขาวละเอียดที่เย็นสบายราวกับแป้ง เสียงคลื่นซัดเข้าหาฝั่งที่นี่ช่างนุ่มนวล ต่างจากเสียงพิโรธของมหาสมุทรวิปลาสที่ฟลอริดาลิบลับ กลิ่นหอมหวานของดอกมูนเลซลอยมาตามลมทะเลที่อบอุ่น อากาศที่นี่อบอวลไปด้วยความรู้สึกของบ่ายวันอาทิตย์ที่ไม่มีวันสิ้นสุด มันสวยงามจนใจหาย... และนั่นคือสิ่งที่ทำให้ฉันหวาดกลัวที่สุด
            <br><br>
            <span class="speech-liliana">"เดม่อน? เบย์?"</span> ฉันยันตัวขึ้นนั่ง พยายามมองหาเพื่อนร่วมทีม
            <br><br>
            เดม่อนนอนอยู่ไม่ไกลจากฉัน บนฝ่ามือข้างซ้ายของเขายังมีรอยกรีดจางๆ เลือดที่เคยผสานกับเลือดของฉันยังคงทิ้งคราบสีทองจางๆ ไว้ที่ปลายนิ้ว และในวินาทีที่ฉันจ้องมองรอยแผลนั้น จิตวิญญาณของฉันที่เพิ่งเชื่อมต่อกับเขาผ่านโลหิตแห่งโอลิมปัสก็สั่นสะเทือนขึ้นมาอีกครั้ง
            <br><br>
            มันเหมือนกับประตูที่ปิดไม่สนิท... ภาพนิมิตในใจของเดม่อนไหลบ่าเข้ามาในหัวของฉันราวกับเขื่อนแตก ฉันเห็นความลับที่เขาซ่อนไว้ภายใต้รอยยิ้มเจ้าเล่ห์ ฉันเห็นเด็กชายตัวเล็กๆ ที่นั่งมองพ่อซ่อมรถด้วยสายตาชื่นชมสลับกับความเหงา ฉันสัมผัสได้ถึงความกลัวที่ลึกที่สุดของเขา... เขาหวาดกลัวว่าถ้าวันหนึ่งเขาสูญเสียรูปลักษณ์หรือพลังนี้ไป เขาจะกลายเป็นสิ่งที่ว่างเปล่าและไร้ค่า
            <br><br>
            เดม่อนไม่ได้มองตัวเองเป็นวีรบุรุษเลยสักนิด... เขามองว่าตัวเองคือรอยร้าว ที่พยายามจะอุดรอยรั่วของโลกใบนี้เพื่อชดใช้ความผิดที่เขาไม่ได้ก่อ ความเปราะบางนั้นทำให้ฉันรู้สึกจุกในอก พัฒนาการความรู้สึกที่ฉันมีต่อเขาในตอนนี้มันไม่ใช่แค่ความเชื่อใจ แต่มันคือความเห็นอกเห็นใจที่ลึกซึ้งจนฉันอยากจะเอื้อมมือไปลูบผมเขาแล้วบอกว่า<i> 'นายดีพอแล้ว เดม่อน'
            </i><br><br>
            <span class="speech-daemon">"ลิเลียน่า... เธอจ้องผมเหมือนเห็นผีเลยนะ"</span> เสียงทุ้มของเดม่อนดังขึ้นเมื่อเขาลืมตาขยี้ผมที่ยุ่งเหยิง
            <br><br>
            <span class="speech-liliana">"ฉัน... ฉันแค่กำลังเช็กว่านายยังมีสติครบถ้วนไหม"</span> ฉันรีบเบือนหน้าหนีเพื่อซ่อนแววตาที่สั่นไหว <span class="speech-liliana">"เบย์! ตื่นได้แล้วไอ้แพะขี้เซา!"</span>
            <br><br>
            เบย์สะดุ้งตื่นพลางสะบัดขนที่เต็มไปด้วยทราย <span class="speech-bay">"ให้ตายเถอะ... กลิ่นที่นี่มันหอมจนข้าอยากจะกินหญ้าแล้วนอนต่อสักร้อยปี นี่น่ะเหรอคุกของโลกิ? สบายเกินไปไหมเนี่ย?"</span>
            <br><br>
            <span class="speech-liliana">"มันคือคุกที่ทำจากความปรารถนาค่ะเบย์"</span> ฉันลุกขึ้นยืน พลางปรับแว่นให้เข้าที่และหยิบอุปกรณ์ขึ้นมา <span class="speech-liliana">"โอจีเจียไม่มีคาลิปโซ่คอยดูแลแล้ว โลกิถึงได้เข้ามาดัดแปลงที่นี่ได้ง่ายๆ ความสวยงามพวกนี้คือยาพิษที่ทำให้สติเราช้าลง"</span>
            <br><br>
            เราเดินลัดเลาะผ่านเนินเขาที่ปกคลุมด้วยหญ้าสีเขียวขจีมุ่งหน้าไปยังทิศตะวันตกของเกาะ จนกระทั่งถึงหน้าผาสูงชันที่มองเห็นเส้นขอบฟ้าที่หยุดนิ่ง และตรงนั้น... ที่ขอบหน้าผา มีชายหนุ่มคนหนึ่งนั่งหย่อนขาลงไปข้างล่าง
            <br><br>
            เขาคือชายอายุประมาณ 32 ปี ผิวสีแทนกร้านแดด ผมสีทองสนิทหยิกยุ่งตามสไตล์คนที่ไม่สนใจจะจัดทรง และสิ่งที่เด่นชัดที่สุดคือกลิ่นอายของท้องทะเลที่แผ่ออกมาจากตัวเขารุนแรงยิ่งกว่าพายุลูกไหนๆ แม้ในยามที่เขานั่งนิ่งเฉยเขาก็ยังดูเหมือนภูเขาไฟที่พร้อมจะปะทุ
            <br><br>
            <span class="speech-bay">"นั่น..."</span> เบย์ถึงกับยืนอึ้ง <span class="speech-bay">"นั่นมัน เพอร์ซีย์ แจ็กสัน 1 ใน 7 วีรบุรุษแห่งโอลิมปัส!"</span>
            <br><br>
            พวกเราคือรุ่นน้องที่เติบโตมาพร้อมกับตำนานของเขา เรื่องเล่าของลูกชายแห่งโพไซดอนที่สยบไททันและไกอาเป็นแรงบันดาลใจให้เดมิก็อดรุ่นหลังทุกคน แต่ภาพตรงหน้ากลับไม่ใช่ชายผู้ดุดันในสมรภูมิ เพอร์ซีย์กำลังถือปากกาลูกลื่นสีทอง (ริปไทด์) หมุนไปมาในมือ แววตาที่เคยเป็นสีเขียวทะเล บัดนี้กลับดูเหม่อลอยและว่างเปล่าเหมือนคนที่มีความสุขจนเกินไป
            <br><br>
            เขากำลังตกอยู่ในนิทราแห่งความสมหวังของโลกิ... ความปรารถนาที่จะมีชีวิตสงบสุขแบบมนุษย์ธรรมดา กำลังขังเขาไว้ที่นี่
            <br><br>
            <span class="speech-daemon">"เพอร์ซีย์!"</span> เดม่อนตะโกนเรียกพลางก้าวเข้าไปหา
            <br><br>
            เพอร์ซีย์ค่อยๆ หันมามองรอยยิ้มประชดประชันที่เป็นเอกลักษณ์ปรากฏขึ้นจางๆ บนใบหน้า <span class="speech-percy">"เฮ้... พวกนายเป็นใครน่ะ? มาใหม่เหรอ? ที่นี่มีมูนเลซเพียบเลยนะ สนใจจะนั่งดูพระอาทิตย์ตกด้วยกันไหม? มันตกมานานแล้วล่ะ... แถมยังสวยดีด้วยนะ"</span>
            <br><br>
            ฉันมองเห็นเงาของหมอกสีเขียววิปลาสจางๆ วนเวียนอยู่ในดวงตาของเขา สะพานสู่โลกที่คำพยากรณ์บอก... มันคือกำลังใจและจิตวิญญาณของชายคนนี้ ถ้าเราปลุกเขาไม่ได้ มหาสมุทรข้างนอกนั่นก็จะกลายเป็นความวิปลาสไปตลอดกาล
         </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">เพอร์ซีย์ถูกล่อลวงด้วยชีวิตที่แสนปกติที่เขาโหยหามาตลอด 32 ปี การจะดึงเขาออกไปจากสวรรค์จำลองนี้ยากกว่าสู้กับอสุรกายร้อยตัว ฉันต้องคอยระวังผู้คุมที่โลกิทิ้งไว้... และฉันจะเก็บความลับของเดม่อนไว้ให้ลึกที่สุด จนกว่าเขาจะพร้อมบอกมันกับฉันเอง</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><br><br>
            <font face="Prompt" size="4" color="#ffffff">
               • เป้าหมายสำคัญ: <b>ค้นพบ เพอร์ซีย์ แจ็กสัน </b><br>
               • สถานะเกาะ: <b>มิติกักขังนิทราบนเกาะโอจีเจีย</b><br>
               • ความเชื่อมโยง: <b>ลิเลียน่าสัมผัสถึงความลับในจิตใจของเดม่อน</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 color="#ffffff" face="Prompt" size="3"><b>-</b></font></div>
   </div>

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

</div>
</div>

Daemon โพสต์ 2026-1-16 00:19:28

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-16 01:01 <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;
   --percy-speech: #008b8b;
}

.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: 30px;
   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; }
.speech-percy { color: var(--percy-speech); font-weight: 500; font-style: italic; }

.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 • XVII</font></span>
            <h1 class="main-episode-title">
               <font size="6">AWAKENING OF THE TIDE</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;">16.01.2026</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">AFTERNOON ETERNAL</span>
         </font>
         <font size="2" color="#c5a059">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">CLIFFS OF OBLIVION, OGYGIA</span>
         </font>
   </div>

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

   <div class="achievement-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00fa9a" style="letter-spacing: 3px;">◈ MISSION REWARDS</font><font face="Prompt" size="4" color="#ffffff"><br>
               • สถานะทีม: <b>วีรบุรุษเพอร์ซีย์ แจ็กสัน เข้าร่วมกลุ่ม<br></b></font><span style="color: rgb(255, 255, 255); font-family: Prompt; font-size: large;">• สู้ไคเมร่า (พาร์ทหน้าสู้อีคิดน่า) : </span><a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npccomrade:dungeon&do=dungeon_fight&battle_id=560" style="background-color: initial;"><font color="#ffff00" face="Pridi" size="4">LINK</font></a><br><span style="color: rgb(255, 255, 255); font-family: Prompt; font-size: large;">• +2 ตื่นรู้จากการพิชิตไคเมร่า</span><br><span style="color: rgb(255, 255, 255); font-family: Prompt; font-size: large;">• ได้รับสินสงคราม </span><span style="background-color: initial;"><font color="#ffffff" face="Prompt" size="4">4x เขี้ยวสิงโต(ไคเมร่า) (LUK 80+ ได้รับเพิ่มอีก 4 ชิ้น)</font></span></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) | </font><span style="color: rgb(207, 207, 207); font-family: Prompt; font-size: medium;">พลังเสน่ห์ทั้งคู่ (+15)</span><font face="Prompt" size="3" color="#cfcfcf"><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-16 11:55:21

แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-16 12:53 <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 {
--p-ocean-bg: #010c0c;
--p-seafoam: #00ced1;
--p-marine: #008b8b;
--p-glow: rgba(0, 206, 209, 0.4);
/* Character Speech Colors Unique */
--p-daemon-talk: #ff0000;
--p-bay-talk: #006400;
--p-lili-talk: #ffd700;
--p-percy-talk: #00ced1;
}

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

.p-inner-frame { background: var(--p-ocean-bg); border: 1px solid rgba(0, 206, 209, 0.15); position: relative; z-index: 1; }

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

.p-ocean-circle { position: absolute; width: 400px; height: 400px; border: 2px double var(--p-seafoam); border-radius: 50%; opacity: 0.2; animation: rotatePercy 40s linear infinite; box-shadow: inset 0 0 60px var(--p-seafoam); }

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

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

.p-main-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(--p-seafoam) 50%, #008080 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 15px rgba(0, 206, 209, 0.5)); margin: 15px 0 !important; display: block; }

.p-chap-label { font-family: 'Cinzel', serif; color: var(--p-seafoam); letter-spacing: 15px; font-size: 12px; opacity: 0.8; }

.p-meta-bar { display: flex; justify-content: center; gap: 45px; padding: 20px; background: rgba(0, 206, 209, 0.05); border-bottom: 1px solid rgba(0, 206, 209, 0.1); font-family: 'Tenor Sans', sans-serif; }

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

.p-dropcap { float: left; font-family: 'Cinzel Decorative', cursive; font-size: 85px; line-height: 60px; padding-top: 10px; padding-right: 15px; color: var(--p-seafoam); text-shadow: 0 0 10px var(--p-glow); }

.p-speech-dm { color: var(--p-daemon-talk); font-weight: 500; }
.p-speech-by { color: var(--p-bay-talk); font-weight: 500; }
.p-speech-li { color: var(--p-lili-talk); font-weight: 500; }
.p-speech-pc { color: var(--p-percy-talk); font-weight: 500; font-style: italic; }

.p-reflection-box { margin: 0 100px 50px; padding: 35px; border-left: 2px solid var(--p-seafoam); background: linear-gradient(to right, rgba(0, 206, 209, 0.05), transparent); }

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

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

.p-stat-card::before { content: '🔱'; position: absolute; top: -15px; left: -15px; width: 30px; height: 30px; font-size: 25px; color: var(--p-seafoam); filter: drop-shadow(0 0 5px var(--p-glow)); }

.p-footer-zone { padding: 60px 20px; text-align: center; background: #000; border-top: 1px solid rgba(0,206,209,0.1); }

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

<div class="p-wrapper-main">
<div class="p-inner-frame">

   <div class="p-header-zone">
         <div class="p-ocean-circle"></div>

         <div class="p-title-box">
            <div class="p-title-line"></div>
            <span class="p-chap-label"><font size="2">CHAPTER • XVIII</font></span>
            <h1 class="p-main-title">
               <font size="6">MOTHER OF MONSTERS</font>
            </h1>
            <font face="Tenor Sans" size="4" color="#00ced1" style="letter-spacing: 6px;">
               PERCY JACKSON
            </font>
         </div>
   </div>

   <div class="p-meta-bar">
         <font size="2" color="#00ced1">
            <span style="opacity:0.6;">DATE:</span> <span style="color:#fff;">16.01.2026</span>
         </font>
         <font size="2" color="#00ced1">
            <span style="opacity:0.6;">TIME:</span> <span style="color:#fff;">UNKNOWN (OGYGIA)</span>
         </font>
         <font size="2" color="#00ced1">
            <span style="opacity:0.6;">LOC:</span> <span style="color:#fff;">BURNING CLIFFS TO CRYSTAL CAVE</span>
         </font>
   </div>

   <div class="p-body-text">
         <span class="p-dropcap">ฝุ่</span>
         <font size="4">
            ฝุ่นทรายสีทองจากร่างของไคเมร่าเพิ่งจะจางหายไปในอากาศ กลิ่นกำมะถันยังไม่ทันจางหาย ผมก็รู้สึกได้ถึงแรงสั่นสะเทือนที่รุนแรงกว่าเดิม มันไม่ได้มาจากใต้ดิน แต่มันมาจากความโกรธแค้นที่พุ่งพล่านจนอากาศรอบตัวเปลี่ยนเป็นสีเขียวคล้ำ
            <br><br>
            <span style="color:#00fa9a;">"พวกแก... บังอาจทำร้ายลูกชายของฉัน!"</span>
            <br><br>
            ร่างของหญิงท้วมในชุดคลุมสีฉูดฉาดปรากฏตัวขึ้นท้าทายสายตา แต่คราวนี้เธอทิ้งหน้ากากมนุษย์ป้าจอมปลอมไปจนสิ้น ผิวหนังเริ่มปริออก กลายเป็นเกล็ดงูสีเทาหม่น ท่อนล่างเปลี่ยนเป็นหางงูขนาดยักษ์สองหางที่ยาวสุดลูกหูลูกตา <b>อีคิดน่า</b> มารดาแห่งอสุรกายทั้งปวง กลับมาทวงแค้นให้ลูกชายของเธอแล้ว
            <br><br>
            <span class="p-speech-pc">"เดม่อน! ลิเลียน่า! เบย์! ถอยไป!"</span> ผมตะโกนลั่น แผดเสียงแข่งกับเสียงคำรามของพายุทะเล <span class="p-speech-pc">"ยัยนี่แข็งแกร่งเกินไปสำหรับพวกนาย! ไปหาทางออกซะ ผมจะยันยัยมนษย์ป้าหางงูนี่ไว้เอง!"</span>
            <br><br>
            <span class="p-speech-dm">"แต่พี่เพอร์ซีย์!"</span> เดม่อนตะโกนเรียกด้วยความห่วงใย แต่อีคิดน่าสะบัดหางยักษ์ฟาดลงจนหน้าผาแยกออกเป็นสองเสี่ยง ผมกระโดดหลบพุ่งตัวเข้าหาเธอ ดาบริปไทด์ในมือส่องแสงเจิดจ้า <span class="p-speech-pc">"สามสิบสองปีแล้วนะที่เธอไม่ได้เรียนรู้เลยว่า อย่ามาแหยมกับลูกชายของโพไซดอน!"</span>
            <br><br>
            <span style="color:#00fa9a;">"ปากดีเหมือนเดิมนะ เจ้าลูกครึ่งเทพ!"</span> อีคิดน่าคำราม เธอยกเล็บยาวเฟื้อยตะปบเข้าใส่ ผมม้วนตัวหลบท่ามกลางแรงกดดันมหาศาล อีคิดน่าพ่นหมอกพิษสีม่วงเข้มออกมาปกคลุมพื้นที่ แต่ผมกลั้นหายใจ ใช้สัญชาตญาณสัมผัสตำแหน่งและแทงดาบสวนกลับไปจนเลือดสีเขียวฉีดกระฉูด
            <br><br>
            ผมเห็นเดม่อนและลิเลียน่าพยายามจะเข้ามาช่วย ผมสะบัดมือเรียกพายุงวงช้างเล็กๆ พัดร่างของพวกเขาออกไปให้พ้นระยะอันตราย <span class="p-speech-pc">"หนีไป! นี่คือคำสั่ง! ไปหาความหวังที่ใจกลางเกาะ... ผมจะตามไปหลังจากจัดการยัยนี่เสร็จ!"</span> แววตาหมาป่าของผมฉายชัด เหลือเพียงสัญชาตญาณการเอาตัวรอดที่ผ่านการเคี่ยวกรำมาตลอด 32 ปี
            <br><br>
            <span style="color:#00fa9a;">"เจ้าหนอนสกปรก! ข้าจะทำให้เจ้ากลายเป็นเพียงตำนานที่ถูกลืม!"</span> อีคิดน่าแผดเสียงกึกก้อง ท่อนล่างที่เป็นหางงูยักษ์เริ่มเรืองแสงสีเขียววิปลาส เธอรวบรวมพลังงานความมืดเตรียมปลดปล่อยระเบิดพิษและเพลิงนรก ผมมองไปทางที่พวกเดม่อนหายลับเข้าไป... ผมไม่มีเวลามาออมมืออีกแล้ว
            <br><br>
            <span class="p-speech-pc">"ถ้าอยากเห็นตำนานนัก... ก็จงดูให้เต็มตา!"</span> ผมคำรามพลางปักดาบริปไทด์ลงบนพื้นดินจนหินร้าว ดึงเอาแรงดันมหาศาลจากใต้ก้นมหาสมุทรขึ้นมา น้ำทะเลรอบเกาะระเบิดออกเป็น พายุงวงช้างขนาดยักษ์ 8 สาย หมุนวนรอบตัวผมดุจปีกของเทพเจ้า ผมกระโดดขึ้นไปบนยอดคลื่น พุ่งทะยานเข้าหาอีคิดน่า
            <br><br>
            ผมสะบัดมือเรียกม่านน้ำวนขึ้นมาเป็นเกราะสุญญากาศ ดีดการโจมตีออกไปรอบทิศทาง ก่อนจะใช้น้ำอีกสายรัดพันคอและหางของเธอไว้กลางเวหา ผมพุ่งผ่านหมอกพิษเข้าไปถึงระยะประชิด <span class="p-speech-pc">"นี่สำหรับความสงบสุขที่ฉันสูญเสียไป!"</span> ผมดึงดาบริปไทด์ฟาดฟันออกไปพร้อมคลื่นกระแทกน้ำที่คมกริบ แรงดันน้ำมหาศาลบดขยี้มารดาอสุรกายจนแหลกละเอียด ร่างของอีคิดน่าก็สลายกลายเป็นธุลีทรายสีทองลงในที่สุด
            <br><br>
            ผมวิ่งฝ่าดงหนามจนมาถึงทางเข้าถ้ำคริสตัล เห็นเดม่อน ลิเลียน่า และเบย์ กำลังเผชิญหน้ากับชายหนุ่มในชุดเกราะนอร์ส แร็กนาร์ เมสัน <span class="p-speech-pc">"พวกนายโอเคไหม?"</span> ผมตะโกนเรียกขณะวิ่งเข้าไปหยุดข้างๆ เดม่อน
            <br><br>
            <span class="p-speech-dm">"พี่เพอร์ซีย์! พี่จัดการอีคิดน่าได้จริงๆ"</span>
            <br><br>
            <span class="p-speech-pc">"เธอกลับไปนอนพักที่ทาร์ทารัสแล้วล่ะ"</span> ผมปาดเหงื่อพลางมองตรงไปที่แร็กนาร์ <span class="p-speech-pc">"แล้วไอ้น้องชายคนนี้เป็นใคร? ดูท่าทางจะหยิ่งไม่เบานะ"</span>
            <br><br>
            <span class="p-speech-li">"แร็กนาร์ เมสัน... หุ่นเชิดของโลกิ เขากำลังเฝ้าความหวังไว้ข้างในนั้น"</span>
            <br><br>
            <span class="p-speech-pc">"ความหวังของทะเลสินะ... เอาล่ะพวกนาย เตรียมตัวให้พร้อม แร็กนาร์อาจจะดูเด็ก แต่กลิ่นอายของโลกิที่ติดตัวเขามา มันไม่ใช่เรื่องเล่นๆ"</span> ผมก้าวออกมายืนเคียงข้างเดม่อน เป็นสัญญาณว่าจากนี้ไป... เราจะสู้ร่วมกัน
         </font>
   </div>

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

   <div class="p-stat-card">
         <div style="margin-bottom: 35px;">
            <font face="Cinzel" size="3" color="#00ced1" style="letter-spacing: 3px;">◈ SON OF THE SEAGOD</font><br><br>
            <font face="Prompt" size="4" color="#ffffff">
               • การต่อสู้อีคิดน่า: เดม่อน, ลิเลียน่า, เบย์ กดหนีทันทีที่สู้ได้ไม่กี่เทิร์น<br>
               • เพอร์ชีย์สู้กับอีคิดน่า: <a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npccomrade:dungeon&do=dungeon_fight&battle_id=561" style="color:#ffff00; text-decoration:none;">BATTLE LINK</a><br>
               • สถานะปัจจุบัน: <b>เตรียมทำศึกกับแร็กนาร์</b>
            </font>
         </div>

         <div style="border-left: 2px solid #00ced1; padding-left: 20px;">
            <font face="Cinzel" size="2" color="#00ced1" 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:#00ced1; 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:#00ced1; 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:#00ced1; font-weight: bold;">TOTAL ACCUMULATED: 20 POINTS</span>
            </font>
         </div>
   </div>

   <div class="p-footer-zone">
         <div class="p-blood-seal">
            <font size="2" color="#00ced1" style="letter-spacing: 5px;">OLYMPUS LEGACY</font><br>
            <font size="4" color="#fff" style="letter-spacing: 8px;"><b>POSEIDON BLOODLINE</b></font>
         </div>
   </div>

</div>
</div>

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

Percy Jackson and the Olympians Thailand's Archiver