[ACHIEVEMENT Status Season 2]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Montserrat:wght@300;400;600;800&display=swap');
/* --- 🏆 MASTER FRAME --- */
.achievement-system-wrapper {
max-width: 950px;
margin: 50px auto;
background: #0a0a0a;
font-family: 'Noto Sans Thai', sans-serif;
border: 1px solid #222;
box-shadow: 0 50px 100px rgba(0,0,0,0.8);
position: relative;
overflow: hidden;
}
/* --- ✨ AMBIENT GLOW --- */
.achievement-system-wrapper::before {
content: "";
position: absolute;
top: -150px; left: -150px;
width: 300px; height: 300px;
background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
pointer-events: none;
}
/* --- 🎖️ HEADER --- */
.ach-header {
padding: 80px 40px;
text-align: center;
background: linear-gradient(to bottom, #151515, #0a0a0a);
border-bottom: 2px solid #d4af37;
}
.ach-title {
font-family: 'Cinzel', serif;
font-size: 50px;
font-weight: 900;
color: #d4af37;
letter-spacing: 12px;
margin: 0;
text-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
}
.ach-subtitle {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 600;
color: #888;
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 15px;
display: block;
}
.ach-deadline {
margin-top: 30px;
display: inline-block;
padding: 8px 25px;
border: 1px solid rgba(212, 175, 55, 0.3);
color: #d4af37;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
background: rgba(212, 175, 55, 0.05);
}
/* --- 📜 CONTENT AREA --- */
.ach-body {
padding: 60px 80px;
background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
background-size: 30px 30px;
}
/* --- 🎖️ CATEGORY TITLE --- */
.ach-category-head {
display: flex;
align-items: center;
gap: 20px;
margin: 60px 0 30px 0;
}
.ach-category-head font {
font-family: 'Cinzel', serif;
letter-spacing: 3px;
color: #fff;
text-transform: uppercase;
}
.ach-line { flex-grow: 1; height: 1px; background: linear-gradient(to right, #d4af37, transparent); }
/* --- 💎 ACHIEVEMENT CARD --- */
.ach-card {
background: linear-gradient(135deg, #151515 0%, #0d0d0d 100%);
border: 1px solid #222;
padding: 25px 35px;
margin-bottom: 20px;
position: relative;
transition: 0.3s ease;
display: flex;
align-items: center;
gap: 25px;
}
.ach-card:hover {
border-color: #d4af37;
transform: scale(1.02);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.ach-icon {
width: 60px; height: 60px;
background: #1a1a1a;
border: 1px solid #d4af37;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transform: rotate(45deg);
}
.ach-icon-inner { transform: rotate(-45deg); font-size: 20px; color: #d4af37; }
.ach-info { flex-grow: 1; }
.ach-requirement {
font-size: 17px;
font-weight: 700;
color: #fff;
display: block;
margin-bottom: 5px;
}
.ach-reward {
font-size: 13px;
color: #d4af37;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
/* --- ✍️ FORM SECTION --- */
.ach-form-tablet {
background: #111;
border: 1px solid #d4af37;
padding: 50px;
margin-top: 80px;
position: relative;
}
.ach-form-tablet::before {
content: "SUBMISSION FORM";
position: absolute;
top: -15px; left: 50%;
transform: translateX(-50%);
background: #d4af37;
color: #000;
padding: 5px 25px;
font-size: 12px;
font-family: 'Cinzel', serif;
font-weight: 900;
letter-spacing: 3px;
}
.ach-input-field {
margin-bottom: 20px;
border-bottom: 1px solid #333;
padding: 10px 0;
display: flex;
justify-content: space-between;
}
.ach-label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-weight: 800;
color: #d4af37;
text-transform: uppercase;
}
/* --- 🏁 FOOTER --- */
.ach-footer {
background: #000;
padding: 40px;
text-align: center;
border-top: 1px solid #222;
color: #444;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
letter-spacing: 5px;
}
</style>
<div class="achievement-system-wrapper">
<div class="ach-header">
<h1 class="ach-title"><font size="7">ACHIEVEMENT</font></h1>
<span class="ach-subtitle"><font size="2">Status Season 2</font></span>
<div class="ach-deadline">
DEADLINE: 31 DECEMBER 2027
</div>
<p style="margin-top: 30px; color: #888; font-size: 15px; line-height: 2;">
การเก็บ Achievement ง่าย ๆ แค่อัปสเตตัสดังกล่าวให้ถึงระดับที่กำหนด<br>ก็จะรับรางวัลปลดความสำเร็จได้ทันที
</p>
</div>
<div class="ach-body">
<div class="ach-category-head">
<font size="4">Legendary Archives</font>
<div class="ach-line"></div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🏛️</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุผู้จารึกตำนานห้าฤดู:</span>
<font size="2" color="#888">
(ค่ายฮาล์ฟบลัด) สวมใส่สร้อยลูกปัดจากการทำภารกิจคำพยากรณ์ 5 เม็ด<br>
(ค่ายจูปิเตอร์) ได้รับแถบรอยสัก 5 แถบ
</font><br>
<span class="ach-reward">REWARD: หินเพลิงเทพ 50 ก้อน หรือ แก่นเหมันต์อนันตกาล 20 ก้อน</span>
</div>
</div>
<div class="ach-category-head">
<font size="4">NRU Academic</font>
<div class="ach-line"></div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">⚡</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุระดับแข็งแกร่งเกินขีดจำกัด (สเตตัสถึง 230 หรือ 250 อย่างใดอย่างหนึ่ง)</span>
<span class="ach-reward">REWARD: แหวนดาราจรัส 1 วง</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">📖</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุสอบ DSTOMP ผ่านคะแนน 80%</span>
<span class="ach-reward">REWARD: หินแห่งปัญญา 5 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">☀️</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการเข้าปฐมนิเทศก์ NRU</span>
<span class="ach-reward">REWARD: เหรียญอะพอลโล 1 เหรียญ</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🔑</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการเข้ากิจกรรมรับน้อง NRU</span>
<span class="ach-reward">REWARD: กุญแจมิติ 1 ชิ้น</span>
</div>
</div>
<div class="ach-card" style="border: 1px solid rgba(212, 175, 55, 0.5);">
<div class="ach-icon" style="background: #d4af37;"><div class="ach-icon-inner" style="color: #000;">🎓</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุจบเกรดเฉลี่ยด้วยปีการศึกษาแรกใน NRU ด้วยเกรดเฉลี่ย 4.0</span>
<span class="ach-reward">REWARD: หินแห่งปัญญา 100 ก้อน (+1 หัวใจอะธีน่า)</span>
</div>
</div>
<div class="ach-category-head">
<font size="4">The Great Adventure</font>
<div class="ach-line"></div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">⚔️</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุภารกิจระดับ HEROES (เปิดหลัง 13 ก.พ.) ต่อเนื่อง Chain 4 ภารกิจ (เชื่อมโยงกัน) (อาทิ เกี่ยวกับ LoNex ก็เกี่ยวกับ LoNex ทั้งหมด)</span>
<span class="ach-reward">REWARD: หอกเอจิส (หัววีรบุรุษ) คุณภาพแดง 1 เล่ม</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">⚒️</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการตีบวกอย่างใดอย่างหนึ่งถึง +40</span>
<span class="ach-reward">REWARD: หินหมอก 5 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🔥</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการตีบวกอย่างใดอย่างหนึ่งถึง +35</span>
<span class="ach-reward">REWARD: หินรัตติกาล 5 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">📜</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการสะสมจดหมายรับรอง NRU 3 ฉบับ (มีในตัว)</span>
<span class="ach-reward">REWARD: ผลึกปฐมโลก 5 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🦅</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการฝึกฝนสัตว์อสูร 1 ตัว ถึงระดับ 120</span>
<span class="ach-reward">REWARD: คลาสการฝึกพรจอมโจร (เฮอร์มีส/เมอร์คิวรี่) 1 คลาส</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🐉</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการสร้างมังกรสัมฤทธิ์ 1 ตัวเป็นคู่หูและฝึกเทรนจนระดับ 100</span>
<span class="ach-reward">REWARD: แปลนเข็มขัดเครื่องมือวิเศษ (ทั่วไป) 1 ชิ้นจากลีโอ วัลเดช (เมื่อเจอรุ่นพีลีโอสามารถโรลเพลย์รับได้เลยและมายื่นแบบฟอร์มพร้อมแนบโรลรับ)</span></div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🏍️</div></div>
<div class="ach-info">
<span class="ach-requirement">บรรลุการสร้างรถจักรยานยนต์ด้วยตัวเอง 1 คัน (ไม่นับซื้อสำเร็จรูป)</span>
<span class="ach-reward">REWARD: เชื้อเพลิงจักรยานยนต์ 5 ขวด</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🤝</div></div>
<div class="ach-info">
<span class="ach-requirement">ฝึกฝนชาวค่ายใหม่ Member(มาหลัง 12 ก.พ. 2026) จับคู่โรลเพลย์โคออฟเทรนจนเพื่อนระดับ 100</span>
<span class="ach-reward">REWARD: อัปเกรดอาวุธร้านคุณภาพม่วงฟรี + ศิลาก่อกำเนิด 50 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">❤️</div></div>
<div class="ach-info">
<span class="ach-requirement">ส่งข่าวคู่จิ้น Member กับ TGC จนพวกเขาประกาศคบกันภายในปี 2026 (ขั้นต่ำ 10 ข่าว)</span>
<span class="ach-reward">REWARD: หินแห่งความรัก 10 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🏛️</div></div>
<div class="ach-info">
<span class="ach-requirement">ปลดหัวใจแถว 2 กับเทพครบ 5 องค์</span>
<span class="ach-reward">REWARD: หินเพลิงเทพ 20 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">🛡️</div></div>
<div class="ach-info">
<span class="ach-requirement">ปลดหัวใจแถว 2 กับ 1 ใน 7 วีรบุรุษในตำนาน อย่างน้อย 1 คน</span>
<span class="ach-reward">REWARD: หินแห่งกำลัง 5 ก้อน</span>
</div>
</div>
<div class="ach-card">
<div class="ach-icon"><div class="ach-icon-inner">💎</div></div>
<div class="ach-info">
<span class="ach-requirement">ปลดหัวใจแถว 2 กับ TGC ครบ 5 คน</span>
<span class="ach-reward">REWARD: ผลึกไททัน 20 ก้อน</span>
</div>
</div>
<div class="ach-form-tablet">
<div class="ach-input-field">
<span class="ach-label"><font size="2">Full Name</font></span>
<font color="#fff"><font size="2">ระบุชื่อเต็ม</font></font>
</div>
<div class="ach-input-field">
<span class="ach-label"><font size="2">Cabin / Cohort</font></span>
<font color="#fff"><font size="2">ระบุสังกัดบ้านหมายเลข/กองร้อย</font></font>
</div>
<div class="ach-input-field">
<span class="ach-label"><font size="2">Bloodline / Legacy</font></span>
<font color="#fff"><font size="2">ระบุสายเลือด/ลูกหลานมรดก</font></font>
</div>
<div class="ach-input-field">
<span class="ach-label"><font size="2">Achievement Achieved</font></span>
<font color="#fff"><font size="2">ระบุความสำเร็จที่บรรลุ</font></font>
</div>
<div class="ach-input-field">
<span class="ach-label"><font size="2">Proof (My Status)</font></span>
<font color="#d4af37"><font size="2">แนบลิงก์รูปภาพยืนยัน</font></font>
</div>
<div class="ach-input-field" style="border: none;">
<span class="ach-label"><font size="2">Claim Reward</font></span>
<font color="#fff"><font size="2">ระบุรางวัลที่จะรับ</font></font>
</div>
</div>
</div>
<div class="ach-footer">
CAMP HALF-BLOOD & CAMP JUPITER • ACHIEVEMENTS SYSTEM • 2026-2027
</div>
</div>
หน้า:
[1]