Enter Camp › Wolf House › [แบบฟอร์มสร้าง NPC บ้านหมาป่า]

God โพสต์ 2024-12-4 09:57:47

[แบบฟอร์มสร้าง NPC บ้านหมาป่า]

<div align="center" style="list-style-type: none;">

<style>
#boxsystem01 {
    border-radius: 30px;
    border: 6px double #5c1d87;
    padding: 3px;
    box-shadow: #5c1d87 0px 0px 3em;
background-image: url("https://i.imgur.com/TCshiN3.png");}
</style>

<style>
#boxsystem02 {
    width: 660px;
    border-radius: 20px;
    padding: 3px;
    box-shadow: #5c1d87 0px 0px 1em;
    background-image: url("https://i.imgur.com/TCp0zho.png");}
</style>


<style>
#boxsystem03 {
    width: 520px;
    border-radius: 20px;
    border: 6px double #07a24c;
    padding: 3px;
    box-shadow: #07a24c 0px 0px 3em;
    background-image: url("https://i.imgur.com/UtFwcWD.png");}
</style>   


<div id="boxsystem01">
   <p><br></p>

<br>


<div id="boxsystem02">
   <p>


<font color="White" style="">
<br></font><img src="https://i.imgur.com/bHDwpO4.png" width="480" _height="480" border="0"><font color="White" style=""><br><br><font face="Sarabun" size="4">ห้องนี้จัดทำขึ้นเพื่อให้ทุกคนสามารถเสนอขอสร้าง NPC หมาป่า</font></font></p><p><font color="White" style=""><font face="Sarabun" size="4">ที่อยู่ในฝูงของลูปา เพื่อให้เด็กใหม่ที่ยังอยู่บ้านหมาป่า</font></font></p><p><font color="#ffffff" face="Sarabun" size="4">สามารถหยิบ NPC หมาป่าเหล่านี้ไปสร้างสตอรี่ประกอบโรลเพลย์อิสระ</font></p><p><font color="#ffffff" face="Sarabun" size="4">นอกเหนือจากโรลเพลย์ฝึกฝนประจำวัน</font></p><p><br></p><p><img src="https://percyjackson.mooorp.com/static/image/hrline/30.png" border="0" alt=""><br></p><p><br></p><p><font color="#ffffff" face="Sarabun" size="5"><b>[กติกาการสร้าง NPC ชาวหมาป่า]</b></font></p><p><br></p><p><font color="#ffffff" face="Sarabun" size="4">1) รูปอิมเมจจะค้นหาจาก Google หรือวาดเอง หรือ Ai Gen ก็ได้</font></p><p><font color="#ffffff" face="Sarabun" size="4">แต่จะต้องเป็นอิมเมจหมาป่าธรรมดาเท่านั้นไม่ดูแฟนตาซีหรือแปลกประหลาดใด ๆ</font></p><p><font color="#ffffff" face="Sarabun" size="4">2) อนาคตในระหว่างออกปฏิบัติภารกิจบันทึกคำพยากรณ์&nbsp;</font></p><p><font color="#ffffff" face="Sarabun" size="4">สามารถหยิบ NPC หมาป่าในห้องนี้ไปโผล่เล่นสักฉากสองฉากได้&nbsp;</font></p><p><font color="#ffffff" face="Sarabun" size="4">3) ค่ายอื่นสามารถหยิบยกหมาป่าเผ่าลูปาเหล่านี้ไปประกอบในบันทึกภารกิจได้สักนิด</font></p><p><br></p><p><img src="static/image/hrline/30.png" border="0" alt=""><br></p><p><br></p><p><font color="#ffffff" face="Sarabun" size="5"><b style="">[แบบฟอร์มสร้าง NPC]</b></font></p><p><br></p><p><font color="#ffffff" face="Sarabun" size="4"><b>รูปภาพ : </b></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>ชื่อ NPC : </b><i>(ชื่ออ่านออกเสียงโรมันหรือชื่ออเมริกันเท่านั้น)</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>วันเดือนปีเกิด : </b><i>(หมาป่าทุกตัวย่อมมีวันเดือนปีเกิด เพราะมันมีอายุขัย&nbsp;</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><i>โดยอายุของฝูงหมาป่าลูปาจะเหมือนหมาป่าธรรมดาทั่วไปนั่นล่ะ&nbsp;</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><i>มีแค่ลูปาตัวเดียวที่เป็นอมตะเพราะเป็นเทพี)</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>เชื้อชาติ : </b><i style="">(หมาป่าแน่นอนว่ามีเชื้อชาติ เพราะมันมีหลายชาติที่หมาป่าแตกต่างกันอยู่ ไม่ว่าจะแอฟริกา หมาป่าของไทย หมาป่าของบางประเทศมันแตกต่างกันอยู่เล็กน้อย)</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>สีขนหมาป่า :</b></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>สีตาหมาป่า :</b></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>น้ำหนักหมาป่า :</b></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>ขนาดตัวส่วนสูงหมาป่า :</b></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b><br></b></font></p><p><font color="#ffffff" face="Sarabun" size="4"><b>บุคลิกภาพ (Personality</b></font><b style="color: rgb(255, 255, 255); font-family: Sarabun; font-size: large;">) :</b></p><p><br></p><p><br></p><p><b style="color: rgb(255, 255, 255); font-family: Sarabun; font-size: large;">ชีวประวัติโดยสรุป :</b></p><p><font color="#ffffff" face="Sarabun" size="4"><i>หมาป่าทุกตัวก่อนมาเข้าฝูงลูปาและอยู่บ้านหมาป่าแห่งนี้ ย่อมมีที่มาที่ไปแตกต่าง</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><i>บางตัวผ่านการผจญภัยโลดโผนมานับไมถ้วนก่อนมาเข้าร่วมฝูงและได้รับพรจากลูปาทำให้พวกมันสื่อสารภาษามนุษย์ได้ (ภาษาอเมริกันและละตินเท่านั้น)</i></font></p><p><font color="#ffffff" face="Sarabun" size="4"><i><br></i></font></p></div><font face="Kanit">

<br>
</font></div></div>

Soyeon โพสต์ 4 วันที่แล้ว

