[แบบฟอร์มยื่นขออนุมัติภารกิจเดินทาง (กองพันที่ 12)]
<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=Dancing+Script:wght@700&family=La+Belle+Aurore&display=swap');
:root {
--imperial-purple: #3b0a45;
--roman-bronze: #cd7f32;
--noble-gold: #d4af37;
--marble-dark: #0a0c0f;
--gold-gradient: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
}
.roman-scroll {
max-width: 900px;
margin: 40px auto;
position: relative;
padding: 3px;
background: var(--gold-gradient);
box-shadow: 0 40px 80px rgba(0,0,0,0.9);
}
.scroll-inner {
background: var(--marble-dark);
background-image:
radial-gradient(circle at 50% 0%, rgba(59, 10, 69, 0.4) 0%, transparent 70%),
url('https://www.transparenttextures.com/patterns/dark-leather.png');
border: 1px solid rgba(212, 175, 55, 0.2);
position: relative;
overflow: hidden;
}
.roman-header {
padding: 90px 40px;
text-align: center;
border-bottom: 2px solid var(--noble-gold);
}
.bronze-title {
font-family: 'Cinzel Decorative', cursive !important;
background: var(--gold-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 900;
filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.4));
display: block;
letter-spacing: 5px;
}
.roman-body {
padding: 70px 90px;
font-family: 'Noto Sans Thai', sans-serif;
color: #e0e1dd;
line-height: 2.2;
}
.roman-card {
background: rgba(59, 10, 69, 0.2);
border-left: 4px solid var(--noble-gold);
padding: 30px;
margin-bottom: 35px;
box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
}
.roman-label {
color: var(--noble-gold);
font-weight: 700;
display: block;
margin-bottom: 12px;
font-size: 1.15rem;
font-family: 'Cinzel', serif;
}
.resource-options {
display: grid;
gap: 12px;
margin-top: 15px;
}
.check-item {
display: flex;
align-items: center;
cursor: pointer;
}
.check-item input {
margin-right: 15px;
accent-color: var(--noble-gold);
transform: scale(1.3);
}
.praetor-signatures {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 70px;
text-align: center;
}
.sig-name {
font-size: 1.8rem;
margin-bottom: 5px;
}
.yasmin-sig { font-family: 'Dancing Script', cursive; color: #f9e295; }
.quintus-sig { font-family: 'La Belle Aurore', cursive; color: #fff; transform: rotate(-2deg); }
.copy-btn {
display: block;
width: 300px;
margin: 0 auto 60px auto;
padding: 18px;
background: var(--gold-gradient);
border: none;
color: #000;
font-family: 'Cinzel', serif;
font-weight: 700;
cursor: pointer;
text-align: center;
letter-spacing: 2px;
box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}
.footer-note {
text-align: center;
padding: 30px;
background: rgba(0,0,0,0.5);
border-top: 1px solid rgba(212, 175, 55, 0.1);
font-size: 0.95rem;
color: #f9e295;
}
#hiddenJPT { position: absolute; left: -9999px; }
</style>
<div class="roman-scroll">
<div class="scroll-inner">
<div class="roman-header">
<font face="Cinzel" size="2" color="#d4af37" style="letter-spacing: 12px; opacity: 0.7;">CAMP JUPITER • TWELFTH LEGION</font>
<h1 class="bronze-title"><font size="7">QUEST AUTHORIZATION</font></h1>
<font face="Noto Sans Thai" size="4" color="#f9e295" style="letter-spacing: 3px;">— แบบฟอร์มยื่นขออนุมัติภารกิจเดินทาง (กองพลที่ 12) —</font>
</div>
<div class="roman-body">
<div class="roman-card">
<span class="roman-label">◈ LEGIONNAIRES DATA (ข้อมูลทีมเดินทาง)</span>
<font size="4">
<b>ชื่อผู้ขอเปิดภารกิจเดินทาง:</b> [ระบุชื่อของคุณ] <br>
<b>รายชื่อผู้ร่วมเดินทาง:</b> (1) [ระบุชื่อ] (2) [ระบุชื่อ] <br>
<font size="2" color="#c0c0c0">* นอกจากเพื่อนร่วมค่าย TGC แล้ว สามารถชวนอสุรกายจากกองร้อยพิเศษได้ *</font><br>
<b>แนบลิ้งก์โรลเพลย์เชิญชวนสำเร็จ:</b> [แนบลิงก์ที่นี่]
</font>
</div>
<div class="roman-card">
<span class="roman-label">◈ SIBYLLINE ORACLE (คำพยากรณ์)</span>
<font size="4"><i>"[ใส่คำพยากรณ์ที่ได้รับจากผู้พยากรณ์]"</i></font>
</div>
<div class="roman-card">
<span class="roman-label">◈ CHRONICLE PLAN (แผนบันทึกการเดินทาง)</span>
<font size="4">
<b>จำนวนหน้าบันทึกที่วางไว้ (จำนวนตอน):</b> [ระบุจำนวนเพื่อเป็นเกณฑ์อนุมัติ เช่น 10-12 / 15-17] <br>
<b>จำนวนหน้าการฟอร์มทีม (กรณีใช้แอปโซเชียลหาสมาชิก):</b> [คำนวณระยะทางและระบุจำนวนหน้า]
</font>
</div>
<div class="roman-card">
<span class="roman-label">◈ IMPERIAL RESOURCES (ทรัพยากรเบิกจ่าย - เลือกได้ 2 เท่านั้น)</span>
<div class="resource-options">
<label class="check-item"><input type="checkbox"><font size="3"> แอมโบรเซีย 2 ขวด</font></label>
<label class="check-item"><input type="checkbox"><font size="3"> เนคทาร์ 1 ขวด</font></label>
<label class="check-item"><input type="checkbox"><input type="checkbox" checked="" style="display:none"><font size="3">400 ดอลลาร์</font></label>
</div>
</div>
<div class="roman-card">
<span class="roman-label">◈ TRANSPORTATION (ยานพาหนะ)</span>
<font size="4">
<b>ประเภทยานพาหนะ:</b> [ระบุชื่อยานพาหนะจากคลังค่ายจูปิเตอร์] <br>
<font size="3" color="#f9e295">** หลังส่งแบบฟอร์ม อย่าลืมส่งป้ายเกียรติยศมาที่ไอดี GOD ตามที่ระบุ **</font> <br>
<font size="2" color="#c0c0c0">* ทุกยานพาหนะจะแถมเชื้อเพลิงสำรองไปให้ 1 ขวดเสมอ *</font>
</font>
</div>
<div class="praetor-signatures">
<div>
<div class="sig-name yasmin-sig">Yasmin Aden</div>
<font face="Cinzel" size="2" color="#d4af37">PRAETOR</font>
</div>
<div>
<div class="sig-name quintus-sig">Quintus Anderson</div>
<font face="Cinzel" size="2" color="#d4af37">PRAETOR</font>
</div>
</div>
</div>
<textarea id="hiddenJPT"><b>ชื่อผู้ขอเปิดภารกิจเดินทาง:</b>
<b>รายชื่อผู้ร่วมเดินทาง:</b> (1) (2)
<b>แนบลิ้งก์โรลเพลย์เชิญชวนสำเร็จ:</b>
<b>คำพยากรณ์จากผู้พยากรณ์:</b>
[ใส่คำพยากรณ์ที่ได้รับ]
<b>จำนวนหน้าบันทึกที่คุณวางไว้ (จำนวนตอน):</b>
<b>จำนวนหน้าการฟอร์มทีม (กรณีใช้แอปหาสมาชิก):</b>
<b>ทรัพยากรที่ขอเบิก (เลือก 2 อย่าง):</b>
( ) แอมโบรเซีย 2 ขวด / ( ) เนคทาร์ 1 ขวด / ( ) 400 ดอลลาร์
<b>ยานพาหนะที่ขอเบิก:</b> [ระบุประเภทยานพาหนะจากคลังค่าย]
<i>หมายเหตุ: หลังส่งแบบฟอร์ม อย่าลืมส่งป้ายเกียรติยศมาไอดี GOD ตามจำนวนที่ระบุของยานพาหนะแต่ละชนิด</i>
</textarea>
<button class="copy-btn" onclick="copyJPT()">COPY ROMAN FORM</button>
<div class="footer-note">
<font face="Noto Sans Thai">
หลังส่งแบบฟอร์มขออนุมัติ กรุณารอรับพล็อตสำหรับบทนำออกเดินทาง<br>
(บทนำไม่รวมในจำนวนตอนที่วางแผนไว้)
</font>
</div>
</div>
</div>
หน้า:
[1]