Phatranit
โพสต์ 2025-8-19 11:08:23
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet">
<div style="box-sizing:border-box;font-family:'Sarabun',sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px;min-height:100%;">
<div style="width:min(100%,1100px);margin:0 auto;position:relative;">
<!-- กรอบนอก -->
<div style="background:linear-gradient(145deg,#ffffff,#f8f9ff);border-radius:28px;padding:50px;box-shadow:0 25px 50px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.8),inset 0 1px 0 rgba(255,255,255,0.9);position:relative;overflow:hidden;">
<!-- Title -->
<div style="background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:25px 40px;border-radius:18px;font-family:'Playfair Display',serif;font-size:28px;font-weight:700;text-align:center;margin-bottom:20px;box-shadow:0 0 25px rgba(118,75,162,0.6),0 5px 15px rgba(0,0,0,0.15);">
✨ แบบฟอร์มสำหรับ ทำการ จองอิมเมจตัวละคร ✨
</div>
<!-- Divider -->
<div style="height:5px;width:100%;max-width:500px;margin:0 auto 40px auto;
background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);
border-radius:50px;box-shadow:0 0 15px rgba(118,75,162,0.6);">
</div>
<!-- กรอบใน -->
<div style="background:linear-gradient(145deg,#fefefe,#f5f7ff);border-radius:22px;padding:50px;margin-top:20px;box-shadow:inset 0 2px 10px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.6);position:relative;overflow:hidden;">
<!-- รูปภาพ -->
<div style="display:flex;justify-content:center;margin-bottom:36px;">
<img src="https://img5.pic.in.th/file/secure-sv1/1000065206.md.jpg" alt="Character Image" style="max-width:420px;width:100%;border-radius:22px;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 0 3px rgba(255,255,255,0.8),0 0 0 6px rgba(102,126,234,0.3);">
</div>
<!-- เนื้อหาข้อมูล -->
<div style="font-size:19px;line-height:2;text-align:left;max-width:800px;margin:auto;color:#2c3e50;">
<div style="background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.9));margin-bottom:18px;padding:24px;border-radius:16px;border-left:6px solid #667eea;box-shadow:0 5px 15px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,0.8);">
<span style="font-weight:700;color:#4a5568;font-family:'Playfair Display',serif;display:block;margin-bottom:6px;">👤 ชื่อนักแสดงอิมเมจ :</span>
<span style="font-weight:400;color:#2d3748;">Riracha Phondechaphiphat</span>
</div>
<div style="background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.9));margin-bottom:18px;padding:24px;border-radius:16px;border-left:6px solid #667eea;box-shadow:0 5px 15px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,0.8);">
<span style="font-weight:700;color:#4a5568;font-family:'Playfair Display',serif;display:block;margin-bottom:6px;">🎭 ชื่อตัวละคร :</span>
<span style="font-weight:400;color:#2d3748;">Phatranit Phiphatkiat</span></div>
<div style="background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.9));margin-bottom:18px;padding:24px;border-radius:16px;border-left:6px solid #667eea;box-shadow:0 5px 15px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,0.8);">
<span style="font-weight:700;color:#4a5568;font-family:'Playfair Display',serif;display:block;margin-bottom:6px;">🌏 เชื้อชาติตัวละคร :</span>
<span style="font-weight:400;color:#2d3748;">ไทย</span>
</div>
<div style="background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,249,255,0.9));margin-bottom:18px;padding:24px;border-radius:16px;border-left:6px solid #667eea;box-shadow:0 5px 15px rgba(0,0,0,0.08),0 1px 0 rgba(255,255,255,0.8);">
<span style="font-weight:700;color:#4a5568;font-family:'Playfair Display',serif;display:block;margin-bottom:6px;">🔗 Link กระทู้ประวัติตัวละคร :</span>
<a href="https://percyjackson.mooorp.com/thread/1118/1/1">Phatranit Phiphatkiat</a></div>
</div><!-- info-section -->
</div><!-- inner-frame -->
</div><!-- outer-frame -->
</div>
</div>