<div style="width:100%;max-width:700px;margin:auto;position:relative;font-family:'Mali',sans-serif;background:linear-gradient(145deg,#ffffff,#f0f0f0);border:8px solid;border-image:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700) 1;border-radius:25px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 50px rgba(255,215,0,0.4),inset 0 1px 0 rgba(255,255,255,0.8);overflow:hidden;">
   
    <!-- Floating Particles -->
    <div style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;">
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:10%;animation:float 6s linear infinite 0s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:20%;animation:float 6s linear infinite 1s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:30%;animation:float 6s linear infinite 2s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:40%;animation:float 6s linear infinite 3s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:50%;animation:float 6s linear infinite 4s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:60%;animation:float 6s linear infinite 5s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:70%;animation:float 6s linear infinite 1.5s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:80%;animation:float 6s linear infinite 2.5s;"></div>
      <div style="position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:90%;animation:float 6s linear infinite 3.5s;"></div>
    </div>

    <!-- Animated Title -->
    <div style="position:absolute;top:-5px;left:0;width:100%;height:60px;display:flex;align-items:center;overflow:hidden;">
      <div style="font-size:32px;font-weight:700;background:linear-gradient(45deg,#8B0000,#DC143C,#FF6347,#8B0000);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;animation:slideTitle 12s linear infinite,colorShift 4s ease-in-out infinite;text-shadow:2px 2px 4px rgba(0,0,0,0.3);">
            ✨ แบบฟอร์มสร้าง NPC อลังการ ✨
      </div>
    </div>

    <!-- Content Frame -->
    <div style="margin-top:50px;border:6px solid;border-image:linear-gradient(45deg,#c0c0c0,#e8e8e8,#c0c0c0) 1;border-radius:20px;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,248,248,0.9));backdrop-filter:blur(10px);text-align:center;position:relative;">

      <!-- Profile Image -->
      <div style="position:relative;display:inline-block;margin-bottom:30px;">
            <img src="https://img2.pic.in.th/pic/1000065367.md.png" alt="Orion Blackwood" style="width:200px;height:200px;border:6px solid #ffd700;border-radius:50%;box-shadow:0 0 30px rgba(255,215,0,0.6),0 10px 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(255,255,255,0.2);transition:all 0.3s ease;animation:profilePulse 4s ease-in-out infinite;">
      </div>

      <!-- Info Section -->
      <div style="text-align:left;font-size:17px;line-height:1.8;color:#2c3e50;">
            
            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;">
                <div style="font-weight:600;color:#8B0000;text-shadow:1px 1px 2px rgba(0,0,0,0.1);">🐺 ชื่อ NPC:</div>
                <div style="color:#34495e;margin-top:5px;">Orion Blackwood (โอไรออน แบล็ควูด)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;">
                <div style="font-weight:600;color:#8B0000;text-shadow:1px 1px 2px rgba(0,0,0,0.1);">🎂 วันเดือนปีเกิด:</div>
                <div style="color:#34495e;margin-top:5px;">14 เมษายน 2017 (อายุ 8 ปีในวัยหมาป่า)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;">
                <div style="font-weight:600;color:#8B0000;text-shadow:1px 1px 2px rgba(0,0,0,0.1);">🌍 เชื้อชาติ:</div>
                <div style="color:#34495e;margin-top:5px;">หมาป่าป่าทวีปยุโรปเหนือ (Northern European Wolf)</div>
            </div>

            <div style="height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:20px 0;border-radius:2px;"></div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);box-shadow:0 8px 16px rgba(0,0,0,0.1);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.1);">🌟 บุคลิกภาพ (Personality)</div>
                <div style="color:#34495e;">Orion เป็นหมาป่าที่ชาญฉลาดและมีความอดทนสูง แต่มีความกระตือรือร้นเมื่อพบความท้าทายใหม่ ๆ เขาชอบสังเกตสิ่งรอบตัวก่อนตัดสินใจ เป็นผู้นำตามธรรมชาติ และซ่อนความอ่อนโยนไว้ลึก ๆ แม้ภายนอกจะดูเข้มแข็งดุร้าย เขามีความจงรักภักดีต่อฝูงและลูปามาก</div>
            </div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);box-shadow:0 8px 16px rgba(0,0,0,0.1);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.1);">📖 ชีวประวัติโดยสรุป</div>
                <div style="color:#34495e;">Orion เกิดในป่าหนาทึบของสแกนดิเนเวีย เติบโตท่ามกลางฝูงธรรมชาติ ก่อนหน้านี้เขาเคยเดินทางผจญภัยล่าสัตว์และสำรวจภูมิประเทศอันโหดร้ายหลายแห่ง จนวันหนึ่งเขาได้พบลูปาเทพีผู้เป็นอมตะ ซึ่งได้ประทานพรให้เขาสื่อสารภาษามนุษย์ได้ Orion จึงเข้าร่วมฝูงลูปาเพื่อคอยปกป้องและเป็นผู้ช่วยฝูงในการสำรวจและเฝ้าป่าจากภัยอันตราย</div>
            </div>

      </div>
    </div>
</div>

<style>
@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}
@keyframes profilePulse{0%,100%{transform:scale(1);box-shadow:0 0 30px rgba(255,215,0,0.6),0 10px 20px rgba(0,0,0,0.3)}50%{transform:scale(1.05);box-shadow:0 0 50px rgba(255,215,0,0.8),0 15px 30px rgba(0,0,0,0.4)}}
@keyframes slideTitle{0%{transform:translateX(-100%)}50%{transform:translateX(calc(50vw - 50%))}100%{transform:translateX(100vw)}}
@keyframes colorShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
</style>

Soyeon โพสต์ 4 วันที่แล้ว

