[กฎของบันทึกการเดินทางการ]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Montserrat:wght@500;800&display=swap');
/* --- 🧭 TRAVEL LOG CONTAINER --- */
.travel-log-wrapper {
max-width: 900px;
margin: 50px auto;
background: #0f0f0f;
border: 1px solid #333;
box-shadow: 0 40px 80px rgba(0,0,0,0.7);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
overflow: hidden;
}
/* ลายกราฟิกเส้นพิกัด */
.travel-log-wrapper::before {
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
}
/* --- 📜 HEADER --- */
.log-header {
background: #1a1a1a;
padding: 60px 40px;
text-align: center;
border-bottom: 3px solid #c5a059;
position: relative;
z-index: 2;
}
.log-header h1 {
font-family: 'Cinzel', serif;
color: #c5a059;
font-size: 32px;
letter-spacing: 8px;
margin: 0;
text-transform: uppercase;
}
/* --- 📋 MAIN RULES SECTION --- */
.log-body {
padding: 60px 70px;
position: relative;
z-index: 2;
line-height: 2.2;
color: #d1d1d1;
}
.rule-card {
background: rgba(255, 255, 255, 0.02);
border: 1px solid #222;
padding: 30px;
margin-bottom: 40px;
border-left: 4px solid #c5a059;
}
/* --- ✅ ALLOWED vs ❌ PROHIBITED --- */
.status-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-top: 50px;
}
.status-box {
padding: 30px;
border-radius: 4px;
height: 100%;
}
.box-allowed {
background: rgba(46, 204, 113, 0.05);
border: 1px solid rgba(46, 204, 113, 0.2);
}
.box-prohibited {
background: rgba(231, 76, 60, 0.05);
border: 1px solid rgba(231, 76, 60, 0.2);
}
.status-title {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 11px;
letter-spacing: 3px;
margin-bottom: 20px;
display: block;
text-transform: uppercase;
}
/* --- 🔱 FOOTER --- */
.log-footer {
padding: 30px;
text-align: center;
background: #000;
border-top: 1px solid #1a1a1a;
}
</style>
<div class="travel-log-wrapper">
<div class="log-header">
<h1>Traveler's Archive</h1>
<font size="2" color="#666" style="letter-spacing: 4px; display: block; margin-top: 10px;">กฎของบันทึกการเดินทาง (สถานะพิเศษ 5 เดือน)</font>
</div>
<div class="log-body">
<div style="margin-bottom: 40px; text-align: center;">
<font size="3" color="#c5a059"><i>สิทธิ์พิเศษสำหรับผู้ที่ทำภารกิจเดินทางครบ 5 เดือนแต่ยังไม่จบสตอรี่<br>สามารถกลับมาใช้ชีวิตในค่ายล่วงหน้าได้ภายใต้เงื่อนไขดังนี้</i></font>
</div>
<div class="rule-card">
<font size="3">
<b style="color: #c5a059;">เงื่อนไขการได้รับสิทธิ์:</b><br>
1) ต้องมีอัปเดตเรื่องราวในบันทึกการเดินทางอย่างน้อย <b>10 หน้า</b> ขึ้นไป<br>
2) ระยะเวลาจากบทที่ 1 จนถึงปัจจุบันต้องรวมเท่ากับ <b>5 เดือนพอดี</b> จึงจะสามารถโรลใช้ชีวิตในค่ายได้ โดยถือเป็นเหตุการณ์ช่วงหลังกลับมาจากภารกิจ
</font>
</div>
<font size="3">
<b>ขั้นตอนการโรลเพลย์:</b><br>
เมื่อครบเงื่อนไข ให้เปิดโรลเพลย์ <b>"เมืองสุดท้ายของภารกิจ"</b> เพื่อระบุการปิดการเดินทาง (ย้อนหลังได้ตามสตอรี่) จากนั้นจึงเปิดโรลเพลย์ที่ 2 เป็นวันที่ปัจจุบันเพื่อเริ่มการใช้ชีวิตในค่าย ในสถานะ <b>"กำลังเขียนบันทึกการเดินทาง"</b> เพื่อเก็บเกี่ยวเวลาและกิจกรรมต่างๆ
</font>
<div class="status-grid">
<div class="status-box box-allowed">
<span class="status-title" style="color: #2ecc71;"><font size="3">● Permitted Actions</font></span>
<font color="#bbb"><font size="3">
- โรลเพลย์ใช้ชีวิต/สตอรี่อิสระในค่าย<br>
- ทำกิจวัตรประจำวันและร่วมกิจกรรมคอมมู<br>
- เข้าคลาสฝึกฝนและเรียนรู้ได้ปกติ<br>
- เข้าเรียนไฮสกูลได้ตามปกติ<br>
</font><hr style="opacity: 0.1;">
<i style=""><font size="3">*การเข้าคลาสต้องเป็นวันปัจจุบันเท่านั้น ไม่สามารถใช้ระบบย้อนเวลาได้</font></i>
</font>
</div>
<div class="status-box box-prohibited">
<span class="status-title" style="color: #e74c3c;"><font size="3">● Restricted Actions</font></span>
<font color="#bbb" size="3">
- <b style="">ไม่สามารถ</b> มองเห็นเควสบนกระดานภารกิจ (ถือว่าไม่มีใครติดต่องานในช่วงนี้)<br>
- <b style="">ไม่สามารถ</b> ขอรับการทดสอบคลาสฝึกเพื่อปลดพลังหรือศักยภาพใหม่ จนกว่าจะจบภารกิจจริง<br>
- <b style="">ไม่สามารถ</b> เปิดภารกิจคำพยากรณ์และเควสใหม่ในทุกระบบได้
</font>
</div>
</div>
</div>
<div class="log-footer">
<font face="Cinzel" size="2" color="#c5a059" style="letter-spacing: 5px;">PERCY JACKSON THAILAND SYSTEM // 2026</font>
</div>
</div>
หน้า:
[1]