แก้ไขครั้งสุดท้ายโดย Daemon เมื่อ 2026-1-9 13:08 <br /><br /><style>
@import url('https://fonts.googleapis.com/css2?family=Sekuya&family=Kanit:wght@300;500;700&family=Sarabun:wght@300;400;600&family=Cinzel:wght@700&display=swap');
:root {
--divine-red: #b7011f;
--royal-gold: #ffd700;
--gold-gradient: linear-gradient(to bottom, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
--myth-bg: #0a0a0a;
/* Character Colors */
--color-daemon: #ff0000;
--color-liliana: #ff8c00;
--color-bay: #006400;
}
.myth-wrapper {
max-width: 800px;
margin: 30px auto;
background: #ffffff;
border-radius: 30px;
box-shadow: 0 40px 100px rgba(0,0,0,0.2);
overflow: visible;
border: 2px solid #eee;
position: relative;
}
/* --- Majestic Header --- */
.myth-header {
background: var(--myth-bg);
padding: 60px 20px;
text-align: center;
border-radius: 28px 28px 0 0;
position: relative;
overflow: hidden;
border-bottom: 5px solid var(--divine-red);
}
.myth-header::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: radial-gradient(circle at center, rgba(183, 1, 31, 0.4) 0%, transparent 70%);
z-index: 1;
}
.name-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 5;
position: relative;
}
.name-frame {
border: 2px solid var(--royal-gold);
padding: 10px 25px;
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: 15px;
box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
max-width: 90%;
}
.myth-name {
font-family: 'Sekuya', sans-serif !important;
font-size: clamp(40px, 6vw, 65px) !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 12px !important;
word-spacing: 20px !important;
background: var(--gold-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5))
drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.8));
white-space: nowrap;
}
.myth-sub-title {
font-family: 'Cinzel', serif !important;
color: var(--royal-gold) !important;
font-size: 18px !important;
letter-spacing: 10px !important;
margin-top: 20px !important;
opacity: 0.9;
text-transform: uppercase;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
/* --- Metadata Bar --- */
.myth-meta-bar {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
padding: 20px;
background: #fdfdfd;
border-bottom: 1px solid #f0f0f0;
font-family: 'Kanit', sans-serif !important;
font-size: 14px !important;
font-weight: 500;
color: var(--divine-red);
}
.myth-meta-bar b { color: #000; margin-right: 5px; }
/* --- Body Content --- */
.myth-body {
padding: 50px 70px 30px;
font-family: 'Sarabun', sans-serif !important;
font-size: 18px !important;
line-height: 2.1 !important;
color: #2c3e50;
height: auto;
}
.myth-body p {
margin-bottom: 30px;
text-indent: 2.5em;
text-align: justify;
}
/* --- Divine Stats Zone --- */
.divine-stats {
margin: 0 50px 40px;
padding: 30px;
background: #0a0a0a;
border: 1px solid var(--divine-red);
border-radius: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
box-shadow: 0 10px 30px rgba(183, 1, 31, 0.2);
}
.stat-box {
padding: 15px;
border: 1px solid rgba(255, 215, 0, 0.2);
border-radius: 12px;
background: linear-gradient(135deg, rgba(183, 1, 31, 0.1), transparent);
}
.stat-label {
font-family: 'Cinzel', serif !important;
color: var(--royal-gold) !important;
font-size: 12px !important;
letter-spacing: 2px;
display: block;
margin-bottom: 8px;
border-bottom: 1px solid var(--divine-red);
padding-bottom: 5px;
}
.stat-value {
font-family: 'Kanit', sans-serif !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 300;
line-height: 1.6;
}
.total-points {
color: var(--royal-gold);
font-weight: 700;
border-top: 1px dashed rgba(255, 215, 0, 0.3);
margin-top: 10px;
padding-top: 5px;
display: block;
}
.myth-footer {
padding: 40px;
text-align: center;
background: #fafafa;
border-radius: 0 0 30px 30px;
font-family: 'Cinzel', serif !important;
font-size: 12px !important;
color: #999;
letter-spacing: 5px;
border-top: 1px solid #f0f0f0;
}
</style>
<div class="myth-wrapper">
<div class="myth-header">
<div class="name-container">
<div class="name-frame">
<span style="color: var(--royal-gold); font-family: Sekuya;"><font size="6">✧</font></span>
<h1 class="myth-name"><font size="6">Daemon Kannel</font></h1>
<span style="color: var(--royal-gold); font-size: 24px; font-family: 'Sekuya';">✧</span>
</div>
<div class="myth-sub-title"><font size="4">Son of Aphrodite</font></div>
</div>
</div>
<div class="myth-meta-bar">
<span><font size="2"><b>DATE</b> 1 มกราคม 2026</font></span>
<span><font size="2"><b>TIME</b> 13.45 น.</font></span>
<span><font size="2"><b>LOC</b> ชายป่าต้องห้าม (The Woods), ค่ายฮาล์ฟบลัด</font></span>
</div>
<div class="myth-body">
<p><font size="4">
ผมเดินลึกเข้ามาในป่า กลิ่นดินและใบไม้แห้งถูกแทนที่ด้วยกลิ่นฉุนของยาสูบและกลิ่นไหม้ของเนื้อย่างที่ลอยมาตามลม ไม่นานนักผมก็เห็นร่างกำยำของชายคนหนึ่งยืนเด่นอยู่ท่ามกลางเงาไม้หนาทึบ เบย์ สโตนบรูค หรือที่ชาวค่ายแอบเรียกกันลับหลังว่า<i><font color="#708090"> 'ไอ้หมัดแพะเหล็ก' </font></i>กำลังยืนเท้าเอวพิงต้นไม้ใหญ่ เขาเผยให้เห็นมัดกล้ามที่แข็งแกร่งราวกับหินผาและรอยแผลเป็นนับไม่ถ้วนจากการกรำศึก
</font></p>
<p>
<font size="4"><span style="color: var(--color-bay);">"หยุดอยู่ตรงนั้นเลยไอ้หนู!"</span> เสียงตะโกนกึกก้องของเบย์ทำให้ฝีเท้าของผมชะงัก <span style="color: var(--color-bay);">"ถ้าแกจะมาขอลาพักวิชาหอกมีดเพราะวันปีใหม่ล่ะก็ ไสหัวกลับไปนอนในกระท่อมอะโฟรไดต์ซะ ที่นี่ไม่มีที่ว่างสำหรับคนขี้เกียจ!"</span>
</font></p>
<p>
<font size="4"><span style="color: var(--color-daemon);">"ผมไม่ได้มาขอลาครับคุณเบย์"</span> ผมเอ่ยเสียงเรียบ เดินเข้าไปหาเขาจนอยู่ในระยะสายตา <span style="color: var(--color-daemon);">"แต่ผมมาเพื่อชวนคุณไปตกนรกด้วยกัน"</span> เบย์พ่นควันบุหรี่ออกมาอย่างแรง แววตาดุร้ายของเขาหรี่มองผมตั้งแต่หัวจรดเท้า <span style="color: var(--color-bay);">"ชวนข้า? เซเทอร์ที่เกษียณจากการทำภารกิจมาเป็นครูฝึกด่าเด็กเนี่ยนะ? แกกินสโคนบูดเข้าไปหรือไงเดม่อน"</span>
</font></p>
<p><font size="4">
ผมยื่นมือข้างที่สวมแหวนเธซีอุสออกไป เล่าเรื่องคำพยากรณ์รวมถึงนิมิตความวิปลาสของมหาสมุทรที่ผมเห็นร่วมกับลิเลียน่า เบย์นิ่งฟังพลางเคี้ยวเบอริโต้คำสุดท้ายจนหมด เขาขยี้บุหรี่ด้วยกีบเท้าแพะ <span style="color: var(--color-bay);">"คลื่นวิปลาส... โลกิ... แล้วก็ไอ้ตัวมีหนวดนั่นงั้นเรอะ ฟังดูเหมือนงานเลี้ยงฉลองปีใหม่ที่ห่วยที่สุดเท่าที่ข้าเคยได้ยินมาเลย"</span>
</font></p>
<p>
<font size="4"><span style="color: var(--color-daemon);">"ผมต้องการเซเทอร์ที่มีประสบการณ์ครับ"</span> ผมพูดต่อด้วยความสัตย์จริง <span style="color: var(--color-daemon);">"ผมต้องการคนที่ใจแข็งพอจะตะโกนด่าเรียกสติพวกเรา ถ้าหากเราเริ่มหลงไปในเสียงกระซิบของคธูลู ผมต้องการที่ปรึกษาที่ผ่านความเป็นความตายมามากกว่าใครในค่ายนี้"</span>
</font></p>
<p><font size="4">
เบย์คำรามเบาๆ <span style="color: var(--color-bay);">"แกมันตัวแสบเดม่อน แกรู้ว่าข้าเกลียดพวกน้ำยาเวทมนตร์ แต่ข้าก็เกลียดไอ้พวกเทพต่างถิ่นที่มาทำให้น้ำทะเลเน่าเสียยิ่งกว่า ถ้าข้าไม่ไป พวกแกคงกลายเป็นอาหารมื้อเที่ยงก่อนจะถึงเกาะโอจีเจียด้วยซ้ำ"</span> เขาเดินไปหยิบหอกและมีดสั้น <span style="color: var(--color-bay);">"ข้าจะไปขอนุมัติจากไครอนเอง แต่อย่าหวังว่าข้าจะใจดีกับพวกแกนะ ถ้าใครทำตัวอ่อนแอ ข้าจะใช้กำปั้นหมัดแพะเนี่ยแหละปลุกสติพวกแกเอง!"</span>
</font></p>
<p><font size="4">
ผมลอบยิ้มออกมาเล็กน้อย อย่างน้อยทีมของเราก็มีกระดูกสันหลังที่แข็งแกร่งเพิ่มขึ้นมาอีกคนหนึ่ง <span style="color: var(--color-daemon);">"ขอบคุณครับคุณเบย์ เตรียมตัวให้พร้อม เราจะออกเดินทางกันเร็วๆ นี้"</span></font>
</p>
</div>
<div class="divine-stats">
<div class="stat-box">
<span class="stat-label">สิ่งที่ได้รับ</span>
<div class="stat-value">
• เชิญ เบย์ สโตนบรูค เข้าร่วมทีม<br>
• ข้อมูลสัญชาตญาณป่าระดับสูง
</div>
</div>
<div class="stat-box">
<span class="stat-label">เอฟเฟกต์ความสัมพันธ์</span>
<div class="stat-value">
• <span style="color: var(--color-bay);">เบย์ สโตนบรูค:</span> <br>
•<font color="#ff0000"> ความสัมพันธ์:</font> พูดคุยประจำวัน +5<br>
• <span style="color: var(--color-daemon);">โบนัส:</span> พลังหอมเย้ายวน & เสน่ห์เลิศล้ำ +15<br>
<span class="total-points">รวม 20 แต้ม </span>
</div>
</div>
</div>
<div class="myth-footer">
OLYMPUS LEGACY • APHRODITE BLOODLINE
</div>
</div>