<div style="width:100%;max-width:700px;margin:auto;position:relative;font-family:'Mali',sans-serif;background:linear-gradient(145deg,#ffffff,#f0f0f0);border:8px solid;border-image:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700) 1;border-radius:25px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 50px rgba(255,215,0,0.4),inset 0 1px 0 rgba(255,255,255,0.8);overflow:hidden;">

    <!-- Floating Particles -->
    <div style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;">
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:10%;animation:float 6s linear infinite 0s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:20%;animation:float 6s linear infinite 1s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:30%;animation:float 6s linear infinite 2s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:40%;animation:float 6s linear infinite 3s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:50%;animation:float 6s linear infinite 4s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:60%;animation:float 6s linear infinite 5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:70%;animation:float 6s linear infinite 1.5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:80%;animation:float 6s linear infinite 2.5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:90%;animation:float 6s linear infinite 3.5s;"></div>
    </div>

    <!-- Animated Title -->
    <div style="position:absolute;top:-5px;left:0;width:100%;height:60px;display:flex;align-items:center;overflow:hidden;">
      <div style="font-size:32px;font-weight:700;background:linear-gradient(45deg,#8B0000,#DC143C,#FF6347,#8B0000);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;animation:slideTitle 12s linear infinite,colorShift 4s ease-in-out infinite;text-shadow:2px 2px 4px rgba(0,0,0,0.3);">
            ✨ แบบฟอร์มสร้าง NPC อลังการ ✨
      </div>
    </div>

    <!-- Content Frame -->
    <div style="margin-top:60px;border:6px solid;border-image:linear-gradient(45deg,#c0c0c0,#e8e8e8,#c0c0c0) 1;border-radius:20px;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,248,248,0.9));backdrop-filter:blur(10px);text-align:center;position:relative;">

      <!-- Profile Image -->
      <div style="position:relative;display:inline-block;margin-bottom:25px;">
            <img src="https://img2.pic.in.th/pic/1000065370.md.png" alt="Selena Moonfang" style="width:180px;height:180px;object-fit:cover;border:6px solid #ffd700;border-radius:50%;box-shadow:0 0 30px rgba(255,215,0,0.6),0 10px 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(255,255,255,0.2);transition:all 0.3s ease;animation:profilePulse 4s ease-in-out infinite;">
      </div>

      <!-- Info Section -->
      <div style="text-align:left;font-size:17px;line-height:1.8;color:#2c3e50;">
            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;">
                <div style="font-weight:600;color:#8B0000;text-shadow:1px 1px 2px rgba(0,0,0,0.1);">🐺 ชื่อ NPC:</div>
                <div style="color:#34495e;margin-top:5px;">Selena Moonfang (เซเลน่า มูนแฟง)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;">
                <div style="font-weight:600;color:#8B0000;text-shadow:1px 1px 2px rgba(0,0,0,0.1);">🎂 วันเดือนปีเกิด:</div>
                <div style="color:#34495e;margin-top:5px;">12 ธันวาคม 2018 (อายุ 7 ปีในวัยหมาป่า)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;">
                <div style="font-weight:600;color:#8B0000;text-shadow:1px 1px 2px rgba(0,0,0,0.1);">🌍 เชื้อชาติ:</div>
                <div style="color:#34495e;margin-top:5px;">หมาป่าแห่งจันทรา (Lunar Wolf)</div>
            </div>

            <div style="height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:20px 0;border-radius:2px;"></div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);box-shadow:0 8px 16px rgba(0,0,0,0.1);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.1);">🌟 บุคลิกภาพ (Personality)</div>
                <div style="color:#34495e;">Selena เป็นหมาป่าตัวเมียที่เปี่ยมด้วยความสง่างามและลึกลับ นางสงบเยือกเย็น ชาญฉลาด และมีสัญชาตญาณการปกป้องฝูงอย่างแรงกล้า ความอ่อนโยนของเธอจะเผยออกมาเฉพาะกับผู้ที่เธอไว้วางใจ โดยเฉพาะลูกหมาป่า เธอเชื่อมโยงกับพลังแห่งดวงจันทร์ และมักใช้แสงจันทร์เป็นพลังใจในการตัดสินใจ</div>
            </div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);box-shadow:0 8px 16px rgba(0,0,0,0.1);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.1);">📖 ชีวประวัติโดยสรุป</div>
                <div style="color:#34495e;">Selena Moonfang ถือกำเนิดขึ้นในคืนจันทร์เพ็ญ ณ ป่าลึกที่โอบล้อมด้วยแสงเงิน เธอเป็นทายาทสายเลือดหมาป่าแห่งจันทรา ผู้ได้รับพรแห่งความเงียบสงัดและสัญชาตญาณอันเฉียบคม Selena เติบโตท่ามกลางความมืดและแสงดาว จนกระทั่งได้พบลูปาผู้ยิ่งใหญ่ และสาบานว่าจะอุทิศชีวิตเพื่อฝูงและรักษาสมดุลของผืนป่า ความจงรักภักดีและสายสัมพันธ์ของเธอกับดวงจันทร์ทำให้เธอเป็นที่เคารพของทั้งฝูงและสิ่งมีชีวิตรอบป่า</div>
            </div>

      </div>
    </div>
</div>

<style>
@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}
@keyframes profilePulse{0%,100%{transform:scale(1);box-shadow:0 0 30px rgba(255,215,0,0.6),0 10px 20px rgba(0,0,0,0.3)}50%{transform:scale(1.05);box-shadow:0 0 50px rgba(255,215,0,0.8),0 15px 30px rgba(0,0,0,0.4)}}
@keyframes slideTitle{0%{transform:translateX(-100%)}50%{transform:translateX(calc(50vw - 50%))}100%{transform:translateX(100vw)}}
@keyframes colorShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
</style>

Soyeon โพสต์ 4 วันที่แล้ว

