God โพสต์ 2026-1-12 17:12:25

[ แบบฟอร์มยื่นขออนุมัติภารกิจเดินทาง (ไอน์เฮริยาร์)]

 

<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=Eagle+Lake&display=swap');

    :root {
      --aurora-green: #00ff87;
      --deep-forest: #0a2f1f;
      --valhalla-gold: #d4af37;
      --obsidian-black: #020508;
      --green-shimmer: linear-gradient(135deg, #00ff87, #60efff, #00ff87, #a8ff78);
    }

    /* --- Valhalla Monument Frame --- */
    .norse-scroll {
      max-width: 900px;
      margin: 40px auto;
      position: relative;
      padding: 3px;
      background: var(--green-shimmer);
      box-shadow: 0 0 60px rgba(0, 255, 135, 0.2);
    }

    .scroll-inner {
      background: var(--obsidian-black);
      background-image:
            radial-gradient(circle at 50% 0%, rgba(0, 255, 135, 0.15) 0%, transparent 70%),
            url('https://www.transparenttextures.com/patterns/dark-leather.png');
      border: 1px solid rgba(0, 255, 135, 0.2);
      position: relative;
      overflow: hidden;
    }

    /* Header Section */
    .norse-header {
      padding: 90px 40px;
      text-align: center;
      border-bottom: 2px solid var(--aurora-green);
      background: linear-gradient(to bottom, rgba(0, 255, 135, 0.05), transparent);
    }

    .aurora-title {
      font-family: 'Cinzel Decorative', cursive !important;
      background: var(--green-shimmer);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 900;
      filter: drop-shadow(0 0 15px rgba(0, 255, 135, 0.5));
      display: block;
      letter-spacing: 5px;
    }

    .norse-body {
      padding: 70px 90px;
      font-family: 'Noto Sans Thai', sans-serif;
      color: #e0e1dd;
      line-height: 2.2;
    }

    .norse-card {
      background: rgba(0, 255, 135, 0.03);
      border-left: 4px solid var(--aurora-green);
      padding: 30px;
      margin-bottom: 35px;
      box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
    }

    .norse-label {
      color: var(--aurora-green);
      font-weight: 700;
      display: block;
      margin-bottom: 12px;
      font-size: 1.15rem;
      font-family: 'Cinzel', serif;
      letter-spacing: 2px;
    }

    /* Checkbox */
    .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(--aurora-green);
      transform: scale(1.3);
    }

    /* Signature Section: Odin & Helgi */
    .norse-signatures {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-top: 70px;
      text-align: center;
    }

    /* ลายเซ็นโอดิน (ทรงพลัง ลึกลับ) */
    .odin-sig { font-family: 'Cinzel Decorative', cursive; color: var(--valhalla-gold); font-size: 1.8rem; text-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
    /* ลายเซ็นเฮลกี (เรียบง่าย เป็นทางการ) */
    .helgi-sig { font-family: 'Eagle Lake', cursive; color: #fff; font-size: 1.5rem; opacity: 0.9; }

    .copy-btn {
      display: block;
      width: 300px;
      margin: 0 auto 60px auto;
      padding: 18px;
      background: var(--green-shimmer);
      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(0, 255, 135, 0.3);
      transition: 0.3s;
    }
    .copy-btn:hover { filter: brightness(1.2); transform: scale(1.05); }

    .footer-note {
      text-align: center;
      padding: 30px;
      background: rgba(0,0,0,0.5);
      border-top: 1px solid rgba(0, 255, 135, 0.1);
      font-size: 0.95rem;
      color: var(--aurora-green);
    }
    #hiddenVH { position: absolute; left: -9999px; }
</style>

<div class="norse-scroll">
    <div class="scroll-inner">
      
      <div class="norse-header">
            <font face="Cinzel" size="2" color="#00ff87" style="letter-spacing: 12px; opacity: 0.7;">HOTEL VALHALLA • MIDGARD BRANCH</font>
            <h1 class="aurora-title"><font size="7">QUEST AUTHORIZATION</font></h1>
            <font face="Noto Sans Thai" size="4" color="#a8ff78" style="letter-spacing: 3px;">— แบบฟอร์มยื่นขออนุมัติภารกิจเดินทาง (ไอน์เฮริยาร์) —</font>
      </div>

      <div class="norse-body">
            
            <div class="norse-card">
                <span class="norse-label">◈ EINHERJAR DATA (ข้อมูลนักรบ)</span>
                <font size="4">
                  <b>ชื่อผู้ขอเปิดภารกิจเดินทาง:</b> [ระบุชื่อของคุณ] <br>
                  <b>รายชื่อสหายร่วมรบ:</b> (1) [ระบุชื่อ] (2) [ระบุชื่อ] <br>
                  <font size="2" color="#c0c0c0">* นอกจากเพื่อนร่วมโรงแรมแล้ว สามารถเป็นวัลคีรีได้ *</font><br>
                  <b>แนบลิ้งก์โรลเพลย์เชิญชวนสำเร็จ:</b> [แนบลิงก์ที่นี่]
                </font>
            </div>

            <div class="norse-card">
                <span class="norse-label">◈ PROPHECY OF THE NORNS (คำพยากรณ์)</span>
                <font size="4"><i>"[ใส่คำพยากรณ์ที่ได้รับจากผู้พยากรณ์]"</i></font>
            </div>

            <div class="norse-card">
                <span class="norse-label">◈ SAGAS &amp; CHRONICLES (แผนบันทึกการเดินทาง)</span>
                <font size="4">
                  <b>จำนวนหน้าบันทึกที่วางไว้ (จำนวนตอน):</b> [ระบุจำนวนเพื่อเป็นเกณฑ์อนุมัติ เช่น 10-12 / 15-17] <br>
                  <b>จำนวนหน้าการฟอร์มทีม (กรณีใช้แอปโซเชียลหาสมาชิก):</b> [ระบุจำนวนหน้าที่คำนวณไว้]
                </font>
            </div>

            <div class="norse-card">
                <span class="norse-label">◈ BIFROST 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"><font size="3"> ตั๋วขากลับเรียกไฮม์ดัลล์เพื่อให้ช่วยเปิดไบฟรอสให้</font></label>
                </div>
            </div>

            <div class="norse-card">
                <span class="norse-label">◈ TRANSPORTATION (พาหนะข้ามพิภพ)</span>
                <font size="4">
                  <b>ประเภทยานพาหนะ:</b> [ระบุชื่อยานพาหนะจากคลังโรงแรมวัลฮัลล่า] <br>
                  <font size="3" color="#a8ff78">** หลังส่งแบบฟอร์ม อย่าลืมส่งป้ายเกียรติยศมาที่ไอดี GOD ตามที่ระบุ **</font> <br>
                  <font size="2" color="#c0c0c0">* ทุกยานพาหนะจะแถมเชื้อเพลิงสำรองไปให้ 1 ถังเสมอ *</font>
                </font>
            </div>

            <div class="norse-signatures">
                <div>
                  <div class="odin-sig">Odin</div>
                  <font face="Cinzel" size="2" color="#d4af37">THE ALL-FATHER</font>
                </div>
                <div>
                  <div class="helgi-sig">Helgi</div>
                  <font face="Cinzel" size="2" color="#00ff87">HOTEL MANAGER</font>
                </div>
            </div>

      </div>

      <textarea id="hiddenVH">&lt;b&gt;ชื่อผู้ขอเปิดภารกิจเดินทาง:&lt;/b&gt;
&lt;b&gt;รายชื่อผู้ร่วมเดินทาง:&lt;/b&gt; (1) (2)
&lt;b&gt;แนบลิ้งก์โรลเพลย์เชิญชวนสำเร็จ:&lt;/b&gt;

&lt;b&gt;คำพยากรณ์จากผู้พยากรณ์:&lt;/b&gt;
[ใส่คำพยากรณ์ที่ได้รับ]

&lt;b&gt;จำนวนหน้าบันทึกที่คุณวางไว้ (จำนวนตอน):&lt;/b&gt;
&lt;b&gt;จำนวนหน้าการฟอร์มทีม (กรณีใช้แอปหาสมาชิก):&lt;/b&gt;

&lt;b&gt;ทรัพยากรที่ขอเบิก (เลือก 2 อย่าง):&lt;/b&gt;
( ) แอมโบรเซีย 2 แท่ง / ( ) เนคทาร์ 1 ขวด / ( ) 400 ดอลลาร์

&lt;b&gt;ยานพาหนะที่ขอเบิก:&lt;/b&gt; [ระบุประเภทยานพาหนะจากคลังโรงแรมวัลฮัลล่า]
&lt;i&gt;หมายเหตุ: หลังส่งแบบฟอร์ม อย่าลืมส่งป้ายเกียรติยศมาไอดี GOD ตามจำนวนที่ระบุของยานพาหนะแต่ละชนิด&lt;/i&gt;
      </textarea>
      <button class="copy-btn" onclick="copyVH()">COPY VALHALLA FORM</button>

      <div class="footer-note">
            <font face="Noto Sans Thai">
                หลังส่งแบบฟอร์มขออนุมัติ กรุณารอรับพล็อตสำหรับบทนำออกเดินทาง<br>
                (บทนำไม่รวมในจำนวนตอนที่วางแผนไว้)
            </font>
      </div>
    </div>
</div>

หน้า: [1]
ดูในรูปแบบกติ: [ แบบฟอร์มยื่นขออนุมัติภารกิจเดินทาง (ไอน์เฮริยาร์)]