[กิจกรรมไม่จำกัดเวลา - แค่คนแรกเท่านั้น]
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;700&family=Noto+Sans+Thai:wght@100;300;400;700&family=Playfair+Display:ital,wght@1,400;1,700&display=swap');
:root {
--olympus-gold: #d4af37;
--blessed-white: #f5f5f5;
--hades-onyx: #050a0d;
--gold-shimmer: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
}
/* --- The Elysian Frame --- */
.elysian-frame {
max-width: 950px;
margin: 50px auto;
position: relative;
padding: 3px;
background: var(--gold-shimmer);
box-shadow: 0 50px 100px rgba(0,0,0,0.9);
border-radius: 8px;
}
.elysian-inner {
background: var(--hades-onyx);
background-image:
radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.25) 0%, transparent 60%),
url('https://www.transparenttextures.com/patterns/dark-matter.png');
border: 1px solid rgba(212, 175, 55, 0.2);
position: relative;
overflow: hidden;
}
.elysian-header {
padding: 100px 40px;
text-align: center;
border-bottom: 2px solid var(--olympus-gold);
background: linear-gradient(to bottom, rgba(212, 175, 55, 0.08), transparent);
}
.monument-title {
font-family: 'Cinzel Decorative', cursive !important;
background: var(--gold-shimmer);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 900;
filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.6));
display: block;
letter-spacing: 10px;
text-transform: uppercase;
}
.elysian-body {
padding: 60px 100px;
font-family: 'Noto Sans Thai', sans-serif;
color: var(--blessed-white);
line-height: 2.3;
text-align: center;
}
/* --- Medal of Valor Section --- */
.medal-container {
margin: 40px auto;
position: relative;
width: 180px;
height: 180px;
}
.medal-icon {
width: 150px;
height: 150px;
background: var(--gold-shimmer);
border-radius: 50%;
margin: 0 auto;
position: relative;
box-shadow: 0 0 30px rgba(212, 175, 55, 0.5), inset 0 0 20px rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: center;
border: 4px double #000;
}
.medal-icon::after {
content: "✦";
font-size: 80px;
color: #000;
text-shadow: 0 0 10px rgba(255,255,255,0.5);
}
.medal-ribbon {
width: 60px;
height: 40px;
background: linear-gradient(to right, #2e0854, #800000, #2e0854);
margin: -20px auto 0;
border: 1px solid var(--olympus-gold);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
/* --- Prize Cards Layout --- */
.prize-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 40px 0;
}
.prize-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(212, 175, 55, 0.3);
padding: 30px;
position: relative;
backdrop-filter: blur(5px);
transition: 0.4s;
}
.prize-card:hover {
border-color: var(--olympus-gold);
background: rgba(212, 175, 55, 0.08);
}
.special-label {
font-family: 'Cinzel', serif;
color: var(--olympus-gold);
letter-spacing: 4px;
font-weight: 700;
font-size: 1rem;
display: block;
margin-bottom: 10px;
}
.elysian-footer {
padding: 50px;
background: rgba(0,0,0,0.6);
border-top: 1px solid rgba(212, 175, 55, 0.2);
text-align: center;
}
.ornament {
width: 200px;
height: 1px;
background: var(--gold-shimmer);
margin: 15px auto;
opacity: 0.5;
}
</style>
<div class="elysian-frame">
<div class="elysian-inner">
<div class="elysian-header">
<font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 15px; opacity: 0.8;">SUPREME MERIT</font>
<h1 class="monument-title"><font size="7">ISLES OF THE BLEST</font></h1>
<font face="Noto Sans Thai" size="4" color="#f9e295" style="letter-spacing: 3px; font-weight: 300;">
— จารึกเกียรติยศวีรบุรุษผู้พิชิตสรวงสวรรค์คนแรก —
</font>
</div>
<div class="elysian-body">
<div class="medal-container">
<div class="medal-ribbon"></div>
<div class="medal-icon"></div>
<font face="Cinzel" size="2" color="#d4af37" style="display:block; margin-top:10px; font-weight:700; letter-spacing:3px;">
MEDAL OF VALOR
</font>
</div>
<font size="4">
เมื่อศรัทธาและปณิธานนำทางมาสู่พรมแดนสุดท้าย <br>
<b>"เอกสิทธิ์พิเศษสำหรับผู้บรรลุคนแรกของคอมมู"</b> <br>
ฮาเดส จ้าวผู้ครองขุมทรัพย์ใต้พิภพ ขอมอบกำนัลแด่ผู้ก้าวข้ามโชคชะตา
</font>
<div class="prize-grid">
<div class="prize-card" style="grid-column: span 2;">
<span class="special-label">◈ THE IMPERIAL ESTATE ◈</span>
<font size="5" color="#fff" style="font-weight:700;">HADES'S GIFT: THE ROYAL MANSION</font><br>
<font size="4" color="#fcf6ba">ประทานคฤหาสน์หรูหราให้ครอบครองทันทีโดยไม่มีค่าใช้จ่าย</font>
</div>
<div class="prize-card">
<span class="special-label">◈ TREASURY ◈</span>
<font size="6" color="#fff"><b>+5,000</b></font><br>
<font size="3" color="#d4af37">DRACHMA BONUS</font>
</div>
<div class="prize-card">
<span class="special-label">◈ LINEAGE ◈</span>
<font size="5" color="#fff"><b>FREE FORM</b></font><br>
<font size="3" color="#d4af37">BLOODLINE CREATION</font>
</div>
</div>
<div style="text-align: left; background: rgba(0,0,0,0.3); padding: 30px; border-radius: 5px;">
<font size="4">
<b>🏛️ PALACE SPECIFICATION:</b> <br>
สามารถเสนอสถานที่ตั้งและออกแบบคฤหาสน์ที่กว้างใหญ่ราวราชวังบนเกาะได้ตามความปรารถนา <br><br>
<b>🛡️ NOBLE GENEALOGY:</b> <br>
สิทธิ์ในการก่อตั้งตระกูลของตนเองบน Isles of the Blest โดยยกเว้นค่าธรรมเนียมทั้งหมด
</font>
</div>
<div style="margin-top: 50px;">
<font face="Playfair Display" size="4" style="font-style: italic; color: var(--olympus-gold);">
"Your name is now carved among the stars and the depths."
</font>
</div>
</div>
<div class="elysian-footer">
<div class="ornament"></div>
<font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 8px;">
THE OLYMPIAN DECREE • 2026
</font>
<div class="ornament"></div>
</div>
</div>
</div>
หน้า:
[1]