<div style="width:100%;max-width:700px;margin:auto;position:relative;font-family:'Mali',sans-serif;background:linear-gradient(145deg,#ffffff,#f0f0f0);border:8px solid;border-image:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700) 1;border-radius:25px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 50px rgba(255,215,0,0.4),inset 0 1px 0 rgba(255,255,255,0.8);overflow:hidden;">

    <!-- Floating Particles -->
    <div style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;">
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:10%;animation:float 6s linear infinite 0s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:20%;animation:float 6s linear infinite 1s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:30%;animation:float 6s linear infinite 2s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:40%;animation:float 6s linear infinite 3s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:50%;animation:float 6s linear infinite 4s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:60%;animation:float 6s linear infinite 5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:70%;animation:float 6s linear infinite 1.5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:80%;animation:float 6s linear infinite 2.5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:90%;animation:float 6s linear infinite 3.5s;"></div>
    </div>

    <!-- Animated Title -->
    <div style="position:absolute;top:-5px;left:0;width:100%;height:60px;display:flex;align-items:center;overflow:hidden;">
      <div style="font-size:32px;font-weight:700;background:linear-gradient(45deg,#8B0000,#DC143C,#FF6347,#8B0000);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;animation:slideTitle 12s linear infinite,colorShift 4s ease-in-out infinite;text-shadow:2px 2px 4px rgba(0,0,0,0.3);">
            ✨ แบบฟอร์มสร้าง NPC อลังการ ✨
      </div>
    </div>

    <!-- Content Frame -->
    <div style="margin-top:60px;border:6px solid;border-image:linear-gradient(45deg,#c0c0c0,#e8e8e8,#c0c0c0) 1;border-radius:20px;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,248,248,0.9));backdrop-filter:blur(10px);text-align:center;position:relative;">

      <!-- Profile Image -->
      <div style="position:relative;display:inline-block;margin-bottom:25px;">
            <img src="https://img5.pic.in.th/file/secure-sv1/1000065376.md.png" alt="Valerius Nightfang" style="width:220px;height:220px;object-fit:cover;
                        border:6px solid #ffd700;
                        border-radius:50%;
                        box-shadow:0 0 40px rgba(255,215,0,0.65),
                                 0 12px 24px rgba(0,0,0,0.35),
                                 inset 0 0 25px rgba(255,255,255,0.25);
                        transition:all 0.3s ease;
                        animation:profilePulse 4s ease-in-out infinite;">
      </div>

      <!-- Info Section -->
      <div style="text-align:left;font-size:17px;line-height:1.8;color:#2c3e50;">
            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🐺 ชื่อ NPC:</div>
                <div style="color:#34495e;margin-top:5px;">Valerius Nightfang (วาเลริอุส ไนท์แฟง)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🎂 วันเดือนปีเกิด:</div>
                <div style="color:#34495e;margin-top:5px;">14 กุมภาพันธ์ ค.ศ. 2018</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🌍 เชื้อชาติ:</div>
                <div style="color:#34495e;margin-top:5px;">หมาป่าสายพันธุ์ยูเรเชียน (Eurasian Wolf)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🎨 สีขนหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">สีชมพูอ่อนแวววาว คล้ายกลีบดอกซากุระที่ต้องแสงจันทร์</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">👁️ สีตาหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">สีม่วงอมฟ้า (Indigo Violet) ลึกลับและเปล่งประกาย</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">⚖️ น้ำหนักหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">52 กิโลกรัม</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">📏 ขนาดตัวส่วนสูงหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">83 เซนติเมตร (วัดที่ไหล่)</div>
            </div>

            <div style="height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:20px 0;"></div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;">🌟 บุคลิกภาพ (Personality)</div>
                <div style="color:#34495e;">สุขุม นุ่มลึก แต่แฝงความดื้อรั้น ชื่นชอบความเงียบสงบ แต่เมื่อถึงเวลาต้องต่อสู้ เขาจะกลายเป็นหมาป่าที่ทรงพลังที่สุดตัวหนึ่ง มักปกป้องฝูงและผู้อ่อนแอกว่า และชอบมองดวงจันทร์ราวกับกำลังรำลึกถึงอดีตอันแสนไกล</div>
            </div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;">📖 ชีวประวัติโดยสรุป</div>
                <div style="color:#34495e;">วาเลริอุส ไนท์แฟง เกิดในป่าเบิร์ชอันหนาวเหน็บทางตะวันตกของรัสเซีย ท่ามกลางฝูงเล็ก ๆ ที่ดำรงชีวิตอย่างสงบสุข แต่โชคชะตากลับเล่นตลก เมื่อฝูงของเขาถูกมนุษย์ล่าและกระจัดกระจายไป เขาเป็นเพียงลูกหมาป่าอายุไม่กี่เดือนที่รอดชีวิตมาได้ หลังจากรอนแรมยาวนาน เขาได้เผชิญการผจญภัยมากมาย ทั้งการเอาชีวิตรอดจากพายุหิมะ การต่อสู้กับหมียักษ์ และการเดินทางผ่านทุ่งน้ำแข็งไร้สิ้นสุด จนกระทั่งเสียงหอนของลูปา เทพีแห่งหมาป่าเรียกหา เขาได้เดินทางมายัง “บ้านหมาป่า” อันศักดิ์สิทธิ์ ที่นั่นเขาได้รับพรจากลูปา ทำให้สามารถสื่อสารภาษามนุษย์ (อเมริกัน และ ละติน) และกลายเป็นผู้พิทักษ์เงียบแห่งหุบเขาโซโนมา หมาป่าผู้ลึกลับ ขนสีชมพู และดวงตาแห่งรัตติกาล</div>
            </div>

      </div>
    </div>
</div>

<style>
@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}
@keyframes profilePulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(255,215,0,0.65),0 12px 24px rgba(0,0,0,0.35),inset 0 0 25px rgba(255,255,255,0.25)}50%{transform:scale(1.05);box-shadow:0 0 60px rgba(255,215,0,0.85),0 15px 30px rgba(0,0,0,0.4),inset 0 0 30px rgba(255,255,255,0.3)}}
@keyframes slideTitle{0%{transform:translateX(-100%)}50%{transform:translateX(calc(50vw - 50%))}100%{transform:translateX(100vw)}}
@keyframes colorShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
</style>

Phatranit โพสต์ 3 วันที่แล้ว

<div style="margin:0 auto;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0a0a0a);max-width:900px;font-family:'Mali',sans-serif;position:relative;overflow:hidden;">

<!-- Outer Magical Circle -->
<div style="position:absolute;top:50%;left:50%;width:500px;height:500px;margin-left:-250px;margin-top:-250px;border:3px dashed rgba(138,43,226,0.6);border-radius:50%;animation:spin 25s linear infinite;box-shadow:0 0 30px rgba(138,43,226,0.3);">
    <span style="position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:24px;color:#dda0dd;animation:runeGlow 3s infinite;text-shadow:0 0 10px #dda0dd;">✦</span>
    <span style="position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:24px;color:#da70d6;animation:runeGlow 3s 1s infinite;text-shadow:0 0 10px #da70d6;">✧</span>
    <span style="position:absolute;left:-15px;top:50%;transform:translateY(-50%);font-size:24px;color:#9370db;animation:runeGlow 3s 0.5s infinite;text-shadow:0 0 10px #9370db;">⚝</span>
    <span style="position:absolute;right:-15px;top:50%;transform:translateY(-50%);font-size:24px;color:#8a2be2;animation:runeGlow 3s 1.5s infinite;text-shadow:0 0 10px #8a2be2;">☽</span>
    <span style="position:absolute;top:15%;right:15%;font-size:20px;color:#ba55d3;animation:runeGlow 3s 2s infinite;text-shadow:0 0 8px #ba55d3;">◊</span>
    <span style="position:absolute;bottom:15%;left:15%;font-size:20px;color:#9932cc;animation:runeGlow 3s 2.5s infinite;text-shadow:0 0 8px #9932cc;">◈</span>
    <span style="position:absolute;top:15%;left:15%;font-size:20px;color:#8b008b;animation:runeGlow 3s 3s infinite;text-shadow:0 0 8px #8b008b;">⬟</span>
    <span style="position:absolute;bottom:15%;right:15%;font-size:20px;color:#4b0082;animation:runeGlow 3s 3.5s infinite;text-shadow:0 0 8px #4b0082;">⬢</span>
</div>

<!-- Inner Circles -->
<div style="position:absolute;top:50%;left:50%;width:380px;height:380px;margin-left:-190px;margin-top:-190px;border:2px dotted rgba(186,85,211,0.5);border-radius:50%;animation:spinReverse 40s linear infinite;box-shadow:0 0 20px rgba(186,85,211,0.2);"></div>
<div style="position:absolute;top:50%;left:50%;width:280px;height:280px;margin-left:-140px;margin-top:-140px;border:1px solid rgba(221,160,221,0.3);border-radius:50%;animation:spin 60s linear infinite;"></div>

<style>
    @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
    @keyframes spinReverse {0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); }}
    @keyframes runeGlow {0%,100% {opacity:1; transform:scale(1);} 50% {opacity:0.3; transform:scale(1.2);}}
    @keyframes mysticalGlow {0% {box-shadow:0 0 80px rgba(138,43,226,0.4),0 0 120px rgba(75,0,130,0.3),inset 0 0 40px rgba(0,0,0,0.8),inset 0 0 80px rgba(138,43,226,0.1);} 100% {box-shadow:0 0 100px rgba(138,43,226,0.6),0 0 150px rgba(75,0,130,0.4),inset 0 0 40px rgba(0,0,0,0.8),inset 0 0 100px rgba(138,43,226,0.15);}}
    @keyframes titleShimmer {0% {background-position: -200% center;}100% {background-position:200% center;}}
</style>

<!-- Content Panel -->
<div style="border:6px solid;border-image:linear-gradient(45deg,#2d3748,#4a5568,#718096,#4a5568,#2d3748) 1;border-radius:35px;padding:40px;background:linear-gradient(145deg,#1a202c,#2d3748,#1a202c);box-shadow:inset 0 0 30px rgba(138,43,226,0.1),0 0 40px rgba(0,0,0,0.5);position:relative;z-index:2;text-align:center;">

    <div style="font-family:'Cinzel',serif;font-size:36px;font-weight:700;background:linear-gradient(90deg,#dda0dd,#da70d6,#ffffff,#e6e6fa,#dda0dd);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 3s linear infinite;text-shadow:2px 2px 12px rgba(221,160,221,0.8),0 0 25px rgba(218,112,214,0.6);margin-bottom:30px;letter-spacing:2px;">
      ✧🌙 แบบฟอร์มตัวละคร NPC 🌙✧
    </div><div style="font-family:'Cinzel',serif;font-size:36px;font-weight:700;background:linear-gradient(90deg,#dda0dd,#da70d6,#ffffff,#e6e6fa,#dda0dd);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 3s linear infinite;text-shadow:2px 2px 12px rgba(221,160,221,0.8),0 0 25px rgba(218,112,214,0.6);margin-bottom:30px;letter-spacing:2px;"><br></div>

    <!-- Portrait -->
    <div style="margin-bottom:30px;">
      <div style="display:inline-block;padding:8px;border-radius:50%;background:linear-gradient(45deg,#4a5568,#718096);box-shadow:0 0 30px rgba(138,43,226,0.4);">
      <img src="https://img2.pic.in.th/pic/1000065382.md.png" alt="Aria Dawnfang" style="max-width:280px;width:100%;border-radius:50%;border:8px solid #2d3748;box-shadow:0 0 40px rgba(221,160,221,0.6),0 0 80px rgba(138,43,226,0.4),inset 0 0 20px rgba(0,0,0,0.3);">
      </div>
    </div>

    <!-- Character Info -->
    <div style="font-size:20px;line-height:2.4;color:#e2e8f0;background:linear-gradient(145deg,rgba(45,55,72,0.8),rgba(26,32,44,0.9));border:2px solid rgba(138,43,226,0.3);border-radius:30px;padding:35px;box-shadow:inset 0 0 25px rgba(138,43,226,0.1),0 0 20px rgba(0,0,0,0.3);text-align:left;backdrop-filter:blur(5px);">
      <div style="color:#dda0dd;font-weight:600;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px rgba(221,160,221,0.5);">═══ ข้อมูลพื้นฐาน ═══</div>
      <b style="color:#da70d6;">ชื่อ NPC :</b> <span style="color:#f7fafc;">Aria Dawnfang (อาเรีย ดอว์นแฟง)</span><br><br>
      <b style="color:#da70d6;">วันเดือนปีเกิด :</b> <span style="color:#f7fafc;">3 พฤศจิกายน ค.ศ. 2019</span><br><br>
      <b style="color:#da70d6;">เชื้อชาติ :</b> <span style="color:#f7fafc;">หมาป่าเม็กซิกัน (Mexican Wolf)</span><br><br>
      <b style="color:#da70d6;">สีขนหมาป่า :</b> <span style="color:#f7fafc;">ส้มอ่อนอมทอง ไล่เฉดกับขนสีครีมที่ท้องและปลายหาง</span><br><br>
      <b style="color:#da70d6;">สีตาหมาป่า :</b> <span style="color:#f7fafc;">เขียวมรกต</span><br><br>
      <b style="color:#da70d6;">น้ำหนักหมาป่า :</b> <span style="color:#f7fafc;">34 กิโลกรัม</span><br><br>
      <b style="color:#da70d6;">ขนาดตัวส่วนสูงหมาป่า :</b> <span style="color:#f7fafc;">70 เซนติเมตร (ที่ไหล่)</span>
    </div>

    <!-- Personality -->
    <div style="margin-top:30px;font-size:19px;line-height:2.2;color:#e2e8f0;background:linear-gradient(145deg,rgba(26,32,44,0.9),rgba(45,55,72,0.8));border:2px solid rgba(186,85,211,0.3);border-radius:25px;padding:30px;text-align:justify;box-shadow:0 0 25px rgba(138,43,226,0.2),inset 0 0 20px rgba(186,85,211,0.1);backdrop-filter:blur(5px);">
      <div style="color:#ba55d3;font-weight:600;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px rgba(186,85,211,0.5);">═══ บุคลิกภาพ (Personality) ═══</div>
      <span style="color:#f7fafc;">
      อาเรียเป็นหมาป่าที่มีความอ่อนโยนและสง่างามดั่งท่วงทำนองแห่งรุ่งสาง เธอเปี่ยมด้วยความหวังและความอบอุ่น มักเป็นแรงบันดาลใจและพลังใจให้กับเพื่อนในฝูง เสียงหอนของเธอไพเราะคล้ายบทเพลง ชวนให้ฝูงสงบลงได้ในยามวิกฤติ แต่เมื่อศัตรูปรากฏ เธอพร้อมจะแสดงกรงเล็บแห่งรุ่งอรุณที่แฝงพลังอันดุดัน
      </span>
    </div>

    <!-- Biography -->
    <div style="margin-top:30px;font-size:19px;line-height:2.2;color:#e2e8f0;background:linear-gradient(145deg,rgba(26,32,44,0.9),rgba(45,55,72,0.8));border:2px solid rgba(138,43,226,0.3);border-radius:25px;padding:30px;text-align:justify;box-shadow:0 0 25px rgba(138,43,226,0.2),inset 0 0 20px rgba(186,85,211,0.1);backdrop-filter:blur(5px);">
      <div style="color:#ba55d3;font-weight:600;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px rgba(186,85,211,0.5);">═══ ชีวประวัติโดยสรุป ═══</div>
      <span style="color:#f7fafc;">
      อาเรียถือกำเนิดใต้ฟ้าสางแห่งขุนเขาเม็กซิโก เสียงหอนแรกเกิดของเธอดังก้องพร้อมกับแสงอาทิตย์แรกของวัน ราวกับธรรมชาติมอบนิมิตแห่งรุ่งอรุณให้แก่เธอ ชีวิตวัยเยาว์เต็มไปด้วยการเอาชีวิตรอดและการต่อสู้กับความมืดมิด จนวันหนึ่งเธอได้รับเสียงเรียกจากเทพีลูปา นำพาเธอสู่บ้านหมาป่าเพื่อรับพรพิเศษ อาเรียสามารถสื่อสารได้ทั้งภาษาละตินและอเมริกัน เธอจึงกลายเป็นเสมือน “เสียงแห่งรุ่งอรุณ” ของฝูง ที่ปลุกความหวังให้ตื่นขึ้นอีกครั้ง
      </span>
    </div>

    <!-- Magical Footer -->
    <div style="margin-top:25px;color:#9370db;font-size:16px;text-shadow:0 0 8px rgba(147,112,219,0.5);">
      ✧ เหล่าฝูงหมาป่าอบอุ่นเสมอ✧
    </div>

</div>
</div>

Phatranit โพสต์ 3 วันที่แล้ว

<div style="margin:0 auto;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0a0a0a);max-width:900px;font-family:'Mali',sans-serif;position:relative;overflow:hidden;">

<!-- Outer Magical Circle -->
<div style="position:absolute;top:50%;left:50%;width:500px;height:500px;margin-left:-250px;margin-top:-250px;border:3px dashed rgba(138,43,226,0.6);border-radius:50%;animation:spin 25s linear infinite;box-shadow:0 0 30px rgba(138,43,226,0.3);">
    <span style="position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:24px;color:#dda0dd;animation:runeGlow 3s infinite;text-shadow:0 0 10px #dda0dd;">✦</span>
    <span style="position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:24px;color:#da70d6;animation:runeGlow 3s 1s infinite;text-shadow:0 0 10px #da70d6;">✧</span>
    <span style="position:absolute;left:-15px;top:50%;transform:translateY(-50%);font-size:24px;color:#9370db;animation:runeGlow 3s 0.5s infinite;text-shadow:0 0 10px #9370db;">⚝</span>
    <span style="position:absolute;right:-15px;top:50%;transform:translateY(-50%);font-size:24px;color:#8a2be2;animation:runeGlow 3s 1.5s infinite;text-shadow:0 0 10px #8a2be2;">☽</span>
    <span style="position:absolute;top:15%;right:15%;font-size:20px;color:#ba55d3;animation:runeGlow 3s 2s infinite;text-shadow:0 0 8px #ba55d3;">◊</span>
    <span style="position:absolute;bottom:15%;left:15%;font-size:20px;color:#9932cc;animation:runeGlow 3s 2.5s infinite;text-shadow:0 0 8px #9932cc;">◈</span>
    <span style="position:absolute;top:15%;left:15%;font-size:20px;color:#8b008b;animation:runeGlow 3s 3s infinite;text-shadow:0 0 8px #8b008b;">⬟</span>
    <span style="position:absolute;bottom:15%;right:15%;font-size:20px;color:#4b0082;animation:runeGlow 3s 3.5s infinite;text-shadow:0 0 8px #4b0082;">⬢</span>
</div>

<!-- Inner Circles -->
<div style="position:absolute;top:50%;left:50%;width:380px;height:380px;margin-left:-190px;margin-top:-190px;border:2px dotted rgba(186,85,211,0.5);border-radius:50%;animation:spinReverse 40s linear infinite;box-shadow:0 0 20px rgba(186,85,211,0.2);"></div>
<div style="position:absolute;top:50%;left:50%;width:280px;height:280px;margin-left:-140px;margin-top:-140px;border:1px solid rgba(221,160,221,0.3);border-radius:50%;animation:spin 60s linear infinite;"></div>

<style>
    @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
    @keyframes spinReverse {0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); }}
    @keyframes runeGlow {0%,100% {opacity:1; transform:scale(1);} 50% {opacity:0.3; transform:scale(1.2);}}
    @keyframes mysticalGlow {0% {box-shadow:0 0 80px rgba(138,43,226,0.4),0 0 120px rgba(75,0,130,0.3),inset 0 0 40px rgba(0,0,0,0.8),inset 0 0 80px rgba(138,43,226,0.1);} 100% {box-shadow:0 0 100px rgba(138,43,226,0.6),0 0 150px rgba(75,0,130,0.4),inset 0 0 40px rgba(0,0,0,0.8),inset 0 0 100px rgba(138,43,226,0.15);}}
    @keyframes titleShimmer {0% {background-position: -200% center;}100% {background-position:200% center;}}
</style>

<!-- Content Panel -->
<div style="border:6px solid;border-image:linear-gradient(45deg,#2d3748,#4a5568,#718096,#4a5568,#2d3748) 1;border-radius:35px;padding:40px;background:linear-gradient(145deg,#1a202c,#2d3748,#1a202c);box-shadow:inset 0 0 30px rgba(138,43,226,0.1),0 0 40px rgba(0,0,0,0.5);position:relative;z-index:2;text-align:center;">

    <div style="font-family:'Cinzel',serif;font-size:36px;font-weight:700;background:linear-gradient(90deg,#dda0dd,#da70d6,#ffffff,#e6e6fa,#dda0dd);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 3s linear infinite;text-shadow:2px 2px 12px rgba(221,160,221,0.8),0 0 25px rgba(218,112,214,0.6);margin-bottom:30px;letter-spacing:2px;">
      ✧🌙 แบบฟอร์มตัวละคร NPC 🌙✧
    </div>

    <!-- Portrait -->
    <div style="margin-bottom:30px;">
      <div style="display:inline-block;padding:8px;border-radius:50%;background:linear-gradient(45deg,#4a5568,#718096);box-shadow:0 0 30px rgba(138,43,226,0.4);">
      <img src="https://img2.pic.in.th/pic/1000065390.md.jpg" alt="Lucian Flame" style="max-width:280px;width:100%;border-radius:50%;border:8px solid #2d3748;box-shadow:0 0 40px rgba(221,160,221,0.6),0 0 80px rgba(138,43,226,0.4),inset 0 0 20px rgba(0,0,0,0.3);">
      </div>
    </div>

    <!-- Character Info -->
    <div style="font-size:20px;line-height:2.4;color:#e2e8f0;background:linear-gradient(145deg,rgba(45,55,72,0.8),rgba(26,32,44,0.9));border:2px solid rgba(138,43,226,0.3);border-radius:30px;padding:35px;box-shadow:inset 0 0 25px rgba(138,43,226,0.1),0 0 20px rgba(0,0,0,0.3);text-align:left;backdrop-filter:blur(5px);">
      <div style="color:#dda0dd;font-weight:600;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px rgba(221,160,221,0.5);">═══ ข้อมูลพื้นฐาน ═══</div>
      <b style="color:#da70d6;">ชื่อ NPC :</b> <span style="color:#f7fafc;">Lucian Flame (ลูเซียน เฟลม)</span><br><br>
      <b style="color:#da70d6;">วันเดือนปีเกิด :</b> <span style="color:#f7fafc;">14 มีนาคม ค.ศ. 2020</span><br><br>
      <b style="color:#da70d6;">เชื้อชาติ :</b> <span style="color:#f7fafc;">Mexican Wolf (หมาป่าเม็กซิกัน)</span><br><br>
      <b style="color:#da70d6;">สีขนหมาป่า :</b> <span style="color:#f7fafc;">ส้มเข้ม ไล่เฉดกับขนครีมที่ท้องและปลายหาง</span><br><br>
      <b style="color:#da70d6;">สีตาหมาป่า :</b> <span style="color:#f7fafc;">เขียวมรกต</span><br><br>
      <b style="color:#da70d6;">น้ำหนักหมาป่า :</b> <span style="color:#f7fafc;">38 กิโลกรัม</span><br><br>
      <b style="color:#da70d6;">ขนาดตัว/ส่วนสูงหมาป่า :</b> <span style="color:#f7fafc;">75 ซม. (ไหล่) / ยาว 1.3 เมตร</span>
    </div>

    <!-- Personality -->
    <div style="margin-top:30px;font-size:19px;line-height:2.2;color:#e2e8f0;background:linear-gradient(145deg,rgba(26,32,44,0.9),rgba(45,55,72,0.8));border:2px solid rgba(186,85,211,0.3);border-radius:25px;padding:30px;text-align:justify;box-shadow:0 0 25px rgba(138,43,226,0.2),inset 0 0 20px rgba(186,85,211,0.1);backdrop-filter:blur(5px);">
      <div style="color:#ba55d3;font-weight:600;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px rgba(186,85,211,0.5);">═══ บุคลิกภาพ (Personality) ═══</div>
      <span style="color:#f7fafc;">
      กล้าหาญและกระตือรือร้น, ฉลาดเฉลียวและมักวางแผนก่อนลงมือ, รักการผจญภัยและมักเป็นผู้นำในสถานการณ์ฉุกเฉิน, อ่อนโยนกับเพื่อนฝูงแต่เข้มงวดต่อศัตรู, ชอบสื่อสารและเรียนรู้สิ่งใหม่ ๆ เสมอ
      </span>
    </div>

    <!-- Biography -->
    <div style="margin-top:30px;font-size:19px;line-height:2.2;color:#e2e8f0;background:linear-gradient(145deg,rgba(26,32,44,0.9),rgba(45,55,72,0.8));border:2px solid rgba(138,43,226,0.3);border-radius:25px;padding:30px;text-align:justify;box-shadow:0 0 25px rgba(138,43,226,0.2),inset 0 0 20px rgba(186,85,211,0.1);backdrop-filter:blur(5px);">
      <div style="color:#ba55d3;font-weight:600;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px rgba(186,85,211,0.5);">═══ ชีวประวัติโดยสรุป ═══</div>
      <span style="color:#f7fafc;">
      Lucian เกิดและเติบโตในป่าหลายแห่งของเม็กซิโก ผ่านการผจญภัยทั้งกับสัตว์อื่น ๆ และธรรมชาติอันดุร้ายหลายครั้ง ก่อนเข้าร่วมฝูงลูปา Lucian ได้รับพรจากเทพีผู้คุ้มครองฝูง ทำให้สามารถสื่อสารภาษามนุษย์ได้ทั้งภาษาอเมริกันและละติน เขามักเป็นผู้ช่วยและเพื่อนคู่ใจของสมาชิกบ้านหมาป่า ทำหน้าที่พิทักษ์และให้คำปรึกษาอย่างกล้าหาญและมีไหวพริบ
      </span>
    </div>

    <!-- Magical Footer -->
    <div style="margin-top:25px;color:#9370db;font-size:16px;text-shadow:0 0 8px rgba(147,112,219,0.5);">
      ✧ เหล่าฝูงหมาป่าอบอุ่นเสมอ ✧
    </div>

</div>
</div>

Soyeon โพสต์ เมื่อวานซืน 15:16

<div style="width:100%;max-width:700px;margin:auto;position:relative;font-family:'Mali',sans-serif;background:linear-gradient(145deg,#ffffff,#f0f0f0);border:8px solid;border-image:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700) 1;border-radius:25px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 50px rgba(255,215,0,0.4),inset 0 1px 0 rgba(255,255,255,0.8);overflow:hidden;">

    <!-- Floating Particles -->
    <div style="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;">
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:10%;animation:float 6s linear infinite 0s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:20%;animation:float 6s linear infinite 1s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:30%;animation:float 6s linear infinite 2s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:40%;animation:float 6s linear infinite 3s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:50%;animation:float 6s linear infinite 4s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:60%;animation:float 6s linear infinite 5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:70%;animation:float 6s linear infinite 1.5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:80%;animation:float 6s linear infinite 2.5s;"></div>
      <div style="position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;left:90%;animation:float 6s linear infinite 3.5s;"></div>
    </div>

    <!-- Animated Title -->
    <div style="position:absolute;top:-5px;left:0;width:100%;height:60px;display:flex;align-items:center;overflow:hidden;">
      <div style="font-size:32px;font-weight:700;background:linear-gradient(45deg,#8B0000,#DC143C,#FF6347,#8B0000);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;animation:slideTitle 12s linear infinite,colorShift 4s ease-in-out infinite;text-shadow:2px 2px 4px rgba(0,0,0,0.3);">
            ✨ แบบฟอร์มสร้าง NPC อลังการ ✨
      </div>
    </div>

    <!-- Content Frame -->
    <div style="margin-top:60px;border:6px solid;border-image:linear-gradient(45deg,#c0c0c0,#e8e8e8,#c0c0c0) 1;border-radius:20px;padding:30px;background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,248,248,0.9));backdrop-filter:blur(10px);text-align:center;position:relative;">

      <!-- Profile Image -->
      <div style="position:relative;display:inline-block;margin-bottom:25px;">
            <img src="https://img5.pic.in.th/file/secure-sv1/1000065425.md.png" alt="Rosalie 'Rosie' Whitethorn" style="width:220px;height:220px;object-fit:cover;
                        border:6px solid #ffd700;
                        border-radius:50%;
                        box-shadow:0 0 40px rgba(255,215,0,0.65),
                                 0 12px 24px rgba(0,0,0,0.35),
                                 inset 0 0 25px rgba(255,255,255,0.25);
                        transition:all 0.3s ease;
                        animation:profilePulse 4s ease-in-out infinite;">
      </div>

      <!-- Info Section -->
      <div style="text-align:left;font-size:17px;line-height:1.8;color:#2c3e50;">
            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🐺 ชื่อ NPC:</div>
                <div style="color:#34495e;margin-top:5px;">Rosalie&nbsp; Whitethorn (โรซี่ วิทธอร์น)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🎂 วันเดือนปีเกิด:</div>
                <div style="color:#34495e;margin-top:5px;">14 มิถุนายน 2018</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🌍 เชื้อชาติ:</div>
                <div style="color:#34495e;margin-top:5px;">หมาป่าสกัลเพียร์ (Scalpeir Wolf) – สายพันธุ์ตะวันตกของอเมริกาเหนือ</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">🎨 สีขนหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">ชมพูพาสเทลผสมขาว (โคนหางและหน้าอก)</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">👁️ สีตาหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">ฟ้าอมม่วงใส</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">⚖️ น้ำหนักหมาป่า:</div>
                <div style="color:#34495e;margin-top:5px;">32 กิโลกรัม</div>
            </div>

            <div style="margin-bottom:15px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(240,240,240,0.6));border-radius:12px;border-left:5px solid #ffd700;box-shadow:0 4px 8px rgba(0,0,0,0.1);">
                <div style="font-weight:600;color:#8B0000;">📏 ขนาดตัว / ส่วนสูง:</div>
                <div style="color:#34495e;margin-top:5px;">สูง 70 ซม. (วัดที่ไหล่), ความยาวลำตัว 120 ซม.</div>
            </div>

            <div style="height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:20px 0;"></div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;">🌟 บุคลิกภาพ (Personality)</div>
                <div style="color:#34495e;">ร่าเริงและอยากรู้อยากเห็นมาก ใจดี ชอบช่วยเหลือเพื่อนฝูง ขี้สงสัยและชอบสอบถามเรื่องราวของโลกมนุษย์ ขี้เล่นแต่ฉลาด มักคิดแผนซับซ้อนเวลาเล่นเกมหรือล่าเหยื่อ มีความกล้าหาญมากกว่าหมาป่าทั่วไป โดยเฉพาะเวลาปกป้องเพื่อน</div>
            </div>

            <div style="background:linear-gradient(135deg,rgba(255,248,220,0.9),rgba(255,239,213,0.7));border-radius:15px;padding:20px;margin:20px 0;border:2px solid rgba(255,215,0,0.3);">
                <div style="font-weight:700;font-size:20px;color:#8B0000;margin-bottom:15px;text-align:center;">📖 ชีวประวัติโดยสรุป</div>
                <div style="color:#34495e;">Rosie เกิดและเติบโตในป่าตะวันตกของสหรัฐฯ ตั้งแต่เด็กเธอชอบสำรวจโลกกว้างและฝึกทักษะล่าสัตว์จนมีความคล่องแคล่วเหนือกว่าหมาป่าตัวอื่น ในวัย 3 ขวบ (เทียบเท่ามนุษย์ 20 ปี) เธอออกเดินทางผจญภัยคนเดียวหลายเดือน ข้ามภูเขาและป่าลึก ก่อนจะได้พบฝูงลูปาและรับพรจากเทพีลูปา ทำให้เธอสามารถสื่อสารกับมนุษย์ได้ด้วยภาษาอังกฤษและละติน หลังจากนั้น Rosie ได้เข้าร่วมฝูงเต็มตัว มักทำหน้าที่เป็นผู้สอดแนมและนำทางเพื่อนฝูงในการสำรวจดินแดนใหม่</div>
            </div>

      </div>
    </div>
</div>

<style>
@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}
@keyframes profilePulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(255,215,0,0.65),0 12px 24px rgba(0,0,0,0.35),inset 0 0 25px rgba(255,255,255,0.25)}50%{transform:scale(1.05);box-shadow:0 0 60px rgba(255,215,0,0.85),0 15px 30px rgba(0,0,0,0.4),inset 0 0 30px rgba(255,255,255,0.3)}}
@keyframes slideTitle{0%{transform:translateX(-100%)}50%{transform:translateX(calc(50vw - 50%))}100%{transform:translateX(100vw)}}
@keyframes colorShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
</style>

ดูในรูปแบบกติ: [แบบฟอร์มสร้าง NPC บ้านหมาป่า]