Enter Camp › ห้องส่งแบบฟอร์ม › [ห้องเสนอสร้างสถานที่ภายในค่าย]

Dean โพสต์ 2025-9-12 05:55:26

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-12 18:57

โรงเก็บยุทโธปกรณ์ค่ายจูปิเตอร์

<div align="center" style="list-style-type: none;">
      
<style>
#boxarmory01 {
    border-radius: 0px;
    border: 10px solid #444346;
    padding: 3px;
    box-shadow: #444346 inset 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img2.pic.in.th/pic/imagec05680f8cede4b0e.png");}
</style>
            
<style>
#boxarmory02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #444346;
    padding: 50px;
    box-shadow: #444346 0px 0px 20px;
    no-repeat center center fixed;
    background-attachment:fixed;
    background-size: cover; /* ทำให้ภาพขยายเต็มหน้าจอ */
    background-image: url("https://img2.pic.in.th/pic/imagebc7bdb735e0a1f87.png");}
</style>
            
            
<style>
#boxarmory03 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>

<style>
#boxarmory04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #5c5c5c;
    }
</style>
            
            
<div id="boxarmory01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="boxarmory02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#343434"><b style="">T H EA R M O R Y</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#696969">⋘ โรงเก็บยุทโธปกรณ์ ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img2.pic.in.th/pic/divider_22.gif" width="417" _height="63" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><br></font></p>



<div class="image-container">
<img src="https://i.imgur.com/lwbi3Dx.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/DIErpdH.png" alt="รูปรอง">
</div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font color="#696969" face="Sarabun" size="2">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="color: rgb(108, 87, 106);"><font face="Sarabun" size="2"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/divider_22.gif" width="417" _height="63" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="5" color="#343434"><span class="shadow" style="">โรงเก็บยุทโธปกรณ์</span>
</font><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">โรงเก็บยุทโธปกรณ์ของค่ายจูปิเตอร์ เป็นสถานที่ที่เต็มไปด้วยอาวุธและเครื่องจักรที่ใช้ในการสงคราม มีเครื่องหางแมงป่องขนาดใหญ่หลายตัว ซึ่งเป็นเครื่องยิงหินที่ทรงพลังที่มักจะใช้ในการโจมตีป้อมปราการและกำแพงเมือง นอกจากนี้ยังมีเครื่องยิงหินขนาดเล็กกว่าอีกหลายตัวที่ใช้ในการโจมตีเป้าหมายที่เล็กกว่า นอกจากเครื่องยิงหินแล้ว โรงเก็บยุทโธปกรณ์ยังมีอาวุธอื่น ๆ อีกมากมาย เช่น เครื่องยิงลูกศร เครื่องยิงหิน เครื่องยิงไฟ และเครื่องยิงลูกระเบิด อีกทั้งยังมีรถถังหลายคันที่ใช้ในการโจมตีศัตรูในสนามรบ</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">               โรงเก็บยุทโธปกรณ์ได้รับการดูแลอย่างดีโดยทหารที่ได้รับการฝึกฝนมาเป็นอย่างดี พวกเขาทำความสะอาดและบำรุงรักษาอาวุธและเครื่องจักรอย่างสม่ำเสมอ เพื่อให้แน่ใจว่าพวกมันอยู่ในสภาพพร้อมใช้งานเสมอ โรงเก็บยุทโธปกรณ์นับว่าเป็นสถานที่สำคัญของค่ายจูปิเตอร์ เป็นแหล่งอาวุธและเครื่องจักรทางการทหารเพื่อใช้ในการต่อสู้กับศัตรู</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               ชาวค่ายสามารถ <b><font color="#7a7768">“บริจาค”</font></b> หรือ <font color="#7a7768"><b>“หยิบยืม”</b></font> อาวุธและอุปกรณ์ล้ำค่าอื่น ๆ ที่เป็นรางวัลจากภารกิจได้ที่นี่</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: center;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/000878c2dd8a5ab99163.png" width="600" _height="75" border="0"></div><div style="text-align: center;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: center;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: center;"><span class="shadow" style=""><font color="#8b0000"><b style=""><i style=""><font face="Pridi" style="" size="7">โซนอุปกรณ์</font><br></i></b></font><img src="https://img2.pic.in.th/pic/tumblr_a870d95bb57a54d4a45f8ec83b37dfa5_b8397d96_1280.png" width="213" _height="8" border="0"></span></div><div style="text-align: center;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><font size="3">               </font><b><font size="4">วิธีการหยิบยืมอุปกรณ์ส่วนกลาง</font></b><font size="3">
</font></span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">1) ในการหยิบยืมอุปกรณ์จากส่วนกลาง ท่านจะต้องมีเครคิตตัวเองในระดับหนึ่ง
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">2) หากเป็นอุปกรณ์ระดับม่วงขึ้นไป จะต้องมีเครคิตตัวเองก่อน ซึ่งการใช้เครคิตตัวเองจะเลือกได้ดังนี้
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">                   </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b>รูปแบบเกียรติยศ:</b> ใช้ค่าเกียรติยศ 2,000 ต่อการหยิบยืม 1 อุปกรณ์
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">                  <b> </b></span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b>รูปแบบจิตอาสาของค่าย:</b> ใช้ 30 ป้ายเกียรติยศ(HB)
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">4) หากเป็นอุปกรณ์เกรดน้ำเงินจะใช้เครคิตเพียง 200 เกียรติยศ หรือ 5 ป้ายเกียรติยศ(HB)</span></font><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"></span></font></div><div style="text-align: center;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div>

<center>
<div id="boxarmory03"><span style="font-family: Sarabun; text-align: left; white-space-collapse: preserve;"><font size="5" style="" color="#9a9578"><b style="">แบบฟอร์มขอเบิกอุปกรณ์ค่าย</b></font><font size="3" style="color: rgb(192, 192, 192);">
ชื่อตัวละคร:
สังกัดกองร้อย:
อุปกรณ์ที่ต้องการยืม: </font><font size="3" style="" color="#696969">[ดูในลิสต์รายชื่ออุปกรณ์ด้านล่าง]</font><font size="3" style="color: rgb(192, 192, 192);">
เครคิตค้ำประกัน: </font><font size="3" style="" color="#808080">[เลือกรูปแบบเครคิต]</font><font size="3">
</font></span></div><div><font size="3" face="Sarabun"><br></font></div></center><div style="text-align: center;"><font size="3" face="Sarabun"><img src="https://img2.pic.in.th/pic/tumblr_a870d95bb57a54d4a45f8ec83b37dfa5_b8397d96_1280.png" width="640" _height="8" border="0"><span style="white-space-collapse: preserve;"></span></font></div><div style="text-align: left;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><font size="3">
</font><div style="text-align: center;"><b style=""><font size="4">การบริจาคอุปกรณ์แก่ค่าย</font></b></div></span></font><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;">การบริจาคอุปกรณ์ที่คุณไม่ได้ใช้แล้ว มอบให้แก่ค่าย
เพื่อให้คนรุ่นหลังสามารถหยิบยืมไปใช้ได้ โดยไม่ต้องเสียเงินซื้อจากร้านค้า
โดยอุปกรณ์ที่บริจาคจะมีรูปแบบรางวัลแตกต่างกัน</div><div style="text-align: center;"><br></div></span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#000080">อุปกรณ์เกรดน้ำเงิน</font></b> (ซื้อจากร้าน/ดรอป) อัปเกรดไม่ตัน - ไม่มีรางวัล
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#000080">อุปกรณ์เกรดน้ำเงิน</font></b> (ซื้อจากร้าน/ดรอป) อัปเกรดถึงขั้นสูงสุด 20 - 50 พลังใจ , 5 ป้ายเกียรติยศ(HB) , 50 เกียรติยศ
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#800080">อุปกรณ์เกรดม่วง</font></b> - 100 พลังใจ , 10 ป้ายเกียรติยศ(HB) , 100 เกียรติยศ
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#808000">อุปกรณ์เกรดทอง</font></b> - 300 พลังใจ , 20 ป้ายเกียรติยศ(HB) , 300 เกียรติยศ
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#8b0000">อุปกรณ์เกรดแดง</font></b> - 600 พลังใจ , 30 ป้ายเกียรติยศ(HB) , 600 เกียรติยศ
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">         </span><font size="3"><span style="font-family: Sarabun; white-space-collapse: preserve;">      </span><font face="Sarabun"><span style="white-space-collapse: preserve;"><b><font color="#708090">อุปกรณ์เกรดเงิน</font></b> (อาวุธประดิษฐ์) - 2100 พลังใจ , 40 ป้ายเกียรติยศ(HB) , 900 เกียรติยศ</span></font></font></div><div style="text-align: left;"><div style="text-align: center;"><font size="3"><br></font></div>

<center>
<div id="boxarmory03"><span style="font-family: Sarabun; text-align: left; white-space-collapse: preserve;"><font size="5" style="" color="#9a9578"><b style="">แบบฟอร์มบริจาคอุปกรณ์ค่าย</b></font><font size="3" style="color: rgb(192, 192, 192);">
ชื่อตัวละคร:
สังกัดกองร้อย:
อุปกรณ์ที่บริจาค: </font><font size="3" style="color: rgb(192, 192, 192);">
ผู้ร่วมบริจาค: </font><font size="3" style="" color="#808080">[หากไม่มีให้เว้นไว้]</font></span></div>
</center>

<div style="text-align: center;"><font face="Sarabun" size="3"><br></font></div><div style="font-family: Sarabun; text-align: left; white-space-collapse: preserve;"><div style="text-align: center;"><font size="4" style="font-weight: bold;">รางวัลการบริจาคอุปกรณ์ <i>(ต่อรอบ)</i></font><font size="3" style=""><b>
<i>(ได้เท่ากันสามคนหากเป็นของจากภารกิจ)</i>: </b></font></div><div style="font-size: medium; text-align: center;">+35 EXP (สำหรับ Lv Max ได้รับ +2 Point แทน),
รางวัลอื่น ๆ ตามเกรดของอุปกรณ์ (ดูด้านบน)</div></div><div style="font-family: Sarabun; font-size: medium; text-align: left; white-space-collapse: preserve;"><br></div><div style="font-family: Sarabun; font-size: medium; text-align: center; white-space-collapse: preserve;"><i><font color="#696969">หากเป็นอุปกรณ์จากการไปทำภารกิจคำพยากรณ์ให้แจ้งชื่อผู้เดินทางด้วย</font></i></div><div style="font-family: Sarabun; font-size: medium; text-align: center; white-space-collapse: preserve;"><i><font color="#696969">ต่อให้เป็น NPC ก็ต้องแจ้ง รางวัลจะถูกหาร 3 แบ่งเท่ากันทุกคน รวม NPC</font></i></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve; text-align: center;"><br></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve; text-align: center;"><br></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve; text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/000878c2dd8a5ab99163.png" width="600" _height="75" border="0"></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve; text-align: center;"><br></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve; text-align: center;"><font color="#6c107e"><br></font></div><div style="text-align: center;"><span style="text-align: left; white-space-collapse: preserve;"><span class="shadow" style=""><font color="#6c107e" size="7" style="" face="Pridi"><b style=""><i style="">โซนวัตถุดิบ</i></b></font></span></span><font size="3" style="font-family: Sarabun;"><span style="white-space-collapse: preserve;"></span></font></div><div style="font-family: Sarabun; text-align: center;"><img src="https://img2.pic.in.th/pic/tumblr_4d25bab6947f01717dad6f01ff0c821c_c8002e50_1281.png" width="213" _height="8" border="0"></div><div style="font-family: Sarabun; text-align: left; font-size: medium;"><span style="white-space-collapse: preserve;"><br></span></div><div style="font-family: Sarabun; text-align: left; font-size: medium;"><span style="white-space-collapse: preserve;">               </span><font face="Sarabun" style="font-size: 12px;"><span style="white-space-collapse: preserve;"><b><font size="4">วิธีการขอเบิกวัตถุดิบ</font></b><font size="3">
</font></span></font><span style="white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">1) ในการเบิกวัตถุดิบจากส่วนกลาง ท่านจะต้องมีเครคิตตัวเองในระดับหนึ่ง
</span></font><span style="white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">2) ใช้ 1 ป้ายเกียรติยศ(JP) ต่อวัตถุดิบ 1 หน่วย</span></font></div><div style="font-family: Sarabun; font-size: medium; text-align: center;"><br></div></div>

<center>
<div id="boxarmory04"><span style="font-family: Sarabun; text-align: left; white-space-collapse: preserve;"><b style=""><font color="#9a9578" style="" size="5">แบบฟอร์มขอเบิกวัตถุดิบจากค่าย</font></b><font color="#c0c0c0" style="font-size: medium;">
ชื่อตัวละคร:
สังกัดกองร้อย:
วัตถุดิบที่ขอเบิก:</font><font style="font-size: medium;" color="#808080"> [ดูในลิสต์รายชื่อวัตถุดิบด้านล่าง]</font></span>
</div>
</center>




<div style="text-align: left;"><br></div><div style="text-align: left;"><div style="text-align: center;"><img src="https://img2.pic.in.th/pic/tumblr_4d25bab6947f01717dad6f01ff0c821c_c8002e50_1281.png" width="640" _height="8" border="0"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"></span></font></div><div style="text-align: center;"><br></div><div style="text-align: left;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun"><span style="white-space-collapse: preserve;"><b><font size="4">รายละเอียดการบริจาค</font></b><font size="3">
</font></span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">1) เขียนโรลเพลย์บนริจาควัตถุดิบที่ยังขาดแคลน หากวัตถุดิบไหนเต็มแล้วจะไม่สามารถบริจาคได้อีก
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">2) การบริจาคขั้นต่ำ 10 หน่วยต่อ 1 โรลเพลย์ หรือจะเก็บจนแน่นกระเป๋าแล้วบริจาคทีเดียวก็ได้
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">3) ส่งวัตถุดิบที่บริจาคมาไอดี God
</span></font><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun"><span style="white-space-collapse: preserve;"><font size="3">4) รอผู้เกี่ยวข้องตรวจโรลเพลย์และเช็คการบริจาค เพื่อรับรางวัล</font></span></font></div><div style="text-align: center;"><br></div>


<center>
<div id="boxarmory04"><span style="font-family: Sarabun; text-align: left; white-space-collapse: preserve;"><b style=""><font color="#9a9578" style="" size="5">แบบฟอร์มบริจาควัตถุดิบค่าย</font></b><font color="#c0c0c0" style="font-size: medium;">
ชื่อตัวละคร:
สังกัดกองร้อย:
วัตถุดิบที่บริจาค:</font><font style="font-size: medium;" color="#808080"> [แจ้งชื่อวัตถุดิบ และจำนวน]</font></span>
</div>
</center>


<font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: left;"><br></div></span></font></div><div style="text-align: left;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><font face="Sarabun" style="" size="4"><b style="">รางวัลการบริจาควัตถุดิบ</b></font></div><div style="font-size: medium; text-align: center;"><font face="Sarabun" size="3"><b>การบริจาคต่อรอบ: </b>+50 พลังใจ , 15 EXP (Lv Max +1 Point แทน)</font></div></span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><div style="text-align: center;"><font face="Sarabun" size="3"><b>การบริจาคต่อ 10 หน่วย:</b> 2 ดีนาเรียส (หรือรับเป็น 50 ดอลลาร์แทน), 2 ป้ายเกียรติยศ,</font></div></span><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><div style="text-align: center;"><font face="Sarabun" size="3">20 เกียรติยศ และ 15 ความกล้าหาญ</font></div></span></div><div style="text-align: center;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/000878c2dd8a5ab99163.png" width="600" _height="75" border="0"></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><p><font color="#fff" style="">
<font color="#fff" style="">

            
</font>
            
</font></p><font color="#fff" style="">
            
            
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
            
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/image2f708dc2e2a3a280.png"); background-attachment:fixed; }</style>
         
      
   

<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#565656!important; }
::-webkit-scrollbar-track-piece:increment { background:#565656!important; }
::-webkit-scrollbar-button{ background:#565656!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#4b0004!important; border-top:5px solid #a1904c;border-bottom:5px solid #a1904c; }
::-webkit-scrollbar-thumb:hover{ background: #3e0143!important; border-top:5px solid #a1904c; border-bottom:5px solid #a1904c; }</style>

      
   
</font>





<style>
a:link {
    color: #3c3c3c; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
    color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
}
a:hover {
    color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>


<style>
.image-container {
position: relative;
width: 512px;   /* ขนาดรูป */
height: 512px;
overflow: hidden;
}

.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}

/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}

/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>

Dean โพสต์ 2025-9-12 18:53:48

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-14 05:10

ทุ่งแห่งมาร์ส

<div align="center" style="list-style-type: none;">
      
<style>
#boxsystems01 {
    border-radius: 0px;
    border: 10px solid #000;
    padding: 3px;
    box-shadow: #000 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img2.pic.in.th/pic/image3dd4944fd771111d.png");}
</style>
            
<style>
#boxsystems02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #444346;
    padding: 50px;
    box-shadow: #444346 0px 0px 20px;
    background-attachment:fixed;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/image3e457cf4d59b2ccb.png");}
</style>
            
            
<style>
#boxsystems03 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>

<style>
#boxsystems04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #5c5c5c;
    }
</style>
            
            
<div id="boxsystems01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="boxsystems02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#952d2e"><b style="">The Field of Mars</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><br><font size="3">⋘ ทุ่งแห่งมาร์ส - สนามรบศักดิ์สิทธิ์แห่งค่ายจูปิเตอร์ ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img2.pic.in.th/pic/0004d94ef163afc810c4.png" width="600" _height="75" border="0"><font face="Sarabun" size="3"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><br></font></p>



<div class="image-container">
<img src="https://i.imgur.com/WQ2AtJ9.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/ETrULUS.png" alt="รูปรอง">
</div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font color="#696969" face="Sarabun" size="2">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/0004d94ef163afc810c4.png" width="600" _height="75" border="0"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-12T184229.513.png" width="350" _height="350" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#952d2e">ทุ่งแห่งมาร์ส</font><font size="5" style="color: rgb(52, 52, 52);">
สนามรบศักดิ์สิทธิ์แห่งค่ายจูปิเตอร์</font></span><font size="5" style="color: rgb(52, 52, 52);">
</font><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ทุ่งแห่งมาร์สไม่ได้เป็นเพียงผืนดินโล่งกว้างธรรมดา แต่เป็นหัวใจอันดุดันของค่ายจูปิเตอร์ เป็นสถานที่ศักดิ์สิทธิ์ที่เต็มไปด้วยกลิ่นอายของ<b>การต่อสู้ เกียรติยศ และโชคชะตา</b> ตั้งอยู่ทางตะวันออกเฉียงเหนือของวีอา พรินซิพาลิส สนามแห่งนี้คือเวทีที่เหล่ากึ่งเทพโรมันฝึกฝนและพิสูจน์ความกล้าหาญของตนผ่าน<b>เกมสงคราม (Roman War Games)</b> อันเข้มข้น</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               ในทุกการประลอง ทุ่งแห่งนี้จะกลายเป็นผืนผ้าใบที่แต่งแต้มไปด้วยกลยุทธ์และเสียงคำรามของการต่อสู้ เกมสงครามที่คล้ายกับศึกชิงธงของฮาล์ฟบลัดได้ถูกจัดขึ้นที่นี่ โดยมีทีมก่อสร้างที่รังสรรค์ป้อมปราการอันแข็งแกร่งให้ทีมป้องกัน ในขณะที่ทีมโจมตีกลับมีพันธมิตรที่ไม่ธรรมดาอย่างฮันนิบาล ช้างศึกผู้ยิ่งใหญ่ คอยเป็นกำลังเสริม มันคือการปะทะกันของไหวพริบ ความแข็งแกร่ง และความมุ่งมั่น ที่ผลักดันให้กึ่งเทพแต่ละคนก้าวข้ามขีดจำกัดของตนเอง</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               ทุ่งแห่งมาร์สยังเป็นสถานที่ที่ประวัติศาสตร์ถูกจารึกและโชคชะตาถูกกำหนด ในเหตุการณ์สำคัญ มาร์ส เทพแห่งสงคราม ได้ปรากฏกายลงบนสนามแห่งนี้ เพื่อประกาศยอมรับแฟรงก์ จาง ในฐานะบุตรชาย และมอบภารกิจอันยิ่งใหญ่ให้เขา ซึ่งเป็นช่วงเวลาที่สั่นสะเทือนไปทั่วทั้งค่ายจูปิเตอร์</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               ในภายหลัง แม้กระทั่งอพอลโล เทพแห่งบทกวีและแสงสว่าง ยังต้องมาเฝ้ารอคอยในทุ่งแห่งนี้ เพื่อออกเดินทางสู่ภารกิจสำคัญกับเฮเซล เลอเวสค์, เม็ก แมคแคฟฟรีย์ และลาวิเนีย อาซิมอฟ ในช่วงเวลาแห่งการรอคอย เขายังได้สนทนากับแฟรงก์ ซึ่งนำฮันนิบาลมาเดินเล่นรับอากาศบริสุทธิ์บนผืนหญ้าแห่งนี้</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               สำหรับอันนาเบ็ธ เชส เธอได้เห็นทุ่งแห่งมาร์สแห่งนี้จากมุมสูง ขณะที่เรืออาร์โก้สองลอยลำเข้าสู่นิวโรม และแม้แต่เหล่าโพรบาชิโอ (Probatio) อย่างคลอเดียและเจนนิซ ก็ได้มีส่วนร่วมในเกมสงครามอันดุเดือดที่จัดขึ้นบนทุ่งแห่งนี้</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               ทุ่งแห่งมาร์สจึงเป็นมากกว่าแค่สนามประลอง มันคือหัวใจทางจิตวิญญาณและสนามฝึกซ้อมที่หล่อหลอมเหล่านักรบโรมันให้พร้อมสำหรับสงครามที่กำลังจะมาถึง เป็นสถานที่ที่เต็มไปด้วยเรื่องราว ความทรงจำ และเป็นจุดเริ่มต้นของตำนานบทใหม่ที่ไม่มีวันจบสิ้น</span></font></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><p><font color="#fff" style="">
<font color="#fff" style="">

            
</font>
            
</font></p><font color="#fff" style="">
            
            
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
            
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/image85f4acdb06796b68.png"); background-attachment:fixed; }</style>
         
      
   

<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#170404!important; }
::-webkit-scrollbar-track-piece:increment { background:#170404!important; }
::-webkit-scrollbar-button{ background:#170404!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#4b0004!important; border-top:5px solid #a1904c;border-bottom:5px solid #a1904c; }
::-webkit-scrollbar-thumb:hover{ background: #952d2e!important; border-top:5px solid #a1904c; border-bottom:5px solid #a1904c; }</style>

      
   
</font>





<style>
a:link {
    color: #3c3c3c; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
    color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
}
a:hover {
    color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>


<style>
.image-container {
position: relative;
width: 512px;   /* ขนาดรูป */
height: 512px;
overflow: hidden;
}

.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}

/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}

/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>

Dean โพสต์ 2025-9-14 05:09:14

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-14 16:14

เทวสถานเลตัส

<div align="center" style="list-style-type: none;">
      
<style>
#boxsystems01 {
    border-radius: 0px;
    border: 5px double #565656;
    padding: 3px;
    box-shadow: #565656 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img2.pic.in.th/pic/image3dd4944fd771111d.png");}
</style>
            
<style>
#boxsystems02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #565656;
    padding: 50px;
    box-shadow: #565656 0px 0px 20px;
    background-attachment:fixed;
    background-color: #000;}
</style>
            
            
<style>
#boxsystems03 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #708090 5px 5px 10px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>

<style>
#boxsystems04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #708090;
    }
</style>
            
            
<div id="boxsystems01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="boxsystems02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#637f7f"><b style="">Letus's Shrine</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><br><font size="2" color="#808080">⋘ เทวสถานเลตัส ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img2.pic.in.th/pic/line-gos-g01.gif" width="300" _height="28" border="0"><font face="Sarabun" size="3"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><br></font></p>



<div class="image-container">
<img src="https://i.imgur.com/jzUDuZb.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/8JlDcvl.png" alt="รูปรอง">
</div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font color="#696969" face="Sarabun" size="2">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/line-gos-g01.gif" width="300" _height="28" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#952d2e"><br></font></span></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#637f7f">เทวสถานเลตัส</font></span><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#c0c0c0"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
               </span></font><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">ตั้งตระหง่านอยู่บนเนินเทมเพิล โดดเด่นด้วยการผสมผสานระหว่างสถาปัตยกรรมโรมันอันยิ่งใหญ่กับสัญลักษณ์ของ</font><b style=""><font color="#808080">ทานาทอส (Thanatos) เทพแห่งความตายในปกรณัมกรีก</font></b><font color="#c0c0c0"> ตัวอาคารสร้างจากหินแกรนิตสีดำสนิท ประดับด้วยรูปแกะสลักที่ดูสงบนิ่งและเคร่งขรึม สะท้อนถึงความหนักแน่นของชีวิตและความตาย</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">
               ภายในเทวสถานอบอวลไปด้วยกลิ่นหอมของกำยานและดอกลิลลี่ที่ใช้ในพิธีศพ มีแสงสว่างสลัวที่ลอดผ่านช่องหน้าต่าง ทำให้บรรยากาศดูศักดิ์สิทธิ์และน่าค้นหา ที่นี่ไม่ใช่สถานที่สำหรับความโศกเศร้า แต่เป็นศูนย์รวมจิตวิญญาณของผู้ที่ยอมรับความจริงของชีวิต </font><font color="#808080"><b style="">ซึ่งเหล่าบุตรธิดาแห่งเทพเลตัสจะใช้ในการทำสมาธิและฝึกฝนพลังของตน</b> </font><font color="#c0c0c0">เพื่อเรียนรู้ที่จะเข้าใจและยอมรับการสิ้นสุดของทุกสิ่ง</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">
               เทวสถานเลทัสจึงเป็นสัญลักษณ์ของ</font><b style=""><font color="#808080">ความสงบ, การยอมรับ, และการเริ่มต้นใหม่หลังความตาย</font></b><font color="#c0c0c0"> เป็นที่ที่คอยย้ำเตือนให้ทุกคนระลึกว่าความตายไม่ใช่จุดจบ แต่เป็นส่วนหนึ่งของวงจรชีวิตที่สมบูรณ์แบบ</font></span></font></div><div style="text-align: left;"><br></div><div style="text-align: center;"><img src="https://img2.pic.in.th/pic/image544dda4884b35ea8.png" width="250" _height="250" border="0"><font color="#c0c0c0"></font></div><div style="text-align: center;"><br></div><p><font color="#fff" style="">
<font color="#fff" style="">

            
</font>
            
</font></p><font color="#fff" style="">
            
            
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
            
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/black-background-tuning-tecdf32yo7hfezz8.gif"); background-attachment:fixed; }</style>
         
      
   

<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#000!important; }
::-webkit-scrollbar-track-piece:increment { background:#000!important; }
::-webkit-scrollbar-button{ background:#000!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#565656!important; border-top:5px solid #708090;border-bottom:5px solid #708090; }
::-webkit-scrollbar-thumb:hover{ background: #708090!important; border-top:5px solid #565656; border-bottom:5px solid #565656; }</style>

      
   
</font>





<style>
a:link {
    color: #3c3c3c; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
    color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
}
a:hover {
    color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>


<style>
.image-container {
position: relative;
width: 512px;   /* ขนาดรูป */
height: 512px;
overflow: hidden;
}

.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}

/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}

/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>

<style name="captain" type="text/css">img {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(90%);
-moz-filter: grayscale(90%);
filter: url(desaturate.svg#greyscale);
filter: gray; filter: grayscale(90%);
-webkit-transition: 1.0s;-moz-transition: 1.0s;}
img:hover {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: none; filter: grayscale(0);}</style>

Dean โพสต์ 2025-9-14 16:13:07

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-15 06:21

เทวสถานไทรเวีย
<div align="center" style="list-style-type: none;">
      
<style>
#boxsystems01 {
    border-radius: 0px;
    border: 5px double #c2ae81;
    padding: 3px;
    box-shadow: #c2ae81 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img2.pic.in.th/pic/hgfffjj.png");}
</style>
            
<style>
#boxsystems02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #877f6d;
    padding: 50px;
    box-shadow: #877f6d 0px 0px 20px;
    background-attachment:fixed;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/stars-galaxy.gif");}
</style>
            
            
<style>
#boxsystems03 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #708090 5px 5px 10px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>

<style>
#boxsystems04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #cca045;
    }
</style>
            
            
<div id="boxsystems01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="boxsystems02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#c2ae81">Trivia's Shrine</font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><br><font size="2" color="#877f6d">⋘ เทวสถานไทรเวีย ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3" color="#877f6d"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/line-goth03.gif" width="343" _height="39" border="0"><font face="Sarabun" size="3"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><br></font></p>



<div class="image-container">
<img src="https://i.imgur.com/2fKoG5a.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/9FmTvZm.png" alt="รูปรอง">
</div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><iframe width="512" height="5" src="https://www.youtube.com/embed/88-FPN9YADs?autoplay=1&loop=1&playlist=88-FPN9YADs" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe><br><font color="#877f6d">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/line-goth02.gif" width="343" _height="39" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-14T151744.760.png" width="352" _height="303" border="0"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#952d2e"></font></span></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#c2ae81">เทวสถานไทรเวีย</font></span><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#c0c0c0"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
               </span></font><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">ตั้งตระหง่านอยู่บนเนินเทมเพิล ราวกับเป็นประตูที่เปิดสู่ห้วงแห่งความลึกลับและมนตรา ที่นี่ไม่ใช่เพียงแค่สิ่งปลูกสร้าง แต่เป็นจุดบรรจบของมิติต่างๆ ที่ซึ่งเส้นทางทั้งสามของการรับรู้ </font><b style=""><font color="#7b6d4e">-</font><font color="#877f6d"> อดีต, ปัจจุบัน, และอนาคต -</font><font color="#7b6d4e"> </font></b><font color="#c0c0c0">มาบรรจบกันในเงามืดครึ้มของไม้ใหญ่ที่ปกคลุมอยู่โดยรอบ</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">
               โครงสร้างของเทวสถานทำจากหินแกรนิตสีเข้มที่ดูเก่าแก่และเต็มไปด้วยตำนาน รอบผนังประดับด้วยรูปสลักของ</font><b style=""><font color="#877f6d">สุนัขเฝ้าประตูสามหัว, งู, และกุญแจโบราณ</font></b><font color="#c0c0c0"> ซึ่งล้วนเป็นสัญลักษณ์ของเทพีแห่งทางสามแพร่ง ภายในเทวสถานไม่ได้มีแสงสว่างสุกใส แต่กลับถูกอาบไล้ด้วยแสงเรืองรองสีเงินยวงจากโคมไฟที่ทำจากหินจันทร์ ทำให้เกิดเงาทะมึนที่เต้นระบำอยู่บนผนัง สร้างบรรยากาศที่ทั้งสงบและน่าขนลุกไปพร้อมกัน</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">
                  ใจกลางของเทวสถานคือแท่นบูชาหินดำขนาดใหญ่ ที่ด้านบนมีภาชนะหินที่บรรจุควันลึกลับพวยพุ่งขึ้นมาอย่างต่อเนื่อง กลิ่นหอมฉุนของสมุนไพรโบราณและกำยานอบอวลไปทั่วบริเวณ ชวนให้รู้สึกถึงมนต์ขลังที่แผ่ซ่านออกมา รอบแท่นบูชามี</font><b style=""><font color="#877f6d">ม้วนคัมภีร์หนังเก่าแก่, คริสตัลที่ส่องประกายเรืองรอง, และกะโหลกสัตว์ป่าที่ใช้ในการทำนาย</font></b><font color="#c0c0c0"> วางกระจัดกระจายราวกับกำลังรอให้ผู้ที่มีใจกล้าหาญมาไขความลับ</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">
                  เทวสถานแห่งนี้จึงเป็นสถานที่ที่</font><b style=""><font color="#877f6d">ผู้แสวงหาเวทมนตร์และปัญญาแห่งความมืด</font></b><font color="#c0c0c0">สามารถมาค้นพบความจริงที่ถูกซ่อนเร้น มันเป็นดั่งเขาวงกตแห่งจิตวิญญาณ ที่ซึ่งผู้ที่ก้าวเข้ามาจะได้เผชิญหน้ากับความลึกซึ้งของพลังเวทมนตร์ และสัมผัสถึงความดำมืดที่อาจนำพาไปสู่ความรู้ที่ยิ่งใหญ่ หรือความบ้าคลั่งที่ยากจะถอนตัว</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0"><br></font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0"><br></font></span></font></div><div style="text-align: center;"><span style="color: rgb(135, 127, 109); font-family: Sarabun;"><font size="3">⋘ คลิกที่ตำราเพื่อเรียนรู้คาถาแห่งไทรเวีย ⋙</font></span></div><div style="text-align: center;">

<center>
<a href="https://percyjackson.mooorp.com/hecate/hecate_display.php" target="_blank">
<div class="image-container">
<img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-14T155923.771.png" class="top" alt="รูปแรก">
<img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-09-14T154006.939ef44219fde8904f8.png" alt="รูปรอง">
</div>
</a></center>

            
</div></div>
            
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/hgfffjj.png"); background-attachment:fixed; }</style>
         
      
   

<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#000!important; }
::-webkit-scrollbar-track-piece:increment { background:#000!important; }
::-webkit-scrollbar-button{ background:#000!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#877f6d!important; border-top:5px solid #c2ae81;border-bottom:5px solid #c2ae81; }
::-webkit-scrollbar-thumb:hover{ background: #c2ae81!important; border-top:5px solid #877f6d; border-bottom:5px solid #877f6d; }</style>

      
   






<style>
a:link {
    color: #3c3c3c; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
    color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
}
a:hover {
    color: #877f6d; /* สีตอนเมาส์วาง */
}
</style>


<style>
.image-container {
position: relative;
width: 512px;   /* ขนาดรูป */
height: 512px;
overflow: hidden;
}

.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}

/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}

/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>

<style name="captain" type="text/css">img {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
filter: url(desaturate.svg#greyscale);
filter: gray; filter: grayscale(50%);
-webkit-transition: 1.0s;-moz-transition: 1.0s;}
img:hover {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: none; filter: grayscale(0);}</style>

<style type="text/css">
*::selection{
background:#877f6d;/* สีพื้นหลัง */
color:#fff ;}            /* สีตัวหนังสือ */
*::-moz-selection{
background:#877f6d;/* สีพื้นหลัง */
color:#fff;}            /* สีตัวหนังสือ */
*::-webkit-selection{
background:#877f6d;/* สีพื้นหลัง */
color:#fff;}            /* สีตัวหนังสือ */
</style><font size="3"><br><br></font>   </div></div>

Dean โพสต์ 2025-9-15 06:20:01

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-25 06:47

ชุมชนก็อบลิน

<style>
#boxsystems01 {
    border-radius: 0px;
    border: 5px double #befca7;
    padding: 3px;
    box-shadow: #fff 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img2.pic.in.th/pic/image157eba3e65b24132.png");}
</style>
            
<style>
#boxsystems02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #fff;
    padding: 50px;
    box-shadow: #fff 0px 0px 20px;
    background-attachment:fixed;
    background-image: url("https://img2.pic.in.th/pic/white75.png");}
</style>
            
            
<style>
#boxsystems03 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #708090 5px 5px 10px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>

<style>
#boxsystems04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #cca045;
    }
</style>
            
            
<div id="boxsystems01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="boxsystems02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#556b2f">Goblin Community</font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><br><font size="2" color="#9acd32">⋘ ชุมชนก็อบลิน ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3" color="#877f6d"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img2.pic.in.th/pic/tumblr_3ececff9090de5cef46672e01a7ffbf6_728fee4d_1280.png" width="427" _height="50" border="0"></p>



<div class="image-container"><img src="https://i.imgur.com/WotAOAj.png" width="512" _height="512" border="0"> </div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><iframe width="512" height="5" src="https://www.youtube.com/embed/iwyj36Xf3QQ?autoplay=1&loop=1&playlist=iwyj36Xf3QQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/111372851.gif" width="400" _height="36" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#556b2f">ชุมชนก็อบลิน</font></span><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#2f4f4f"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
               </span></font><font color="#2f4f4f" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">บนเนินเขาเขียวขจีที่รายล้อมรอบค่ายจูปิเตอร์ มีชุมชนเล็ก ๆ แห่งหนึ่งถือกำเนิดขึ้น ชุมชนก็อบลินแห่งนี้ไม่ได้ถูกสร้างจากเศษซากหรือดินโคลนอย่างที่ใครหลายคนคิด แต่ก่อร่างขึ้นจากความหวัง เหล่าก็อบลินใช้ความสามารถเฉพาะตัวในการขุดและแกะสลักหน้าผาหินให้กลายเป็นถ้ำที่อบอุ่นและปลอดภัย ภายในถ้ำแต่ละหลังมีควันไฟลอยออกมาจากปล่องควันเล็ก ๆ บ่งบอกถึงชีวิตที่กำลังก่อตัว</span></font></div><div style="text-align: left;"><font color="#2f4f4f" face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><span style="color: rgb(47, 79, 79); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font color="#2f4f4f" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ที่นี่ไม่มีเสียงกรีดร้องหรือการต่อสู้ มีเพียงเสียงค้อนกระทบเหล็กของช่างตีเหล็กที่กำลังสร้างเครื่องมือใหม่ ๆ เสียงหัวเราะของเด็กก็อบลินที่วิ่งเล่นในสนามหญ้า และเสียงกระซิบของผู้อาวุโสที่นั่งเล่าเรื่องราวในอดีต พวกเขาอาจมีรูปลักษณ์ที่น่าเกรงขามตามธรรมชาติ แต่สายตาที่สะท้อนออกมานั้นเต็มไปด้วยความสงบสุขและความพึงพอใจ ชุมชนแห่งนี้จึงเป็นสถานที่ที่แสดงให้เห็นว่าแม้แต่สิ่งมีชีวิตที่ถูกมองว่าเป็นปีศาจก็สามารถสร้างบ้านที่เต็มไปด้วยความอบอุ่นและชีวิตชีวาได้เมื่อได้รับโอกาส</span></font></div><div style="text-align: left;"><font color="#2f4f4f" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="color: rgb(47, 79, 79); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#2f4f4f">ย้อนกลับไปในเหตุการณ์หลายปีก่อนช่วง</font><font color="#808000"> <b style="">The Court of the Dead</b> </font><font color="#2f4f4f">ในโลกที่เคยเชื่อว่าเหล่าสัตว์ประหลาดจากใต้พิภพมีชะตากรรมเดียวคือความชั่วร้ายและสิ้นหวัง เหล่าก็อบลินเป็นหนึ่งในเผ่าพันธุ์ที่ต้องทนทุกข์กับความจริงอันโหดร้ายนั้น พวกเขาถูกมองว่าเป็นเพียงสมุนรับใช้ของความมืดมิดและเป็นแหล่งกำเนิดของความวุ่นวาย แต่ในที่สุดก็มีแสงสว่างส่องมาถึงเมื่อ </font><b style=""><font color="#808000">นิโค ดิ แองเจโล่</font><font color="#9acd32"> </font></b><font color="#2f4f4f">และ </font><font color="#808000"><b>วิล โซเลช</b></font><font color="#2f4f4f"> ได้กลับมาจาก</font><b style=""><font color="#808000">ทาร์ทารัส</font></b><font color="#2f4f4f">และแสดงให้พวกเขารู้ว่าทางเลือกอื่นยังมีอยู่</font></span></font></div><div style="text-align: left;"><br></div><div style="text-align: center;">



            
</div></div>
            
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/DeWatermark.ai_1757886577950.jpeg"); background-attachment:fixed; }</style>
         
      
   

<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#afd8ac!important; }
::-webkit-scrollbar-track-piece:increment { background:#afd8ac!important; }
::-webkit-scrollbar-button{ background:#afd8ac!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#6da708!important; border-top:5px solid #fdce0e;border-bottom:5px solid #fdce0e; }
::-webkit-scrollbar-thumb:hover{ background: #fdce0e!important; border-top:5px solid #fff; border-bottom:5px solid #fff; }</style>

      
<style name="captain" type="text/css">
a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:url("https://img2.pic.in.th/pic/4fr10.gif") no-repeat left top;
padding-left:23px;}</style>



<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}</style>



<style>
img {
border: 10px solid transparent;
transition: all 1s ease-in-out;
border-image-slice: 10;         
}

img:hover {
border-image-source: linear-gradient(45deg,
    #f5a7c8,
    #f5d5a7,
    #f5f1a7,
    #a7f5c8,
    #a7d5f5,
    #c8a7f5
);
}
</style>



<style type="text/css">
*::selection{
background:#fdce0e;/* สีพื้นหลัง */
color:#fff ;}            /* สีตัวหนังสือ */
*::-moz-selection{
background:#fdce0e;/* สีพื้นหลัง */
color:#fff;}            /* สีตัวหนังสือ */
*::-webkit-selection{
background:#fdce0e;/* สีพื้นหลัง */
color:#fff;}            /* สีตัวหนังสือ */
</style>

Moneka โพสต์ 2025-9-16 04:00:30

แบบฟอร์มสร้างสถานที่
สร้าง 8 สถานที่ รางวัลคูณ 8 ด้วยจ้าหมวดหมู่ที่ตั้งสถานที่: เมืองลอสแอนเจลิส รัฐแคลิฟอร์เนีย สหรัฐอเมริกาชื่อสถานที่: [รัฐแคลิฟอร์เนีย] เมืองลอสแอนเจลิส

<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== PASTEL AMETHYST DUSK =================== */
:root{
/* สีอ้างอิงจากภาพ (ค่าหลัก) */
--eggplant:#644355;
--violet:#48455F;
--rose:#F8D3E9;
--amethyst:#A47F9E;
--byzantium:#5E3B58;

/* เวอร์ชันพาสเทล (ทำให้นุ่มขึ้นสำหรับพื้น/กราเดียนต์) */
--eggplant-soft:#B990A4;   /* ม่วงลูกพรุนอุ่น */
--violet-soft:#AAA7BD;   /* ม่วงเทาหม่นอ่อน */
--amethyst-soft:#C7A7BE;   /* อะเมทิสต์นม ๆ */
--byzantium-soft:#A985A2;/* ม่วงกุหลาบพาสเทล */
--rose-soft:#FBE4F1;       /* โรสพาสเทลเพิ่มความฟุ้ง */

/* ใช้งานทั่วไป */
--ink:#2E2533;               /* ตัวอักษรหลัก – ม่วงเข้มนุ่ม ไม่ดำ */
--ink-soft:#5C5066;            /* ตัวอักษรรอง */
--paper:#FBFAFD;               /* กระดาษอมม่วงอ่อน */
--line:rgba(78,57,86,.16);   /* เส้นขอบบาง ๆ จาง ๆ */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(60,40,75,.14);
}

/* รีเซ็ต & วอลเปเปอร์พาสเทลยามโพล้เพล้ */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ฟ้าอมม่วง → โรสพาสเทล → ไลลักบาง ๆ */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    linear-gradient(180deg,
      #ECE7F7 0%,
      var(--rose-soft) 28%,
      #EDE5F3 55%,
      #E6E2F1 78%,
      #F9F7FC 100%);
filter:saturate(0.98) brightness(1.02);
}
/* สะท้อนแสงนุ่ม ๆ */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    radial-gradient(980px 180px at 50% 12%, rgba(255,255,255,.34), transparent 60%),
    radial-gradient(780px 150px at 50% 80%, rgba(255,255,255,.22), transparent 70%);
}

/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
    /* โรสพาสเทล → อะเมทิสต์พาสเทล */
    linear-gradient(180deg, rgba(251,228,241,.92), rgba(199,167,190,.88));
border:1px solid var(--line);               /* ขอบจางมาก */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.65);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(170,167,189,.22), transparent 60%);
}

/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.58);
}

/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนโรส–อะเมทิสต์ พาสเทล ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#2A2130;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),   /* ไฮไลต์ชั้นใน */
    0 0 16px var(--rose-soft),       /* โรสฟุ้ง */
    0 0 28px rgba(199,167,190,.55),/* อะเมทิสต์ฟุ้ง */
    0 0 36px rgba(169,133,162,.40);/* ไบแซนเทียมพาสเทล */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(78,57,86,.12);
box-shadow:0 10px 24px rgba(60,40,75,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.03) contrast(1.01) }

/* การ์ดเนื้อหา: โรสครีม → ไวโอเล็ตพาสเทล */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FFF7FB 0%, #F5E7F1 35%, #E7DDEE 60%, #D7D2E6 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(170,167,189,.16), inset 0 1px 0 rgba(255,255,255,.64);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#2C2331;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 0 12px var(--rose-soft),
    0 0 22px rgba(170,167,189,.45);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#564A61; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--amethyst-soft), var(--rose-soft));
box-shadow:0 1px 0 rgba(255,255,255,.86) inset, 0 0 0 1px rgba(78,57,86,.10);
}
.phx-body{ color:#3A3141; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }

/* ปุ่ม: Violet Soft → Rose Soft */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2B2230;
background:linear-gradient(180deg, var(--violet-soft), var(--rose-soft));
box-shadow:0 8px 18px rgba(60,40,75,.16), 0 0 0 1px rgba(78,57,86,.12);
}
.btn:hover{ filter:brightness(1.05) }

/* ฟุ๊งสำเร็จรูป: โทนโรส / โทนไวโอเล็ต */
.glow-rose{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px var(--rose-soft),0 0 28px rgba(199,167,190,.50) }
.glow-violet{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px var(--violet-soft),0 0 28px rgba(251,228,241,.50) }

/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">Los Angeles</font></h1>
      <div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย - สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามต้องการ -->
      <img src="https://img2.pic.in.th/pic/471562-Los-Angeles.png" alt="Dusk Lavender">
      </figure>

      <section class="phx-card">
      <h2 class="glow-violet"><font size="6">ลอสแอนเจลิส</font></h2>
      <div class="phx-tag"><font size="3">City of Angels</font></div>
      <div class="phx-body">
          <p style="text-align: left;">         ลอสแอนเจลิส (Los Angeles) หรือที่รู้จักในชื่อ แอลเอ (L.A.) เป็นเมืองใหญ่ที่มีประชากร มากที่สุดอันดับ 2 ในสหรัฐอเมริกา และเป็นหนึ่งในศูนย์กลางทางด้านเศรษฐกิจ วัฒนธรรม และการบันเทิง ลอสแอนเจลิสตั้งอยู่ในรัฐแคลิฟอร์เนีย คำว่า “ลอสแอนเจลิส (Los Angeles)” เป็นภาษาสเปน แปลว่า “นครแห่งเทพ” </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;">         </span>นครแห่งนี้เป็นที่นิยมและโด่งดังในเรื่องของ โรงถ่ายภาพยนต์ ดาราดัง และบ้านเรือนที่ใหญ่โด สวยงาม ตามหาฝันใน Los Angeles เมืองแห่งดารา Hollywood ด้วยการวัดรอยมือและรอยเท้าคนดังนอก Mann’s Chinese Theater และเที่ยวบ้านดาราคนโปรดของคุณใน Beverly Hills ชอปปิ้งเสื้อผ้าคอลเลคชั่นใหม่ ล่าสุดตามร้านค้าชั้นนำที่ Rodeo Drive สนุกกับการแสดงของศิลปินข้างถนนใน Venice Beach แล่นเรือ เล่นวอลเลย์บอลชายหาด หรือ โรลเลอร์เบรด </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;">         </span>เพราะเป็นเมืองที่ได้รับความนิยมเช่นนี้จึงเป็นเมืองที่มีคนเดินทางมาพักผ่อนทั้งจากต่างแดนมากที่สุดเมืองหนึ่งของโลก และคนอเมรีกันจากต่างเมืองต่างรัฐ ก็เฝ้าฝันว่าจะได้มาเที่ยวสักครั้งในชีวิต และเก็บบันทึกความทรงจำดี ๆ กลับบ้านไปให้หวนนึกถึง</p>
      </div>
      </section>
    </div>
</div>
</div>



หมวดหมู่ที่ตั้งสถานที่: เมืองซานดิเอโก รัฐแคลิฟอร์เนีย สหรัฐอเมริกาชื่อสถานที่: [รัฐแคลิฟอร์เนีย] เมืองซานดิเอโก

<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== GLOBAL (ที่ยังเห็นผลจริง) =================== */
:root{
/* พาเลตฟ้าอ่อนตามภาพ */
--ink:#23324a;          /* สีตัวอักษรหลัก */
--paper:#F4F7FD;      /* โทนพื้นนอก */
--panel:#E7EEFB;      /* พื้นด้านในกรอบใหญ่ */
--card:#D2E1F6;         /* กล่องเนื้อหา */
--accent:#88A9D8;       /* เส้น/กรอบ ไฮไลต์ */
--glow:#B6CDEE;         /* แสงเรือง */
--shadow:rgba(16,35,64,.18);
--radius:22px;
--maxw:800px;
}

/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }

/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/SanDiego_Skyline_JohnBahu_1280x642_downsized.png") center/cover no-repeat;
opacity:1;
}

/* =================== SECTION ของโพสต์นี้ =================== */
/* วอลเปเปอร์ “เฉพาะโพสต์นี้” (ยังใช้งาน) */
.post-bg{
padding:30px;
background:url("https://img5.pic.in.th/file/secure-sv1/df82821fcb05b0bb3f3b7fdc6cd18502.jpg") center/cover no-repeat;
}

/* กล่องเนื้อหา #box01 — เปลี่ยนเป็นโทนฟ้าอ่อน (ยังใช้งาน) */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:var(--radius);
padding:42px 48px;
background:linear-gradient(180deg, rgba(231,238,251,.96), rgba(182,205,238,.92));
border:1px solid var(--accent);
box-shadow:
    0 14px 30px var(--shadow),
    inset 0 0 0 1px rgba(255,255,255,.4);
overflow:hidden;
}
/* แสงไล่เฉดบาง ๆ ด้านบนกล่อง (ยังใช้งาน แต่ปรับเป็นเฉดฟ้า) */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.75), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(136,169,216,.35), transparent 60%);
}

/* ============ โครง (หัวเรื่อง + hero + การ์ด) ============ */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:var(--panel);
border-radius:calc(var(--radius) + 2px);
border:1px solid #cddaf0;
box-shadow:0 12px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px; color:#fff;
text-shadow:
    0 10px 24px rgba(136,169,216,.55),
    0 0 18px #E4ECF9,
    0 1px 0 #B4CCF0;
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:#5b6f93; font-size:14px; margin:0 0 18px;
}

/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:12px; overflow:hidden;
box-shadow:0 10px 24px var(--shadow), inset 0 0 0 1px rgba(255,255,255,.65);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
/* เอฟเฟกต์ hover เบา ๆ (แทนการสั่นทั้งหน้า) */
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.05) contrast(1.02); }

/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
background:var(--card);
border-radius:var(--radius);
border:1px solid var(--accent);
box-shadow:0 14px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
padding:22px 24px; text-align:center;
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:#fff;
text-shadow:
    0 8px 20px rgba(228, 236, 249,.5),
    0 0 16px #E4ECF9,
    0 1px 0 #B4CCF0;
}
.phx-tag{ color:#516a8e; font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:#30435f; line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }

/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}

<style>
/* ===== PATCH: ทำให้กรอบกล่องฟ้า “กลืน” กับพื้น ===== */

/* กรอบนอกของเฟรม – ทำเส้นอ่อนลงหน่อย */
.phx-frame{
border-color: rgba(136,169,216,.25) !important;
}

/* กล่องเนื้อหา */
.phx-card{
position: relative;
border: none !important;/* ตัดเส้นแข็งที่ทำให้โดด */
/* พื้นในกล่องไล่เฉดฟ้าอ่อนให้นุ่มขึ้น */
background: linear-gradient(180deg, #DCE8F8 0%, #CFE0F5 100%) !important;
/* ใช้เงาเบา ๆ และเส้นขอบโปร่งแทน */
box-shadow:
    0 14px 28px rgba(16,35,64,.18),
    0 0 0 1px rgba(136,169,216,.18),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* เติม glow จาง ๆ รอบขอบให้ดูเนียน */
.phx-card::before{
content:"";
position:absolute; inset:0; border-radius:inherit; pointer-events:none;
background: radial-gradient(120% 85% at 50% -20%, rgba(255,255,255,.22), transparent 60%);
}
</style>




<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">San Diego</font></h1>
      <div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย - สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามใจ -->
      <img src="https://img5.pic.in.th/file/secure-sv1/What-Is-San-Diego-Famous-For-1200x675.png" alt="Hero Image">
      </figure>

      <section class="phx-card">
      <h2><font size="6">San Diego</font></h2>
      <div class="phx-tag"><font size="4">[ Birthplace of California ]</font></div>
      <div class="phx-body">
          <p><font size="3">แซนดีเอโก เป็นเมืองใหญ่ที่ตั้งอยู่ที่บริเวณชายฝั่งแปซิฟิก ตอนใต้ของรัฐแคลิฟอร์เนีย ติดกับเส้นเขตแดนระหว่างสหรัฐอเมริกากับเม็กซิโก และห่างจากลอสแอนเจลิสไปทางใต้ประมาณ 190 กิโลเมตร แซนดีเอโกเป็นเมืองที่ใหญ่ที่สุดเป็นอันดับสองของรัฐแคลิฟอร์เนีย และอันดับที่ 8 ในสหรัฐอเมริกา เมืองชายฝั่งตั้งอยู่ในซานดิเอโกเคาน์ตี ซึ่งอยู่ใกล้กับจุดศูนย์กลางทางเศรษฐกิจอย่างเมืองลาฮอยอา (La Jolla) และ คาร์ลสแบด (Carlsbad) จากการสำรวจของฟอร์บ เมืองซานดิเอโกนี้ก็อยู่อันดับ 5 ในเมืองที่รวยที่สุดในสหรัฐ อุตสาหกรรมหลักของซานดิเอโกคือ สิ่งทำมือ, การทหาร และการท่องเที่ยว</font></p>
      </div>
      </section>
    </div>
</div>
</div>



หมวดหมู่ที่ตั้งสถานที่: เมืองแซคราเมนโต รัฐแคลิฟอร์เนีย สหรัฐอเมริกาชื่อสถานที่: [รัฐแคลิฟอร์เนีย] เมืองแซคราเมนโต
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== SKY PASTEL PALETTE =================== */
:root{
/* โทนจากภาพ: ซ้าย→ขวา (ชมพูอ่อน, ม่วงจาง, เพอริวิงเคิล, ไลแลคหม่น, พีช, เหลืองเนย) */
--pink:#F6E4EA;
--lavender:#EAE9F7;
--periwinkle:#C8D4E8;
--lilac:#D6CBE1;
--peach:#F6C9CF;
--butter:#FBE9C8;

/* สีใช้งาน */
--ink:#3E4A5A;            /* ตัวอักษรหลัก – น้ำเงินเทาอ่อนลงเพื่อความนุ่มตา */
--ink-soft:#5A6576;       /* ตัวอักษรรอง */
--paper:#FBFAFC;          /* พื้นกระดาษ */
--line:rgba(60,80,110,.18); /* เส้นขอบแบบบาง จาง ไม่ดำ */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(30,50,80,.12);
}

/* ปรับหน้าให้ใสและใช้กราเดียนต์เป็นวอลเปเปอร์ */
html,body{ height:100%; }
body{
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color:var(--ink);
background:transparent !important;
}

/* ท้องฟ้าพาสเทลทั้งหน้า */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    linear-gradient(180deg,
      #CFE4F7 0%,
      #F2DCEB 52%,
      #FFDCCF 78%,
      #FFF1DA 100%);
/* ฟ้า → ชมพูพาสเทล → พีช → เหลืองเนย */
filter:saturate(1.02);
}

/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใส่ลายบาง ๆ ด้วยไล่สีโปร่งแทนภาพเข้ม */
background:
    radial-gradient(80% 50% at 10% 0%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(60% 40% at 100% 0%, rgba(255,255,255,.25), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:var(--radius);
padding:42px 48px;
background:
    linear-gradient(180deg, rgba(250,248,252,.85), rgba(245,244,250,.78)),
    linear-gradient(180deg, var(--lavender), var(--periwinkle));
border:1px solid var(--line);                /* ขอบจาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
overflow:hidden;
}

/* เงาแสงด้านบนแบบบาง */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(198,208,234,.28), transparent 60%);
}

/* ============ โครง (หัวเรื่อง + hero + การ์ด) ============ */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);               /* ลดเข้ม */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--ink);
letter-spacing:.5px;
text-shadow:0 1px 0 rgba(255,255,255,.7);   /* เบามาก ๆ */
}
.phx-sub{
text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px;
}

/* Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:0 10px 24px rgba(30,50,80,.10), inset 0 0 0 1px rgba(255,255,255,.65);
border:1px solid rgba(30,50,80,.10);          /* ขอบบาง */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.04) contrast(1.01); }

/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
border:none;                                 /* ตัดเส้นเข้มออก */
background:
    linear-gradient(180deg, var(--periwinkle), var(--lilac));/* ฟ้า→ม่วงอ่อน */
box-shadow:var(--shadow), 0 0 0 1px rgba(100,120,160,.16), inset 0 1px 0 rgba(255,255,255,.55);
padding:22px 24px; text-align:center;
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px;
color:var(--ink);
text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.phx-tag{
color:#6D7A90; font-weight:700; margin:2px 0 12px; letter-spacing:.02em;
background:linear-gradient(90deg, var(--peach), var(--butter));
display:inline-block; padding:.25rem .6rem; border-radius:999px;
box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 0 0 1px rgba(100,120,160,.12);
}
.phx-body{ color:#344256; line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }

/* ปุ่ม/ลิงก์ตัวอย่าง (โทนพีช-เหลืองเนย) */
.btn{
display:inline-block; padding:.6rem 1rem; border-radius:12px; text-decoration:none;
color:#3B4252; background:linear-gradient(180deg, var(--peach), var(--butter));
box-shadow:0 6px 16px rgba(30,50,80,.12), 0 0 0 1px rgba(100,120,160,.14);
border:none;
}
.btn:hover{ filter:brightness(1.03) saturate(1.02); }

/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7" face="Kanit">เมืองแซคราเมนโต</font></h1>
      <div class="phx-sub"><font size="3">( รัฐแคลิฟอร์เนีย • สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามใจ -->
      <img src="https://img5.pic.in.th/file/secure-sv1/what-is-life-like-in-sacramento-california-im-considering-v0-v078la3fetre1.png" alt="Hero Image">
      </figure>

      <section class="phx-card">
      <h2><font size="6">Sacramento</font></h2>
      <div class="phx-tag"><font size="4">เมืองแห่งแม่น้ำ</font></div>
      <div class="phx-body">
          <p><font size="3">แซคราเมนโต เป็นเมืองหลวงของรัฐแคลิฟอร์เนีย สหรัฐอเมริกา เป็นที่ตั้งของเทศมณฑลแซคราเมนโตตั้งอยู่ที่จุดบรรจบของแม่น้ำแซคราเมนโตและแม่น้ำอเมริกัน ตัวเมืองตั้งอยู่ในหุบเขาแซคราเมนโตเป็นเมืองที่มีประชากรมากเป็นอันดับ 4 ในแคลิฟอร์เนียตอนเหนือ เป็นเมืองที่มีประชากรมากเป็นอันดับ 6 ของรัฐและเมืองที่มีประชากรมากเป็นอันดับที่ 35 ของสหรัฐอเมริกา ตัวเมืองเป็นที่ราบแต่พื้นที่ค่อยๆ สูงขึ้นไปทางทิศตะวันออกเมื่อเข้าใกล้เชิงเขาเซียร์ราเนวาดาพื้นที่นี้มีฤดูร้อนที่ยาวนาน ร้อนและแห้งแล้งและฤดูหนาวที่เย็นและชื้น โดยมีหมอกเป็นช่วง ๆ</font></p>
      </div>
      </section>
    </div>
</div>
</div>


หมวดหมู่ที่ตั้งสถานที่: เมืองพอร์ตแลนด์ รัฐโอริกอน สหรัฐอเมริกาชื่อสถานที่: [รัฐโอริกอน] เมืองพอร์ตแลนด์

<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== OCEAN DAWN PALETTE =================== */
:root{
/* พาเลตจากภาพ (ซ้าย→ขวา) */
--seafoam:#D8ECEC;   /* มิ้นต์อ่อน */
--aqua:#BFE1E1;      /* อควาอ่อน */
--teal:#6FA3A6;      /* ทีลหม่น */
--slate:#55627A;   /* น้ำเงินสเลต */
--blush:#F5BEC5;   /* พิงก์พาสเทล */
--butter:#FBE4C6;    /* เหลืองเนย */

/* ใช้งาน */
--ink:#253246;               /* สีตัวอักษรหลัก */
--ink-soft:#4E5C72;            /* ตัวอักษรรอง */
--paper:#FBFCFE;               /* พื้นขาวอมฟ้า */
--line:rgba(85,98,122,.18);    /* เส้นขอบบาง จาง */
--radius:22px;
--maxw:800px;
--shadow:0 14px 30px rgba(20,40,60,.14);
}

/* ทำให้หน้าโปร่ง ใช้วอลเปเปอร์เกลี่ยสีเหมือนพระอาทิตย์ขึ้นเหนือน้ำ */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    linear-gradient(180deg,
      #FFE0C8 0%,   /* แสงอุ่นเหนือขอบน้ำ */
      #F6C3C9 16%,    /* แซมพิงก์จากดวงอาทิตย์ */
      #D5ECEC 48%,    /* กลางท้องทะเล */
      #BEE0E1 70%,
      #A7CDCF 100%);/* ลึกลงไปเป็นอควา */
}

/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ฟิล์มไลท์บาง ๆ เพื่อให้กล่องเด้งจากพื้นหลัง */
background:
    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
    linear-gradient(180deg, rgba(216,236,236,.92), rgba(191,225,225,.88));
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไลท์ด้านบนแบบนุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(111,163,166,.22), transparent 60%);
}

/* ============ โครง (หัวเรื่อง + hero + การ์ด) ============ */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

/* ====== หัวเรื่องพร้อม “ฟุ้ง ๆ” ชัด ๆ แต่สุภาพ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#213147; /* เข้มพออ่านชัดบนไลท์ */
/* ฟุ้ง 2 โทน: อุ่นจากดวงอาทิตย์ + เย็นจากผิวน้ำ */
text-shadow:
    0 1px 0 rgba(255,255,255,.85),               /* ไฮไลต์คมชั้นใน */
    0 0 14px rgba(251,228,198,.95),            /* glow อุ่น (butter) */
    0 0 28px rgba(245,190,197,.55),            /* แซมพิงก์อ่อน (blush) */
    0 0 40px rgba(167,205,207,.40);            /* ขอบเย็น (aqua) */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

/* รูปตัวอย่าง */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(85,98,122,.16);
box-shadow:0 10px 24px rgba(20,40,60,.12), inset 0 0 0 1px rgba(255,255,255,.6);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.05) contrast(1.02) }

/* การ์ดเนื้อหา (ฟ้า→ทีล) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #DDEFF0 0%, #CBE5E5 50%, #C1DEDF 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(111,163,166,.18), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#243652;
text-shadow:
    0 1px 0 rgba(255,255,255,.85),
    0 0 12px rgba(245,190,197,.70),   /* ฟุ้งพิงก์อุ่น */
    0 0 22px rgba(167,205,207,.45);   /* ฟุ้งอควาเย็น */
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#54657E; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--blush), var(--butter));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(111,163,166,.14);
}
.phx-body{ color:#31445E; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }

/* ปุ่มโทนพิงก์–บัตเตอร์ */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2C3B50;
background:linear-gradient(180deg, var(--blush), var(--butter));
box-shadow:0 8px 18px rgba(20,40,60,.14), 0 0 0 1px rgba(111,163,166,.16);
}
.btn:hover{ filter:brightness(1.04) }

/* ตัวช่วย: กลิตเตอร์หัวข้อแบบเย็น/แบบอุ่น ใส่เพิ่มได้ตามต้องการ */
.glow-wave{ text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 14px rgba(167,205,207,.95),0 0 28px rgba(191,225,225,.55) }
.glow-sun { text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 14px rgba(251,228,198,.95),0 0 28px rgba(245,190,197,.6) }

/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">Portland</font></h1>
      <div class="phx-sub"><font size="2">( รัฐโอริกอน • สหรัฐอเมริกา )</font></div>

      <figure class="phx-hero">
      <!-- ใส่รูปของตัวเองได้ -->
      <img src="https://img2.pic.in.th/pic/d494b0b4-city-27946-177826a33e1.jpg" alt="Ocean Dawn">
      </figure>

      <section class="phx-card">
      <h2 class="glow-sun"><font size="6">พอร์ตแลนด์</font></h2>
      <div class="phx-tag"><font size="2">City of Roses</font></div>
      <div class="phx-body">
          <p><font size="3">พอร์ตแลนด์ เป็นเมืองที่มีประชากรมากที่สุดในรัฐออริกอน สหรัฐอเมริกา ตั้งอยู่ในภูมิภาคแปซิฟิกตะวันตกเฉียงเหนือ ตั้งอยู่ทางทิศเหนือของรัฐออริกอน พอร์ตแลนด์เป็นเมืองที่มีประชากรมากเป็นอันดับที่ 30 ของสหรัฐ และยังได้ชื่อว่าเป็นเมืองที่ร่มรื่นที่สุดในสหรัฐอีกด้วย </font></p><p><font size="3">นอกจากนี้เมืองพอร์ตแลนด์รัฐโอเรกอนเหมาะอย่างยิ่งสำหรับการปลูกกุหลาบกลางแจ้งเนื่องจากตั้งอยู่ในเขตภูมิอากาศชายฝั่งทะเลตะวันตก มีฤดูร้อนที่อบอุ่นและแห้งแล้ง ฤดูหนาวที่มีฝนตกแต่อากาศอบอุ่น และมีดินเหนียวมาก พอร์ตแลนด์จึงเป็นที่รู้จักในชื่อเมืองแห่งกุหลาบหรือเมืองกุหลาบตั้งแต่ปลายศตวรรษที่ 19 หรือต้นศตวรรษที่ 20 </font></p><p><font size="3"><img width="284" _height="272" src="https://img5.pic.in.th/file/secure-sv1/ba6912b1e6f9cc7e2ceba09ddfb04d788d94d85c270fb-lutZin_fw658webp.png" border="0" alt=""></font></p>
      </div>
      </section>
    </div>
</div>
</div>


หมวดหมู่ที่ตั้งสถานที่: เมืองซีแอตเทิล รัฐวอชิงตัน สหรัฐอเมริกาชื่อสถานที่: [รัฐวอชิงตัน] เมืองซีแอตเทิล
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== WINTER PINES PALETTE =================== */
:root{
/* โทนหลักจากภาพ */
--snow:#E4DED7;   /* หิมะขาวอมเบจ */
--mink:#D5C3BB;   /* เบจชมพูอุ่นระเรื่อ */
--mist:#A5A7B2;   /* เทาอมม่วงหมอก */
--steel:#8289A4;/* น้ำเงินเทาเย็น */
--slate:#485364;/* สเลตเข้ม */

/* ใช้งาน */
--ink:#263041;               /* ตัวอักษรหลักให้คมแต่ไม่ดำสนิท */
--ink-soft:#505A6D;            /* ตัวอักษรรอง */
--paper:#FAFAFB;               /* กระดาษบาง ๆ */
--line:rgba(72,83,100,.16);    /* เส้นขอบจาง ไม่ตัด */
--radius:22px;
--maxw:800px;
--shadow:0 14px 30px rgba(30,40,60,.14);
}

/* รีเซ็ตและวอลเปเปอร์ท้องฟ้าหนาวไล่สี */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ฟ้าเย็นด้านบน > หมอกม่วง > แถบอุ่นที่ขอบฟ้า > หิมะขาวด้านล่าง */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    linear-gradient(180deg,
      #9AA5C2 0%,         /* เย็นเข้มบนสุด (ใกล้ steel) */
      #8C94B1 20%,
      var(--mist) 48%,
      var(--mink) 74%,    /* แถบอบอุ่นลิบ ๆ */
      var(--snow) 100%);
filter:saturate(0.95);
}
/* สโนว์ไลท์จาง ๆ */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    radial-gradient(1200px 200px at 50% 15%, rgba(255,255,255,.25), transparent 60%),
    radial-gradient(800px 160px at 50% 78%, rgba(255,255,255,.24), transparent 70%);
}

/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
    linear-gradient(180deg, rgba(228,222,215,.92), rgba(165,167,178,.88)); /* snow→mist */
border:1px solid var(--line);         /* ขอบบางมาก */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไลท์นุ่มบนขอบ */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(130,137,164,.22), transparent 60%);
}

/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

/* ====== หัวเรื่อง + “ฟุ้ง ๆ” โทนหิมะ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#223043;
/* glow = หิมะขาว + หมอกม่วง + อบอุ่นจากขอบฟ้า */
text-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 0 16px rgba(228,222,215,.95),   /* snow */
    0 0 28px rgba(165,167,178,.55),   /* mist */
    0 0 36px rgba(213,195,187,.45);   /* mink อบอุ่นแผ่ว */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(72,83,100,.14);
box-shadow:0 10px 24px rgba(30,40,60,.12), inset 0 0 0 1px rgba(255,255,255,.6);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.02) contrast(1.01) }

/* การ์ดเนื้อหา (หมอก→สตีล) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #E7E3DE 0%, #CFCBD0 32%, #B5B7C2 60%, #9AA1B6 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(130,137,164,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#233247;
text-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 0 12px rgba(228,222,215,.9),
    0 0 22px rgba(130,137,164,.45);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#566077; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--mink), var(--snow));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(130,137,164,.12);
}
.phx-body{ color:#334156; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }

/* ปุ่มโทนมิงค์อุ่นบนพื้นหิมะ */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2B3647;
background:linear-gradient(180deg, var(--mink), var(--snow));
box-shadow:0 8px 18px rgba(30,40,60,.14), 0 0 0 1px rgba(130,137,164,.14);
}
.btn:hover{ filter:brightness(1.04) }

/* ฟุ้งสำเร็จรูป: frost(เย็น) / hearth(อุ่น) */
.glow-frost{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(165,167,178,.95),0 0 28px rgba(130,137,164,.55) }
.glow-hearth{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(228,222,215,.95),0 0 28px rgba(213,195,187,.55) }

/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">Seattle</font></h1>
      <div class="phx-sub"><font size="3">(รัฐวอชิงตัน • สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามต้องการ -->
      <img src="https://img5.pic.in.th/file/secure-sv1/GettyImages-917652344-1024x512.jpg" alt="Winter Pines">
      </figure>

      <section class="phx-card">
      <h2 class="glow-frost"><font size="6">ซีแอตเทิล</font></h2>
      <div class="phx-tag"><font size="3">Emerald City</font></div>
      <div class="phx-body">
          <p>ซีแอตเทิลเป็นเมืองสำคัญทางเทคโนโลยีและนวัตกรรมในรัฐวอชิงตัน สหรัฐอเมริกา เป็นที่รู้จักในฐานะบ้านเกิดของบริษัทเทคโนโลยีระดับโลกอย่าง Microsoft และ Amazon รวมถึงเป็นบ้านเกิดของสตาร์บัคส์ เมืองนี้ตั้งอยู่ในทำเลที่สวยงามรายล้อมด้วยภูเขาและป่าไม้ และมีทิวทัศน์ริมอ่าวที่งดงาม ด้วยภูมิอากาศแบบเย็นที่มีฝนตกชุก ทำให้ซีแอตเทิลได้ฉายาว่า <b>"เมืองมรกต"</b> จากความเขียวขจีของต้นไม้ นอกจากนี้ ยังเป็นเมืองที่มีการคมนาคมสาธารณะที่ดีเยี่ยม และเป็นแหล่งรวมวัฒนธรรมกาแฟ ดนตรี และความเป็นมิตรกับสิ่งแวดล้อม </p>
      </div>
      </section>
    </div>
</div>
</div>



หมวดหมู่ที่ตั้งสถานที่: เมืองโอลิมเปีย รัฐวอชิงตัน สหรัฐอเมริกาชื่อสถานที่: [รัฐวอชิงตัน] เมืองโอลิมเปีย
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== MATCHA LATTE PALETTE =================== */
:root{
/* โทนจากภาพ */
--matcha:#ABBF9B;   /* เขียวมัทฉะ */
--milk:#E6E2D7;   /* นม */
--cream:#E4CDB0;    /* ครีม */
--caramel:#A2663C;/* คาราเมล */
--coffee:#3F1D0E;   /* กาแฟเข้ม */

/* ใช้งาน */
--ink:#2C1F17;               /* ตัวอักษรหลัก (กาแฟนุ่มลง) */
--ink-soft:#5B4436;            /* ตัวอักษรรอง */
--paper:#FAF9F6;               /* กระดาษโทนอุ่น */
--line:rgba(63,29,14,.16);   /* เส้นขอบบาง โทนกาแฟจาง */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(63,29,14,.14);
}

/* รีเซ็ตและวอลเปเปอร์โทน “มัทฉะลาเต้” */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ด้านบนอุ่นครีม–นม ค่อยไล่สู่มัทฉะ */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    linear-gradient(180deg,
      #F6F2E9 0%,         /* milk สว่าง */
      var(--cream) 28%,
      #D9E6CB 58%,      /* matcha อ่อน */
      var(--matcha) 78%,
      #F3EFE6 100%);      /* เบลนด์กลับสู่นม */
}
/* ฟิล์มไลท์จาง ๆ */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    radial-gradient(900px 160px at 50% 12%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(700px 140px at 50% 80%, rgba(255,255,255,.25), transparent 70%);
}

/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
    linear-gradient(180deg, rgba(230,226,215,.92), rgba(171,191,155,.88)); /* milk→matcha */
border:1px solid var(--line);                     /* ขอบบาง/จาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(171,191,155,.22), transparent 60%);
}

/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” ลาเต้ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#25170F;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),      /* ไฮไลต์คม */
    0 0 16px rgba(230,226,215,.95),       /* milk glow */
    0 0 28px rgba(228,205,176,.60),       /* cream glow */
    0 0 34px rgba(171,191,155,.45);       /* matcha glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(63,29,14,.12);
box-shadow:0 10px 24px rgba(63,29,14,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.04) contrast(1.02) }

/* การ์ดเนื้อหา (milk→matcha) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #F3F0E7 0%, #EBE4D5 32%, #D9E5CA 68%, #C9DAB9 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(171,191,155,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#2B1C12;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 0 12px rgba(230,226,215,.9),
    0 0 22px rgba(171,191,155,.55);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#4E392C; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--matcha), var(--cream));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(63,29,14,.10);
}
.phx-body{ color:#3A2A20; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }

/* ปุ่ม: Caramel → Cream (อ่านชัดบนพื้นอุ่น) */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#2A1B12;
background:linear-gradient(180deg, var(--caramel), var(--cream));
box-shadow:0 8px 18px rgba(63,29,14,.16), 0 0 0 1px rgba(63,29,14,.12);
}
.btn:hover{ filter:brightness(1.05) }

/* ฟุ๊งสำเร็จรูป: โทนมัทฉะ / โทนคาราเมล */
.glow-matcha{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(171,191,155,.95),0 0 28px rgba(230,226,215,.6) }
.glow-caramel{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(228,205,176,.95),0 0 28px rgba(162,102,60,.45) }

/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">Olympia</font></h1>
      <div class="phx-sub"><font size="3">(รัฐวอชิงตัน • สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามต้องการ -->
      <img src="https://img2.pic.in.th/pic/494146-olympia-and-vicinity.png" alt="Matcha Latte">
      </figure>

      <section class="phx-card">
      <h2 class="glow-matcha"><font size="6">เมืองโอลิมเปีย</font></h2>
      <div class="phx-tag"><font size="3">โอลิมเปีย เมืองหลวงของรัฐวอชิงตัน</font></div>
      <div class="phx-body">
          <p><font size="3">เมืองหลวงแห่งรัฐวอชิงตันตั้งอยู่บน Puget Sound มีกิจกรรมทางน้ำที่น่าสนใจ รวมถึงศิลปะ สัตว์ป่าและพิพิธภัณฑ์ด้วย โอลิมเปียเป็นเมืองที่น่าหลงใหล เต็มไปด้วยความงามจากธรรมชาติและสถานที่ท่องเที่ยวในเชิงประวัติศาสตร์และวัฒนธรรม มีผลงานศิลปะจัดแสดงให้ชมกันในพื้นที่สาธารณะ ล่องเรือสำราญหรือลองเดินเที่ยวในป่าฝนก็ได้ </font></p><p><font size="3">โอลิมเปียมีสวนที่มีพื้นที่มากกว่า 2,000 ไร่ ตั้งอยู่ภายในเมือง ภายในนั้นมีเส้นทางเดินเล่นที่เชื่อมต่อกันอย่างดี เตรียมกล้องให้พร้อมขณะออกชมชีวิตสัตว์ป่าที่เขตอนุรักษ์ทรัพยากรธรรมชาติ Woodard Bay ที่นี่เปรียบเสมือนบ้านของสัตว์ป่าอย่างนกอินทรีหัวขาว นากน้ำและแมวน้ำที่อยู่บริเวณท่าเรือ และยังมีสัตว์ป่าอื่นๆ อีกมาก ใครที่ชื่นชอบธรรมชาติ วัฒนธรรมและประวัติศาสตร์ ไม่ควรพลาดโอลิมเปียด้วยประการทั้งปวง</font></p>
      </div>
      </section>
    </div>
</div>
</div>


หมวดหมู่ที่ตั้งสถานที่: เมืองรีโน รัฐเนวาดา สหรัฐอเมริกาชื่อสถานที่: [รัฐเนวาดา] เมืองรีโน
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== VINTAGE PASTEL PALETTE =================== */
:root{
/* จากภาพ: rose, taupe, dusty-blue, terracotta, olive-brown */
--rose:#E4D0C5;
--taupe:#C7B9AE;
--dusty:#9DACB7;
--terra:#CE917D;
--olive:#9A7F69;

/* ใช้งาน */
--ink:#3D2D29;               /* สีน้ำตาลเข้มแต่ไม่ดำ */
--ink-soft:#6B5A53;            /* ตัวอักษรรอง */
--paper:#FCFAF8;               /* กระดาษโทนอุ่น */
--line:rgba(154,127,105,.16);/* เส้นขอบจาง โทนอุ่น */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(154,127,105,.14);
}

/* รีเซ็ต + วอลเปเปอร์โทน “บ้านชมพูวินเทจ” */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
/* ชมพูอุ่นด้านบน → ครีม → ฟ้าหม่นวินเทจบาง ๆ */
html::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    linear-gradient(180deg,
      #F5E9E2 0%,
      var(--rose) 28%,
      #EFE7DD 52%,
      #C5D2DA 78%,
      #F9F4EF 100%);
}
/* ฟิล์มไลท์บาง ๆ ให้ภาพดูนุ่ม */
html::after{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    radial-gradient(900px 180px at 50% 12%, rgba(255,255,255,.36), transparent 60%),
    radial-gradient(800px 160px at 50% 80%, rgba(255,255,255,.24), transparent 70%);
}

/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
    linear-gradient(180deg, rgba(228,208,197,.92), rgba(157,172,183,.88)); /* rose→dusty */
border:1px solid var(--line);                            /* ขอบบาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(205,182,169,.22), transparent 60%);
}

/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนวินเทจ ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#3A2A25;
text-shadow:
    0 1px 0 rgba(255,255,255,.92), /* ไฮไลต์คมชั้นใน */
    0 0 16px rgba(228,208,197,.95), /* rose glow */
    0 0 28px rgba(199,185,174,.55), /* taupe glow */
    0 0 34px rgba(157,172,183,.45); /* dusty glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(154,127,105,.12);
box-shadow:0 10px 24px rgba(154,127,105,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.03) contrast(1.02) }

/* การ์ดเนื้อหา (ครีมชมพู→ฟ้าหม่น) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FBF6F2 0%, #EEDFD6 30%, #D6D1CB 55%, #BFCAD2 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(157,172,183,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#3B2B26;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 0 12px rgba(228,208,197,.9),
    0 0 22px rgba(157,172,183,.50);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#5A473F; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--terra), var(--taupe));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(154,127,105,.10);
}
.phx-body{ color:#46352F; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }

/* ปุ่ม: Terracotta → Rose (วินเทจหวาน) */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#3B2A25;
background:linear-gradient(180deg, var(--terra), var(--rose));
box-shadow:0 8px 18px rgba(154,127,105,.16), 0 0 0 1px rgba(154,127,105,.12);
}
.btn:hover{ filter:brightness(1.05) }

/* ฟุ๊งสำเร็จรูป: โทนชมพูวินเทจ / โทนน้ำเงินหม่น */
.glow-rose{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(228,208,197,.95),0 0 28px rgba(199,185,174,.55) }
.glow-dusty{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(157,172,183,.95),0 0 28px rgba(228,208,197,.50) }

/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">Reno</font></h1>
      <div class="phx-sub"><font size="3">(รัฐเนวาดา • สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามต้องการ -->
      <img src="https://img5.pic.in.th/file/secure-sv1/DowntownRiverwalk_Desktop.png" alt="Vintage Street">
      </figure>

      <section class="phx-card">
      <h2 class="glow-rose"><font size="6">เมืองรีโน</font></h2>
      <div class="phx-tag"><font size="3">The Biggest Little City in the World</font></div>
      <div class="phx-body">
          <p style="text-align: left;">         Reno หรือ รีโน เมืองเล็กๆที่เต็มไปด้วยสีสันในรัฐเนวาดา ห่างจากซานฟรานซิสโกเพียง 1 ชั่วโมงจากการเดินทางด้วยสายการบิน หรือ 4 ชั่วโมงผ่านเมือง Sacramento เมืองหลวงของรัฐ Californiaผ่านวิวทิวทัศน์เทือกเขาอันสวยงามด้วยทางรถ เมืองรีโนได้รับขนานนามว่าเป็น "The Biggest Little City in the World" (เมืองเล็กๆ ที่ใหญ่ที่สุดในโลก) ซึ่งตั้งขึ้นในปี 1929 เนื่องจากเมืองรีโนเป็นเมืองในทะเลทรายใต้เงาของเทือกเขาเนวาดาที่มีหิมะปกคลุม เริ่มต้นมาจากเพียงแค่การทำสะพานข้ามแม่น้ำ จากนั้นก็มีผู้คนเริ่มมาตั้งรกรากมากขึ้น </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;">         </span>เมืองนี้มีรากฐานการทำปศุสัตว์ เหมืองแร่ ร้านค้ามากมาย ต่อมาก็มีโรงแรมขนาดใหญ่ มีคาสิโนมากมาย ถือเป็นอีกหนึ่ง gateway ระหว่างทางตะวันตกและทางตะวันออกของอเมริกา ซึ่งทำให้ปัจจุบันเป็นเมืองที่เติบโตอย่างมาก ทาง Apply และ Google ได้มาตั้งฐาน database ขนาดใหญ่ที่นี่ซึ่งเป็นการยืนยันถึงความเจิญที่จะก่อตัวขึ้นมาในอนาคตอันใกล้รีโนยังมีชื่อเสียงในเรื่องแหล่งการพนันและเป็นสถานที่อันอุดมสมบูรณ์ มีทั้งวัฒนธรรม ร้านอาหาร และร้านค้าที่กำลังขยายตัว </p><p style="text-align: left;"><span style="letter-spacing: 0.1px;">         </span>นอกเหนือจากคาสิโนแล้ว รีโนยังมีสถานที่ที่น่าสนใจสำหรับครอบครัวอีก เช่น พิพิธภัณฑ์ สวนสัตว์ และศูนย์วิทยาศาสตร์ ร้านกาแฟ ร้านอาหาร และแกลอรีตั้งอยู่เรียงรายใน Truckee River Arts District และยังมีการจัดแสดงรถเก่าระดับโลกที่พิพิธภัณฑ์ยานยนต์แห่งชาติ ที่มีรถมากกว่า 200 คัน ที่บอกได้ว่าต้องอึ้งไปกับรถแต่ละคันตั้งแต่อดีตเหมือนที่เห็นในหนังภาพยนตร์</p>
      </div>
      </section>
    </div>
</div>
</div>


หมวดหมู่ที่ตั้งสถานที่: แกรนด์แคนยอน รัฐแอริโซน่า สหรัฐอเมริกาชื่อสถานที่: [รัฐแอริโซน่า] แกรนด์แคนยอน
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">

<style>
/* =================== CORAL SATIN PALETTE =================== */
:root{
/* โทนจากภาพ */
--coral:#E78262;   /* คอรัลส้มชมพู */
--rose:#DE9785;    /* โรสพีช */
--apricot:#E79F74; /* แอปริคอต */
--blush:#EDBBA6;   /* บลัชครีม */

/* ใช้งาน */
--ink:#45261F;               /* ตัวอักษรหลัก – น้ำตาลอบอุ่นอ่านชัด */
--ink-soft:#6D4A41;            /* ตัวอักษรรอง */
--paper:#FEFAF7;               /* กระดาษโทนอุ่นนมชมพู */
--line:rgba(103,58,49,.16);    /* เส้นขอบบาง โทนอบเชย */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(103,58,49,.14);
}

/* รีเซ็ต + วอลเปเปอร์ซาตินประกายพีช */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
html::before{
/* ไล่สีแบบผืนผ้าไหม: blush → rose → coral/apricot */
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    radial-gradient(1200px 260px at 20% -5%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(1000px 220px at 85% 10%, rgba(255,255,255,.28), transparent 65%),
    linear-gradient(180deg,
      #F8E6DD 0%,
      var(--blush) 20%,
      var(--rose) 48%,
      var(--coral) 72%,
      var(--apricot) 100%);
filter:saturate(1.02);
}
html::after{
/* แวววิ้งแบบกลิตเตอร์อ่อน ๆ */
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
    radial-gradient(800px 150px at 50% 80%, rgba(255,255,255,.22), transparent 70%),
    radial-gradient(600px 120px at 10% 60%, rgba(255,255,255,.18), transparent 70%);
}

/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}

/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
    linear-gradient(180deg, rgba(237,187,166,.92), rgba(231,159,116,.88)); /* blush→apricot */
border:1px solid var(--line);                     /* ขอบจาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(60% 45% at 100% 0%, rgba(231,130,98,.20), transparent 60%);
}

/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}

/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนคอรัลพีช ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#3D2019;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),   /* ไฮไลต์คม */
    0 0 16px rgba(237,187,166,.95),/* blush glow */
    0 0 26px rgba(222,151,133,.60),/* rose glow */
    0 0 34px rgba(231,130,98,.45);   /* coral glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }

/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(103,58,49,.12);
box-shadow:0 10px 24px rgba(103,58,49,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.05) contrast(1.02) }

/* การ์ดเนื้อหา (นมชมพู→พีช) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FEF2EC 0%, #F5D8CB 30%, #F0C4B2 55%, #E9A989 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(231,130,98,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#3F231C;
text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 0 12px rgba(237,187,166,.9),
    0 0 22px rgba(231,130,98,.50);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#5B382F; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--coral), var(--blush));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(103,58,49,.10);
}
.phx-body{ color:#4A2B23; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }

/* ปุ่ม: Coral → Blush */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#3C221B;
background:linear-gradient(180deg, var(--coral), var(--blush));
box-shadow:0 8px 18px rgba(103,58,49,.16), 0 0 0 1px rgba(103,58,49,.12);
}
.btn:hover{ filter:brightness(1.05) }

/* ฟุ๊งสำเร็จรูป: โทนคอรัล / โทนบลัช */
.glow-coral{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(231,130,98,.95),0 0 28px rgba(222,151,133,.55) }
.glow-blush{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(237,187,166,.95),0 0 28px rgba(231,159,116,.50) }

/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>

<div class="post-bg">
<div id="box01">
    <div class="phx-frame">
      <h1 class="phx-title"><font size="7">Grand Canyon</font></h1>
      <div class="phx-sub"><font size="3">(รัฐแอริโซน่า • สหรัฐอเมริกา)</font></div>

      <figure class="phx-hero">
      <!-- เปลี่ยนรูปได้ตามต้องการ -->
      <img src="https://img2.pic.in.th/pic/Lake-Powell-Antelope-Canyon-tours.jpg" alt="Coral Glass">
      </figure>

      <section class="phx-card">
      <h2 class="glow-coral"><font size="6">แกรนด์แคนยอน</font></h2>
      <div class="phx-tag"><font size="3">ดินแดนแห่งหินผาและหุบเหว</font></div>
      <div class="phx-body">
          <p><font size="3">แกรนด์แคนยอน เป็นดินแดนหินผาและหุบเหว อุทยานแห่งชาติแกรนด์แคนยอนเป็นอุทยานแห่งชาติของสหรัฐอเมริกาตั้งอยู่ทางตะวันตกเฉียงเหนือของรัฐแอริโซนาเป็นสถานที่แห่งที่ 15 ที่ได้รับการขนานนามว่าเป็นอุทยานแห่งชาติ จุดเด่นของอุทยานแห่งนี้คือแกรนด์แคนยอนซึ่งเป็นช่องเขาของแม่น้ำโคโลราโดซึ่งมักได้รับการยกย่องให้เป็นหนึ่งในสิ่งมหัศจรรย์ของโลก</font></p>
      </div>
      </section>
    </div>
</div>
</div>

Moneka โพสต์ 2025-9-19 09:59:47

แบบฟอร์มสร้างสถานที่ (2 สถานที่)หมวดหมู่ที่ตั้งสถานที่: ค่ายจูปิเตอร์, เขตกองร้อย, กองร้อยที่ 2, รัฐแคลิฟอเนียร์ สหรัฐอเมริกาชื่อสถานที่: 【Second Cohort】⚜ ⊣ DORMITORY ⊢ ⚜
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Thasadith:wght@700&family=Kanit:wght@400;600&display=swap" rel="stylesheet">

<style>

/* =========================================================
   =============== CONFIG (★ แก้ทีเดียวทั้งธีม) ===============
   ========================================================= */
:root{
/* ★ พื้นหลังทั้งหน้า (นิ่งกับจอ) */
--wall: url("https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_kytt6lkytt6lkytt.png");

/* ★ พื้นหลังเฉพาะโพสต์นี้ (เลื่อนขึ้นลงนุ่ม ๆ) */
--post-bg: url("https://img5.pic.in.th/file/secure-sv1/7c1bdade97e0b53df26fdd7d6fc91139.png");
--post-pan-speed: 10s;
--post-pan-from: 0%;
--post-pan-to:   100%;

/* ★ สีตัวอักษร */
--text-color:#F7F8FA;
--title-color: #FFFFFF;
--sub-color:   #EDF0F7;

/* ★ โทน “พาสเทล–ขาว” สำหรับฟุ้ง ๆ */
--accent:   #F7EEFF;
--accent-rgb: 247,238,255;

/* ★ สี/ความใสของแก้ว */
--glass:   rgba(245, 245, 220,.42);
--glass-b: rgba(255,255,255,.38);

/* ★ เอฟเฟกต์ฟุ้ง */
--glow-outer:rgba(255,255,255,.60);
--glow-inner:rgba(var(--accent-rgb), .35);
--glow-soft:   rgba(255,255,255,.35);
--glow-spread: 34px;
--blur-amt:    10px;

/* ขนาดรูป/คอนเทนต์ */
--hero-h:   520px;
--maxw:   980px;
--item-h:   220px;   /* fallback ถ้าเบราว์เซอร์ไม่รองรับ aspect-ratio */
}

/* ===== วอลเปเปอร์ทั้งหน้า ===== */
body{ background: transparent !important; }
html::before{
content:""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background: var(--wall) center/cover no-repeat;
filter: saturate(1.02) contrast(1.0);
opacity: .95;
}

/* ===== พื้นหลัง “เฉพาะโพสต์นี้” (เลื่อนอัตโนมัติ) ===== */
.post-bg{
padding: 30px;
background: var(--post-bg) 50% var(--post-pan-from) / cover no-repeat;
animation: postBgPan var(--post-pan-speed) linear infinite alternate;
}
@keyframes postBgPan{
from { background-position: 50% var(--post-pan-from); }
to   { background-position: 50% var(--post-pan-to);   }
}

/* ===== พื้นที่โพสต์ ===== */
.pj-post{
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color: var(--text-color);
max-width: var(--maxw);
margin: 0 auto;
padding: 18px;
}

/* =============== กล่องโปร่งใส (แก้ว) + ฟุ้งพาสเทล =============== */
.pj-card{
position: relative;
background:
    linear-gradient(135deg,
      rgba(var(--accent-rgb), .22) 0%,
      rgba(var(--accent-rgb), .10) 40%,
      rgba(255,255,255,.12) 60%,
      rgba(255,255,255,.06) 100%
    ),
    var(--glass);
border: 1px solid var(--glass-b);
border-radius: 16px;
padding: 22px;
box-shadow:
    0 10px 26px rgba(255,255,255,.12),
    0 0 var(--glow-spread) 10px var(--glow-outer),
    0 0 calc(var(--glow-spread) * 1.2) 0 var(--glow-inner),
    0 0 40px 10px var(--glow-soft);
backdrop-filter: saturate(150%) blur(var(--blur-amt));
-webkit-backdrop-filter: saturate(150%) blur(var(--blur-amt));
margin-bottom: 18px;
overflow: hidden;
}
.pj-card::before{
content:""; position:absolute; inset:-16% -12% -30% -12%;
pointer-events:none; z-index:0;
background:
    radial-gradient(60% 45% at 12% -5%,rgba(var(--accent-rgb), .35), transparent 60%),
    radial-gradient(48% 45% at 100% -15%, rgba(var(--accent-rgb), .25), transparent 60%),
    radial-gradient(60% 30% at 50% 110%, rgba(255,255,255,.25), transparent 60%);
mix-blend-mode: screen;
}
.pj-card > *{ position: relative; z-index: 1; }

/* 1) กล่องหัวเรื่อง */
.pj-hero{ text-align:center; padding: 28px 22px 22px; }
.pj-title{
font-family:'Thasadith','Kanit',sans-serif;
font-weight:700; font-size:28px; line-height:1.2; margin:0 0 8px;
color: var(--title-color);
text-shadow: 0 8px 24px rgba(255,255,255,.25);
}
.pj-sub{ color: var(--sub-color); }

/* 2) สื่อ: ภาพหลักใหญ่ */
.pj-media .pj-heroimg{
position: relative; overflow:hidden; border-radius: 14px;
margin-bottom: 12px;
box-shadow:
    0 8px 18px rgba(255,255,255,.16),
    0 0 28px 8px rgba(var(--accent-rgb), .22);
}
.pj-media .pj-heroimg img{
display:block !important;
width:100% !important;
max-width:none !important;
height: var(--hero-h) !important;
object-fit: cover !important;
object-position: 50% 40% !important;
image-rendering: -webkit-optimize-contrast;
image-rendering: auto;
}
.pj-media .pj-heroimg::after{
content:""; position:absolute; inset:0; pointer-events:none;
background: linear-gradient(180deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,.16)
);
}

/* ====== WIDTH CONTROL FOR .pj-content (drop-in patch) ====== */

/* ค่าเริ่มต้นทั้งหน้า (เปลี่ยนเลขนี้ได้) */
:root { --content-max: 840px; }

/* ให้ใช้ได้เฉพาะกรอบเนื้อหา ไม่กระทบกรอบรูป */
.pj-card.pj-content{
box-sizing: border-box;
width: clamp(320px, 92vw, var(--content-max)) !important;
max-width: var(--content-max) !important;
margin-left: auto !important;
margin-right: auto !important;
/* ปรับอินเนอร์แพดดิ้งตามชอบ */
padding-left: 56px !important;
padding-right: 50px !important;
}

/* กัน parent ครอบไว้แล้วทำให้ลูกขยายไม่ออก */
.pj-post{ max-width: none !important; } /* หรือทิ้งบรรทัดนี้ถ้าไม่จำเป็น */

/* 2.1) กริดรูปย่อย — บังคับ 5 ใบต่อแถว + ทำให้เท่ากันทุกใบ */
.pj-gallery{
display:grid;
gap:12px;
}
.pj-gallery.pj-five{
grid-template-columns: repeat(5, 1fr); /* เดสก์ท็อป: 5 ใบ */
}
.pj-gallery.pj-five img{
width:100% !important;
height:auto !important;
aspect-ratio: 1 / 1;   /* สี่เหลี่ยมจัตุรัสเท่ากัน */
object-fit: cover;
display:block;
border-radius:12px;
padding:0 !important;   /* รีเซ็ต padding จากสไตล์อื่น */
border:none !important;   /* รีเซ็ต border จากสไตล์อื่น */
box-shadow:
    0 6px 12px rgba(255,255,255,.12),
    0 0 18px 4px rgba(var(--accent-rgb), .18);
}
/* fallback ถ้าไม่รองรับ aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
.pj-gallery.pj-five img{ height: var(--item-h); }
}

/* 3) เนื้อหา */
.pj-content{ line-height:1.9; font-size:16px; }
.pj-content p{ margin:10px 0; }
.pj-content img{ max-width:100%; border-radius:10px; display:block; margin:10px auto; }

/* Responsive */
@media (max-width: 900px){
.pj-gallery.pj-five{ grid-template-columns: repeat(3, 1fr); } /* แท็บเล็ต: 3 ใบ */
}
@media (max-width:560px){
.pj-post{ max-width: 100%; padding: 12px; }
:root{ --hero-h: 340px; --item-h: 180px; }
.pj-title{ font-size:24px; }
.pj-gallery.pj-five{ grid-template-columns: repeat(2, 1fr); } /* มือถือ: 2 ใบ */
}

</style>

<!-- ================== HTML พร้อมใช้ ================== -->
<div class="post-bg">
<div class="pj-post">

    <!-- โลโก้/หัว -->
    <div style="text-align:center;">
      <img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_wlu1c8wlu1c8wlu1-removebg-preview-1.png" width="490" alt="">
      <br>
    </div>

    <!-- กล่องที่ 2: สื่อ — ภาพหลักใหญ่ + กริด 5 รูป -->
    <section class="pj-card pj-media">
      <div class="pj-heroimg">
      <img src="https://img2.pic.in.th/pic/snapedit_1757793356571-2-1.png" alt="ภาพหลัก">
      </div>

      <!-- ★ เพิ่ม class pj-five เพื่อบังคับ 5 คอลัมน์ -->
      <div class="pj-gallery pj-five">
      <img src="https://img5.pic.in.th/file/secure-sv1/snapedit_1757793429748.png" alt="ภาพ 1">
      <img src="https://img2.pic.in.th/pic/snapedit_1757793437533.png" alt="ภาพ 2">
      <img src="https://img5.pic.in.th/file/secure-sv1/snapedit_1757793377461.png" alt="ภาพ 3">
      <img src="https://img5.pic.in.th/file/secure-sv1/snapedit_1757793367974.png" alt="ภาพ 4">
      <img src="https://img2.pic.in.th/pic/snapedit_1757793419701.png" alt="ภาพ 5">
      </div>
    </section>

    <!-- กล่องที่ 3: เนื้อหา -->
    <section class="pj-card pj-content">
      <p style="text-align:center;">
      <img src="https://img5.pic.in.th/file/secure-sv1/1393c7135a482122d13e73dc482504c0171d25535ab9b-0tpXTr_fw658webp-1.md.png" width="500" alt="">
      </p>
      <p style="text-align: center;">

<font size="5" style="color: rgb(205, 133, 63);">【</font><font style="color: rgb(205, 133, 63); font-size: xx-large;"> </font><b style="font-size: xx-large; letter-spacing: 0.36px;"><font color="#a0522d" style="" face="TH Srisakdi">In somno, virtus quiescit, sed numquam extinguitur</font><font color="#cd853f" style="font-family: EucrosiaUPC;"> </font></b><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" style="color: rgb(205, 133, 63);"><span style="letter-spacing: 0.36px;"><b></b></span></font><font size="5" style="color: rgb(205, 133, 63);">】</font></p><p style="text-align: left;"><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#a0522d"><span style="letter-spacing: 0.36px;"><b style="">         ห้องนอนรวมของกองร้อยที่ 2 แห่งค่ายจูปิเตอร์ถูกจัดแต่งอย่างงดงามด้วยกลิ่นอายของจักรวรรดิโรมันตอนปลายและความเรียบหรูแบบโรงเรียนทหารชั้นสูง ภายในห้องมีเตียงทั้งหมด 10 เตียง แบ่งเป็นเตียงสองชั้น 4 เตียง และเตียงเดี่ยว 2 เตียง พร้อมพรมลวดลายโบราณที่ทอดยาวไปตามแนวกลางห้อง ทั้งสองข้างของห้องตกแต่งด้วยดาบ โล่ และธงประจำกองร้อยที่แขวนเรียงรายอยู่เหนือเตียง ภายในห้องนอนโซนนั่งพักผ่อนภายในห้องจัดเตรียมไว้พร้อมสรรพ</b></span></font></p><p style="text-align: left;"><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#a0522d"><span style="letter-spacing: 0.36px;"><b><br></b></span></font></p><p style="text-align: left;"><b style="color: rgb(160, 82, 45); font-family: Thasadith, Kanit, system-ui, -apple-system, sans-serif; font-size: large; letter-spacing: 0.36px;">         </b><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#a0522d"><span style="letter-spacing: 0.36px;"><b style="">ณ ที่แห่งนี้ เพดานสูงโปร่งแบบฝ้ากล่องเสริมด้วยโคมระย้าทองเหลืองทรงโรมันที่ให้แสงอุ่นละมุน ด้านข้างมีหน้าต่างโค้งขนาดใหญ่เปิดรับแสงธรรมชาติยามเช้าอย่างลงตัว ผนังประดับด้วยภาพวาดสีทองของม้าและสัญลักษณ์ค่ายจูปิเตอร์ แต่ละคนจะได้รับตู้เก็บของข้างเตียงและโต๊ะทำงานเป็นของตนเอง ทั้งยังจัดวางหมอนและผ้าห่มสีเอิร์ธโทนสบายตา ให้ความรู้สึกอบอุ่นและเป็นระเบียบ </b></span></font></p><p style="text-align: center;"><img src="https://img2.pic.in.th/pic/-20_20250918041905-1.png" width="300" _height="250" border="0"></p>


<p></p>
    </section>

</div>
</div>

<!-- ★ เดิมมีสไตล์ img:hover ที่ไปกระทบทุกภาพ
   → จำกัดเฉพาะภาพในเนื้อหา (.pj-content) เพื่อไม่ให้รบกวนกริด -->
<style>
.pj-content img{
-webkit-transition: all .8s ease-out;
transition: all .8s ease-out;
border: none;
padding: 5px 0; /* ไม่ดันเลย์เอาต์ */
background: transparent;
}
.pj-content img:hover{
box-shadow:
    inset 255px 0 1px #E8C374,
    inset -255px 0 1px #8A6F37;
}
</style>

<style type="text/css">
img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
img:hover{
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter: none;;}
@-moz-keyframes shake /* Firefox*/
{
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform:translate(0px, 2px) rotate(0deg); }
40% { -moz-transform:translate(1px, -1px) rotate(1deg); }
50% { -moz-transform:translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform:translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform:translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform:translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform:translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes shake /* IE9*/
{
10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake /* Safari and Chrome */
{
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}</style>
หมวดหมู่ที่ตั้งสถานที่: ค่ายจูปิเตอร์, เขตกองร้อย, กองร้อยที่ 2, รัฐแคลิฟอเนียร์ สหรัฐอเมริกาชื่อสถานที่: 【Second Cohort】⚜ ⊣ DRAWING ROOM ⊢ ⚜
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Thasadith:wght@700&family=Kanit:wght@400;600&display=swap" rel="stylesheet">

<style>

/* =========================================================
   =============== CONFIG (★ แก้ทีเดียวทั้งธีม) ===============
   ========================================================= */
:root{
/* ★ พื้นหลังทั้งหน้า (นิ่งกับจอ) */
--wall: url("https://img5.pic.in.th/file/secure-sv1/6f97bd1f44a1d4b1bcd5149cdfe03a11.jpg");

/* ★ พื้นหลังเฉพาะโพสต์นี้ (เลื่อนขึ้นลงนุ่ม ๆ) */
--post-bg: url("https://img2.pic.in.th/pic/aca09435d60747a12df341f89187ff9b.jpg");
--post-pan-speed: 20s;
--post-pan-from: 0%;
--post-pan-to:   100%;

/* ★ สีตัวอักษร */
--text-color:#F7F8FA;
--title-color: #FFFFFF;
--sub-color:   #EDF0F7;

/* ★ โทน “พาสเทล–ขาว” สำหรับฟุ้ง ๆ */
--accent:   #F7EEFF;
--accent-rgb: 247,238,255;

/* ★ สี/ความใสของแก้ว */
--glass:   rgba(245, 245, 220,.42);
--glass-b: rgba(255,255,255,.38);

/* ★ เอฟเฟกต์ฟุ้ง */
--glow-outer:rgba(255,255,255,.60);
--glow-inner:rgba(var(--accent-rgb), .35);
--glow-soft:   rgba(255,255,255,.35);
--glow-spread: 34px;
--blur-amt:    10px;

/* ขนาดรูป/คอนเทนต์ */
--hero-h:   520px;
--maxw:   980px;
--item-h:   220px;   /* fallback ถ้าเบราว์เซอร์ไม่รองรับ aspect-ratio */
}

/* ===== วอลเปเปอร์ทั้งหน้า ===== */
body{ background: transparent !important; }
html::before{
content:""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background: var(--wall) center/cover no-repeat;
filter: saturate(1.02) contrast(1.0);
opacity: .95;
}

/* ===== พื้นหลัง “เฉพาะโพสต์นี้” (เลื่อนอัตโนมัติ) ===== */
.post-bg{
padding: 30px;
background: var(--post-bg) 50% var(--post-pan-from) / cover no-repeat;
animation: postBgPan var(--post-pan-speed) linear infinite alternate;
}
@keyframes postBgPan{
from { background-position: 50% var(--post-pan-from); }
to   { background-position: 50% var(--post-pan-to);   }
}

/* ===== พื้นที่โพสต์ ===== */
.pj-post{
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color: var(--text-color);
max-width: var(--maxw);
margin: 0 auto;
padding: 18px;
}

/* =============== กล่องโปร่งใส (แก้ว) + ฟุ้งพาสเทล =============== */
.pj-card{
position: relative;
background:
    linear-gradient(135deg,
      rgba(var(--accent-rgb), .22) 0%,
      rgba(var(--accent-rgb), .10) 40%,
      rgba(255,255,255,.12) 60%,
      rgba(255,255,255,.06) 100%
    ),
    var(--glass);
border: 1px solid var(--glass-b);
border-radius: 16px;
padding: 22px;
box-shadow:
    0 10px 26px rgba(255,255,255,.12),
    0 0 var(--glow-spread) 10px var(--glow-outer),
    0 0 calc(var(--glow-spread) * 1.2) 0 var(--glow-inner),
    0 0 40px 10px var(--glow-soft);
backdrop-filter: saturate(150%) blur(var(--blur-amt));
-webkit-backdrop-filter: saturate(150%) blur(var(--blur-amt));
margin-bottom: 18px;
overflow: hidden;
}
.pj-card::before{
content:""; position:absolute; inset:-16% -12% -30% -12%;
pointer-events:none; z-index:0;
background:
    radial-gradient(60% 45% at 12% -5%,rgba(var(--accent-rgb), .35), transparent 60%),
    radial-gradient(48% 45% at 100% -15%, rgba(var(--accent-rgb), .25), transparent 60%),
    radial-gradient(60% 30% at 50% 110%, rgba(255,255,255,.25), transparent 60%);
mix-blend-mode: screen;
}
.pj-card > *{ position: relative; z-index: 1; }

/* 1) กล่องหัวเรื่อง */
.pj-hero{ text-align:center; padding: 28px 22px 22px; }
.pj-title{
font-family:'Thasadith','Kanit',sans-serif;
font-weight:700; font-size:28px; line-height:1.2; margin:0 0 8px;
color: var(--title-color);
text-shadow: 0 8px 24px rgba(255,255,255,.25);
}
.pj-sub{ color: var(--sub-color); }

/* 2) สื่อ: ภาพหลักใหญ่ */
.pj-media .pj-heroimg{
position: relative; overflow:hidden; border-radius: 14px;
margin-bottom: 12px;
box-shadow:
    0 8px 18px rgba(255,255,255,.16),
    0 0 28px 8px rgba(var(--accent-rgb), .22);
}
.pj-media .pj-heroimg img{
display:block !important;
width:100% !important;
max-width:none !important;
height: var(--hero-h) !important;
object-fit: cover !important;
object-position: 50% 40% !important;
image-rendering: -webkit-optimize-contrast;
image-rendering: auto;
}
.pj-media .pj-heroimg::after{
content:""; position:absolute; inset:0; pointer-events:none;
background: linear-gradient(180deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,.16)
);
}

/* ====== WIDTH CONTROL FOR .pj-content (drop-in patch) ====== */

/* ค่าเริ่มต้นทั้งหน้า (เปลี่ยนเลขนี้ได้) */
:root { --content-max: 840px; }

/* ให้ใช้ได้เฉพาะกรอบเนื้อหา ไม่กระทบกรอบรูป */
.pj-card.pj-content{
box-sizing: border-box;
width: clamp(320px, 92vw, var(--content-max)) !important;
max-width: var(--content-max) !important;
margin-left: auto !important;
margin-right: auto !important;
/* ปรับอินเนอร์แพดดิ้งตามชอบ */
padding-left: 56px !important;
padding-right: 50px !important;
}

/* กัน parent ครอบไว้แล้วทำให้ลูกขยายไม่ออก */
.pj-post{ max-width: none !important; } /* หรือทิ้งบรรทัดนี้ถ้าไม่จำเป็น */

/* 2.1) กริดรูปย่อย — บังคับ 5 ใบต่อแถว + ทำให้เท่ากันทุกใบ */
.pj-gallery{
display:grid;
gap:12px;
}
.pj-gallery.pj-five{
grid-template-columns: repeat(5, 1fr); /* เดสก์ท็อป: 5 ใบ */
}
.pj-gallery.pj-five img{
width:100% !important;
height:auto !important;
aspect-ratio: 1 / 1;   /* สี่เหลี่ยมจัตุรัสเท่ากัน */
object-fit: cover;
display:block;
border-radius:12px;
padding:0 !important;   /* รีเซ็ต padding จากสไตล์อื่น */
border:none !important;   /* รีเซ็ต border จากสไตล์อื่น */
box-shadow:
    0 6px 12px rgba(255,255,255,.12),
    0 0 18px 4px rgba(var(--accent-rgb), .18);
}
/* fallback ถ้าไม่รองรับ aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
.pj-gallery.pj-five img{ height: var(--item-h); }
}

/* 3) เนื้อหา */
.pj-content{ line-height:1.9; font-size:16px; }
.pj-content p{ margin:10px 0; }
.pj-content img{ max-width:100%; border-radius:10px; display:block; margin:10px auto; }

/* Responsive */
@media (max-width: 900px){
.pj-gallery.pj-five{ grid-template-columns: repeat(3, 1fr); } /* แท็บเล็ต: 3 ใบ */
}
@media (max-width:560px){
.pj-post{ max-width: 100%; padding: 12px; }
:root{ --hero-h: 340px; --item-h: 180px; }
.pj-title{ font-size:24px; }
.pj-gallery.pj-five{ grid-template-columns: repeat(2, 1fr); } /* มือถือ: 2 ใบ */
}

</style>

<!-- ================== HTML พร้อมใช้ ================== -->
<div class="post-bg">
<div class="pj-post">

    <!-- โลโก้/หัว -->
    <div style="text-align:center;">
      <img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_j2dnz8j2dnz8j2dn-removebg-preview-1.png" width="490" alt="">
      <br>
    </div>

    <!-- กล่องที่ 2: สื่อ — ภาพหลักใหญ่ + กริด 5 รูป -->
    <section class="pj-card pj-media">
      <div class="pj-heroimg">
      <img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_rpl0jjrpl0jjrpl0-1-1.png" alt="ภาพหลัก">
      </div>

      <!-- ★ เพิ่ม class pj-five เพื่อบังคับ 5 คอลัมน์ -->
      <div class="pj-gallery pj-five">
      <img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_4h2h0o4h2h0o4h2h-3.png" alt="ภาพ 1">
      <img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_isl87xisl87xisl8-2.png" alt="ภาพ 2">
      <img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_4h2h0o4h2h0o4h2h-1.png" alt="ภาพ 3">
      <img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_4h2h0o4h2h0o4h2h-4.png" alt="ภาพ 4">
      <img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_isl87visl87visl8-1.png" alt="ภาพ 5">
      </div>
    </section>

    <!-- กล่องที่ 3: เนื้อหา -->
    <section class="pj-card pj-content">
      <p style="text-align:center;">
      <img src="https://img5.pic.in.th/file/secure-sv1/1393c7135a482122d13e73dc482504c0171d25535ab9b-0tpXTr_fw658webp-1.md.png" width="500" alt="">
      </p>
      <p style="text-align: center;">

<font size="5" style="color: rgb(205, 133, 63);">【</font><font style="color: rgb(205, 133, 63); font-size: xx-large;"> </font><b style="font-size: xx-large; letter-spacing: 0.36px;"><font color="#a0522d" style="" face="TH Srisakdi">Inter bella et gloriam, requies est victoria animi</font><font color="#cd853f" style="font-family: "TH Charmonman";"> </font></b><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" style="color: rgb(205, 133, 63);"><span style="letter-spacing: 0.36px;"><b></b></span></font><font size="5" style="color: rgb(205, 133, 63);">】</font></p><p style="text-align: left;"><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#cd853f"><span style="letter-spacing: 0.36px;"><b style="">         ห้องนั่งเล่นของกองร้อยที่ 2 แห่งค่ายจูปิเตอร์แห่งนี้ถูกตกแต่งอย่างสง่างามและเต็มไปด้วยกลิ่นอายของอารยธรรมโรมันโบราณ ผนังหินอ่อนสีขาวขลับตัดกับเสาโครินเธียนสูงตระหง่านที่รับน้ำหนักโถงเพดานอันโอ่อ่า ประดับด้วยจิตรกรรมฝาผนังเล่าเรื่องราววีรกรรมทหารโรมันในสนามรบ </b></span></font></p><p style="text-align: left;"><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#cd853f"><span style="letter-spacing: 0.36px;"><b style=""><br></b></span></font></p><p style="text-align: left;"><b style="color: rgb(205, 133, 63); font-family: Thasadith, Kanit, system-ui, -apple-system, sans-serif; font-size: large; letter-spacing: 0.36px;">         </b><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#cd853f"><span style="letter-spacing: 0.36px;"><b style="">ด้านบนสุดแขวนธงผ้าสีแดงสดจารึกคำว่า SPQR สัญลักษณ์แห่งอำนาจและเกียรติของโรม ข้างใต้ธงเหล่านั้นคือชั้นวางหนังสือไม้เข้มสูงจรดเพดาน เต็มไปด้วยตำรายุทธศาสตร์และตำราภาษาละตินเก่าแก่

ตรงกลางห้องวางชุดโซฟาผ้าสีครีมนุ่มนั่งสบาย รายล้อมด้วยโต๊ะไม้กลมเตี้ยและหมอนขนาดใหญ่ในโทนหนังน้ำตาล </b></span></font><b style="letter-spacing: 0.36px; color: rgb(205, 133, 63); font-family: Thasadith, Kanit, system-ui, -apple-system, sans-serif;"><font size="4">ข้างผนังมีต้นมะกอกประดับในอ่างดินเผา ให้ความรู้สึกเหมือนอยู่ใจกลางวิหารของกรุงโรม </font></b></p><p style="text-align: left;"><b style="letter-spacing: 0.36px; color: rgb(205, 133, 63); font-family: Thasadith, Kanit, system-ui, -apple-system, sans-serif;"><font size="4"><br></font></b></p><p style="text-align: left;"><b style="color: rgb(205, 133, 63); font-family: Thasadith, Kanit, system-ui, -apple-system, sans-serif; font-size: large; letter-spacing: 0.36px;">         </b><b style="letter-spacing: 0.36px; color: rgb(205, 133, 63); font-family: Thasadith, Kanit, system-ui, -apple-system, sans-serif;"><font size="4">และที่เด่นที่สุดคือโล่ทองคำขนาดใหญ่ </font><font size="2">(รู้แล้วสินะว่าเงินกองร้อยหายไปไหนหมด)</font><font size="4"> ฝังอยู่กลางผนังไม้สลักด้านหลังเป็นตราสัญลักษณ์ของกองร้อยที่ 2 อันน่าภาคภูมิใจ</font></b></p><p style="text-align: center;"><img src="https://img2.pic.in.th/pic/-20_20250918041914-1.md.png" width="400" _height="145" border="0"></p>


<p></p>
    </section>

</div>
</div>

<!-- ★ เดิมมีสไตล์ img:hover ที่ไปกระทบทุกภาพ
   → จำกัดเฉพาะภาพในเนื้อหา (.pj-content) เพื่อไม่ให้รบกวนกริด -->
<style>
.pj-content img{
-webkit-transition: all .8s ease-out;
transition: all .8s ease-out;
border: none;
padding: 5px 0; /* ไม่ดันเลย์เอาต์ */
background: transparent;
}
.pj-content img:hover{
box-shadow:
    inset 255px 0 1px #E8C374,
    inset -255px 0 1px #8A6F37;
}
</style>




<style type="text/css">
img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
img:hover{
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter: none;;}
@-moz-keyframes shake /* Firefox*/
{
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform:translate(0px, 2px) rotate(0deg); }
40% { -moz-transform:translate(1px, -1px) rotate(1deg); }
50% { -moz-transform:translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform:translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform:translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform:translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform:translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes shake /* IE9*/
{
10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake /* Safari and Chrome */
{
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}</style>

Dean โพสต์ 2025-9-25 06:46:05

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-25 15:29

หุบเขาโซโนม่า (รีโนเวท)

<div align="center" style="list-style-type: none;">
      
<style>
#boxsystems01 {
    border-radius: 0px;
    border: 5px double #405955;
    padding: 3px;
    box-shadow: #e7c471 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/217546363.png");}
</style>
            
<style>
#boxsystems02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #e7c471;
    padding: 50px;
    box-shadow: #405955 0px 0px 20px;
    background-attachment:fixed;
    background-color: #405955;}
</style>
            
            
<style>
#boxsystems03 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #708090 5px 5px 10px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>

<style>
#boxsystems04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #e7c471;
    }
</style>
            
            
<div id="boxsystems01"> <p><font size="3"><br></font></p><p><font size="3"><br></font></p><p><font size="3"><br></font></p><p><span class="shadow"><font face="Georgia" size="7" color="#405955">Sonoma Valley</font></span></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font face="Sarabun"><br><font size="2" color="#a0522d">⋘ หุบเขาโซโนม่า ⋙</font></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font size="3"><br></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font size="3"><br></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><br></p><div class="image-container"><iframe width="900" height="508" src="https://www.youtube.com/embed/QOLTfZPp3Xs?autoplay=1&loop=1&playlist=QOLTfZPp3Xs" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" style="font-family: Sarabun; font-size: small;"></iframe><br><br></div><div id="boxsystems02"><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#e7c471">หุบเขาโซโนม่า</font></span><font size="4" style=""><font color="#c0c0c0">
</font><font color="#f4a460">แหล่งกำเนิดไวน์และตำนานแห่งแคลิฟอร์เนีย</font></font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="4" style="color: rgb(192, 192, 192);"><br></font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">               หุบเขาโซโนมาตั้งอยู่ทางตะวันออกเฉียงใต้ของมณฑล</font><b style=""><font color="#f5deb3">โซโนมา รัฐแคลิฟอร์เนีย</font></b><font color="#c0c0c0"> เป็นดินแดนที่ขึ้นชื่อว่าเป็น </font><b style=""><font color="#f5deb3">แหล่งกำเนิดอุตสาหกรรมไวน์ของรัฐ</font><font color="#fffacd"> </font></b><font color="#c0c0c0">โดยมีประวัติศาสตร์การปลูกองุ่นและทำไวน์มาอย่างยาวนานกว่า 170 ปี</font></span></font></div><div style="text-align: left;"><br></div><div style="text-align: left;"><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_30e9be1f8c6d612579281a43904f7790_202ef1da_1280.png" width="640" _height="75" border="0"></div><div style="text-align: center;"><br></div><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><i><b><font size="4" color="#f4a460"><font face="Sarabun" style=""><span style="white-space-collapse: preserve;">เสน่ห์ของหุบเขาแห่งนี้ </span></font><span style="font-family: Sarabun; white-space-collapse: preserve;"> </span></font></b></i></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">            </span><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><font color="#e7c471"> </font></span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#e7c471">แหล่งผลิตไวน์ระดับโลก:</font></b><font color="#c0c0c0"> โซโนมามีภูมิอากาศแบบเมดิเตอร์เรเนียนที่เหมาะแก่การปลูกองุ่น โดยเฉพาะองุ่นพันธุ์ </font><b style=""><font color="#f5deb3">Zinfandel</font></b><font color="#c0c0c0"> และ </font><b style=""><font color="#f5deb3">Cabernet Sauvignon</font></b><font color="#c0c0c0"> ที่เติบโตได้ดีในพื้นที่ภูเขา และพันธุ์ </font><b style=""><font color="#f5deb3">Pinot Noir</font></b><font color="#c0c0c0"> และ </font><b style=""><font color="#f5deb3">Chardonnay</font></b><font color="#c0c0c0"> ที่เติบโตได้ดีในบริเวณที่มีอากาศเย็นกว่าจากลมทะเล ในหุบเขามีโรงบ่มไวน์และห้องชิมไวน์มากกว่า 100 แห่ง โดยส่วนใหญ่ยังคงเป็นธุรกิจที่บริหารโดยครอบครัว </font></span></font><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span></div><div style="text-align: left;"><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><br></span></div><div style="text-align: left;"><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#e7c471"><b style="">ทิวทัศน์ที่หลากหลาย:</b> </font><font color="#c0c0c0">หุบเขาโซโนมาทอดยาวกว่า 17 ไมล์ ตั้งอยู่ระหว่างเทือกเขา </font><b style=""><font color="#f5deb3">Mayacamas</font></b><font color="#c0c0c0"> และ </font><b style=""><font color="#f5deb3">Sonoma</font></b><font color="#c0c0c0"> โดยมีภูมิประเทศที่หลากหลาย ตั้งแต่ทุ่งหญ้าและที่ราบไปจนถึงเนินเขาเล็ก ๆ และเทือกเขาที่สลับซับซ้อน </font></span></font><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#e7c471"><b style="">ประวัติศาสตร์อันยาวนาน:</b> </font><font color="#c0c0c0">หุบเขาแห่งนี้มีชื่อเสียงในฐานะ </font><b style=""><font color="#f5deb3">"หุบเขาแห่งดวงจันทร์"</font></b><font color="#c0c0c0"> ตามตำนานของชาวพื้นเมือง และยังเป็นสถานที่ก่อตั้ง </font><b style=""><font color="#f5deb3">Mission San Francisco Solano</font></b><font color="#c0c0c0"> ซึ่งเป็นมิชชันนารีแห่งสุดท้ายของสเปนในแคลิฟอร์เนีย นอกจากนี้ ยังเป็นสถานที่ที่มีความสำคัญทางประวัติศาสตร์การเมือง เพราะเคยเป็นจุดที่เกิดการปฏิวัติของชาวอเมริกันต่อต้านการปกครองของเม็กซิกันในปี ค.ศ. 1846 </font></span></font><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#e7c471">แหล่งท่องเที่ยวที่น่าสนใจ:</font></b><font color="#c0c0c0"> นอกจากไวน์แล้ว โซโนมายังมีสถานที่ท่องเที่ยวที่น่าสนใจอีกมากมาย เช่น </font><b style=""><font color="#f5deb3">Sonoma Plaza</font></b><font color="#c0c0c0"> ซึ่งเป็นจัตุรัสกลางเมืองที่มีขนาดใหญ่ที่สุดแห่งหนึ่งของแคลิฟอร์เนีย, </font><b style=""><font color="#f5deb3">Jack London State Historic Park</font></b><font color="#c0c0c0"> ซึ่งเป็นบ้านและไร่ของนักเขียนชื่อดังและเป็นบุตรแห่งเมอร์คิวรี่ และเส้นทางเดินป่าในอุทยานแห่งรัฐต่าง ๆ ที่มอบทิวทัศน์อันงดงามของหุบเขา</font></span></font></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div>

<center>
<div class="gallery-container">
    <img src="https://img2.pic.in.th/pic/imagecf49a1a4660429ee.png?bear,seed=0" alt="Sonoma Valley">
    <img src="https://img5.pic.in.th/file/secure-sv1/image0aad1d757aab7741.png?bear,seed=100" alt="Sonoma Valley">
    <img src="https://img5.pic.in.th/file/secure-sv1/image778fd9a471a93c61.png?bear,seed=200" alt="Sonoma Valley">
    <img src="https://img5.pic.in.th/file/secure-sv1/imaged017067eb736513d.png?bear,seed=200" alt="Sonoma Valley">
    <img src="https://img2.pic.in.th/pic/imagee1ae864c6d324a6a.png?bear,seed=200" alt="Sonoma Valley"></div></center></div><br><br><br></div>
            
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/imagebb3860376ae0aeb9.png"); background-attachment:fixed; }</style>
         
      
   

<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#f2e8c5!important; }
::-webkit-scrollbar-track-piece:increment { background:#f2e8c5!important; }
::-webkit-scrollbar-button{ background:#f2e8c5!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#182b31!important; border-top:5px solid #e2be5d;border-bottom:5px solid #e2be5d; }
::-webkit-scrollbar-thumb:hover{ background: #e2be5d!important; border-top:5px solid #182b31; border-bottom:5px solid #182b31; }</style>





<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}</style>



<style type="text/css">
*::selection{
background:#182b31;/* สีพื้นหลัง */
color:#e2be5d ;}            /* สีตัวหนังสือ */
*::-moz-selection{
background:#182b31;/* สีพื้นหลัง */
color:#e2be5d;}            /* สีตัวหนังสือ */
*::-webkit-selection{
background:#182b31;/* สีพื้นหลัง */
color:#e2be5d;}            /* สีตัวหนังสือ */
</style>





<style>
.gallery-container {
clear: both; /* เคลียร์ element ที่ float ไว้ข้างบน */
float: none !important; /* ยกเลิก float ถ้ามี */
position: static !important;/* ยกเลิก absolute/fixed ถ้ามี */
width: 800px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}

img {
--brightness: 1;
--grayscale: 0.7;
transition: flex var(--transition), filter var(--transition);
height: 100%;
filter: grayscale(var(--grayscale)) brightness(var(--brightness));
object-fit: cover;
overflow: hidden;
margin: 0px;
flex: 1;
}

img:hover {
--brightness: 1;
--grayscale: 0;
flex: var(--magnifier);
-webkit-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style></div>

Dean โพสต์ 2025-9-25 14:12:29

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-25 15:26

ห้องอาบน้ำบ้านหมาป่า (รีโนเวท)

<div align="center" style="list-style-type: none;">
      
<style>
#box01 {
    border-radius: 0px;
    border: 10px solid #554b49;
    padding: 3px;
    box-shadow: #554b49 inset 0px 0px 3em;
    background-attachment:fixed;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/image7d59bfc68611eebd.png");}
</style>
            
<style>
#box02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #e0d096;
    padding: 50px;
    box-shadow: #554b49 0px 0px 20px;
    background-image: url("https://img2.pic.in.th/pic/white75.png");}
</style>
            
            
<style>
#box03 {
    width: 300px;
    border-radius: 20px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 0px 0px 0px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/tumblr_f46bb3a5859eba15ae218c11f8b52585_e49e6708_640.gif");}
</style>

<style>
#box04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #a99185;
    }
</style>
            
            
<div id="box01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="box02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#343434"><b style="">Bathroom</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#808080">⋘ ห้องอาบน้ำบ้านหมาป่า ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_f46bb3a5859eba15ae218c11f8b52585_e49e6708_640.gif" width="640" _height="40" border="0"><font face="Sarabun" size="3"></font></p>



<div class="image-container">
<img src="https://i.imgur.com/A2fg72M.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/BUPHzir.png" alt="รูปรอง">
</div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_f46bb3a5859eba15ae218c11f8b52585_e49e6708_640.gif" width="640" _height="40" border="0"><font face="Sarabun" size="2"><br><font color="#808080">⋘ คลิกที่รูปภาพเพื่อมองผ่านหมอกบังตา ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="color: rgb(108, 87, 106);"><font face="Sarabun" size="2"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/tumblr_b52b2c71bf8bd30e376452109305b121_2288f3e0_2048.png" width="512" _height="41" border="0"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><span class="shadow" style="color: rgb(52, 52, 52); font-size: x-large;">ห้องอาบน้ำบ้านหมาป่า
</span><font size="4" style="" color="#808080">ชำระล้างร่างกาย...และวิญญาณ</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/tumblr_b52b2c71bf8bd30e376452109305b121_2288f3e0_2048.png" width="512" _height="41" border="0"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font color="#343434">
</font><font size="4">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ท่ามกลางซากปรักหักพังอันเยือกเย็นและบรรยากาศของการฝึกฝนที่โหดร้ายของบ้านหมาป่า ห้องอาบน้ำแห่งนี้ไม่ได้เป็นเพียงสถานที่ชำระล้างร่างกาย แต่เป็นสถานที่ที่ความเหนื่อยล้าถูกพัดพาไป และจิตใจเตรียมพร้อมสำหรับวันใหม่ที่เต็มไปด้วยบททดสอบ ที่นี่ไม่ใช่ห้องน้ำที่หรูหราสะดวกสบาย แต่เป็นพื้นที่ที่ดิบกระด้าง สะท้อนถึงชีวิตของเหล่าเดมิก็อดที่ต้องพึ่งพาทุกสิ่งที่มีอยู่</span></font></div><div style="text-align: left;"><br></div><div style="text-align: left;"><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">            <b> </b></span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#97725a">ความเรียบง่ายที่จำเป็น:</font></b> ห้องอาบน้ำแห่งนี้อาจจะประกอบด้วยอ่างหินหรืออ่างไม้ขนาดใหญ่สำหรับอาบรวม หรืออาจจะเป็นฝักบัวแบบง่ายๆ ที่ทำขึ้นจากท่อเก่าๆ น้ำอาจจะเย็นจัด หรือถูกต้มด้วยวิธีดั้งเดิมเพื่อให้น้ำอุ่นพอใช้ ความเรียบง่ายและขาดแคลนสิ่งอำนวยความสะดวกเป็นส่วนหนึ่งของการฝึกฝน ที่สอนให้เดมิก็อดปรับตัวและแข็งแกร่ง</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#97725a">แสงสลัวและเสียงสะท้อน:</font></b> แสงสว่างอาจเล็ดลอดเข้ามาจากช่องว่างบนผนังหรือหลังคาที่พังทลาย สร้างเงาที่เต้นระบำไปตามผนังหินที่ชื้นแฉะ เสียงหยดน้ำ เสียงลม หรือเสียงการเคลื่อนไหวของเพื่อนร่วมฝึกสะท้อนก้องไปมา สร้างบรรยากาศที่ทั้งสงบแต่ก็แฝงไว้ด้วยความไม่ปลอดภัย</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#97725a">สถานที่แห่งการปลดเปลื้อง:</font></b> หลังจากวันอันยาวนานของการฝึกฝนและการต่อสู้ ห้องอาบน้ำคือที่ที่เดมิก็อดจะได้ปลดเปลื้องเหงื่อไคล ฝุ่นดิน และคราบเลือด ห้องอาบน้ำแห่งนี้เป็นเหมือนพิธีกรรมเล็กๆ ในแต่ละวัน ที่ช่วยชำระร่างกายและจิตใจให้พร้อมรับมือกับความท้าทายใหม่ ๆ</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#97725a">ร่องรอยของการดำรงอยู่:</font></b> ผนังอาจมีตะไคร่น้ำขึ้น หรือรอยขูดขีดที่เกิดจากเดมิก็อดรุ่นก่อน ๆ เป็นสัญลักษณ์ของการมีอยู่และการจากไปของผู้คนที่เคยมาเยือนสถานที่แห่งนี้ บางครั้งอาจมีเครื่องใช้ส่วนตัวแบบเรียบง่ายวางทิ้งไว้ เป็นการบอกเล่าเรื่องราวเล็กๆ น้อยๆ ของผู้ใช้งาน</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#97725a"><b>ความโดดเดี่ยวหรือความเป็นกลุ่ม:</b> </font>ขึ้นอยู่กับขนาดของห้อง อาจเป็นพื้นที่ที่เดมิก็อดสามารถหาช่วงเวลาแห่งความโดดเดี่ยว หรือเป็นพื้นที่ที่พวกเขารวมตัวกันก่อนที่จะกลับไปรวมกลุ่มกันเพื่อเตรียมพร้อมสำหรับการนอนหลับและความระมัดระวัง</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
               ห้องอาบน้ำในบ้านหมาป่าจึงไม่ใช่แค่ห้องสุขา แต่เป็น <b><font color="#97725a">พื้นที่แห่งการฟื้นฟู</font> </b>ที่ซึ่งร่างกายที่อ่อนล้าได้รับการชำระล้าง และจิตใจได้รับการเตรียมพร้อม ที่นี่เป็นส่วนหนึ่งที่สำคัญของชีวิตในบ้านหมาป่า ที่หล่อหลอมให้เดมิก็อดเป็นนักรบที่แข็งแกร่งและอดทน ไม่ว่าสิ่งแวดล้อมจะดิบกระด้างเพียงใด การอาบน้ำในบ้านหมาป่าคืออีกหนึ่งบททดสอบที่จะสร้างความแกร่งให้พวกเขา</span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><br></font></div>

<center>
<div id="box03"><font size="5" face="Kanit" color="#97725a"><b style=""> +30 พลังงาน</b></font></div>
</center>

<div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><br></div></span></font></div><p><font color="#fff" style="">
<font color="#fff" style="">
   
            
</font>
            
</font></p><font color="#fff" style="">
            
            
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
            
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/stone-floor-texture.jpg"); background-attachment:fixed; }</style>
         
      
   
   
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#ececed!important; }
::-webkit-scrollbar-track-piece:increment { background:#ececed!important; }
::-webkit-scrollbar-button{ background:#ececed!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#baa191!important; border-top:5px solid #6a5148;border-bottom:5px solid #6a5148; }
::-webkit-scrollbar-thumb:hover{ background: #6a5148 !important; border-top:5px solid #baa191; border-bottom:5px solid #baa191; }</style>

         
   
</font>





<style>
a:link {
    color: #3c3c3c; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
    color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
}
a:hover {
    color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>


<style>
.image-container {
position: relative;
width: 668px;   /* ขนาดรูป */
height: 365px;
overflow: hidden;
}

.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}

/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}

/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>

Dean โพสต์ 2025-9-25 15:25:01

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-25 16:10

ห้องสมุดบ้านหมาป่า (รีโนเวท)

<div align="center" style="list-style-type: none;">
      
<style>
#box01 {
    border-radius: 0px;
    border: 10px solid #241009;
    padding: 3px;
    box-shadow: #241009 inset 0px 0px 3em;
    background-image: url("https://img2.pic.in.th/pic/image041d2fdccbb093f7.png");}
</style>
            
<style>
#box02 {
    width: 800px;
    border-radius: 0px;
    border: 2px dotted #e3b481;
    padding: 50px;
    box-shadow: #000 0px 0px 20px;
    background-image: url("https://img2.pic.in.th/pic/black88.png");}
</style>
            
            
<style>
#box03 {
    width: 300px;
    border-radius: 20px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 0px 0px 0px;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/tumblr_f46bb3a5859eba15ae218c11f8b52585_e49e6708_640.gif");}
</style>

<style>
#box04 {
    width: 500px;
    border-radius: 0px;
    border: 0px double #000;
    padding: 50px;
    box-shadow: #4d4d4d 5px 5px 10px;
    background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>


<style>
    .shadow {
      text-shadow: 1px 1px 5px #e3b481;
    }
</style>
            
            
<div id="box01">
   <p><br></p><p><br></p><p><br></p>
            
            
            
            
<div id="box02">
   <p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#f9e2ca"><b style="">Library</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun" color="#cc8a51"><br>⋘ ห้องสมุดบ้านหมาป่า ⋙</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_687e91bd367f404b447ee0dfe6eb3130_f54230f7_640.gif" width="640" _height="40" border="0"><font face="Sarabun" size="3"></font></p>



<div class="image-container">
<img src="https://i.imgur.com/6CcB7zw.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/odwnI3h.png" alt="รูปรอง">
</div>

<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_687e91bd367f404b447ee0dfe6eb3130_f54230f7_640.gif" width="640" _height="40" border="0"><font face="Sarabun" size="2"><br><font color="#808080">⋘ คลิกที่รูปภาพเพื่อมองผ่านหมอกบังตา ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="color: rgb(108, 87, 106);"><font face="Sarabun" size="2"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img2.pic.in.th/pic/tumblr_b52b2c71bf8bd30e376452109305b121_2288f3e0_2048.png" width="512" _height="41" border="0"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span class="shadow" style="white-space-collapse: preserve; font-weight: bold; font-size: x-large;"><font color="#f9e2ca">ห้องสมุดบ้านหมาป่า</font></span><span class="shadow" style="white-space-collapse: preserve; font-weight: bold; color: rgb(52, 52, 52); font-size: x-large;">
</span><font size="4" color="#cc8a51"><span style="white-space-collapse: preserve;"><b style="">ขุมทรัพย์แห่งความรู้ที่ถูกซ่อนในซากปรักหักพัง</b></span></font><b style="white-space-collapse: preserve;"></b></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font color="#c0c0c0"><img src="https://img2.pic.in.th/pic/tumblr_b52b2c71bf8bd30e376452109305b121_2288f3e0_2048.png" width="512" _height="41" border="0"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style="">
<font size="4">
</font></b></span></font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#c0c0c0"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">               </span></font><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#c0c0c0">ท่ามกลางซากปรักหักพังและกลิ่นอายของความเก่าแก่ของบ้านหมาป่า มีเพียงมุมหนึ่งที่ยังคงยืนหยัดอย่างเงียบสงบ นั่นคือ </font><b style=""><font color="#cc8a51">ห้องสมุด</font></b><font color="#c0c0c0"> ไม่ใช่ห้องสมุดที่โอ่อ่าทันสมัยเฉกเช่นในโลกภายนอก แต่เป็นขุมทรัพย์แห่งความรู้ที่ถูกซ่อนเร้นไว้สำหรับเหล่าเดมิก็อดและทายาทเทพเจ้าโรมัน ที่นี่ยังคงเป็นแหล่งรวมตำนาน ประวัติศาสตร์ และศาสตร์แห่งการเอาชีวิตรอดที่หาไม่ได้จากที่อื่น</font></span></font></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: left;"><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#cc8a51">ความขัดแย้งระหว่างอดีตกับปัจจุบัน: </font></b><font color="#c0c0c0">ห้องสมุดแห่งนี้อาจไม่ได้ถูกปรับปรุงให้ทันสมัย แต่กลับเต็มไปด้วยหนังสือเก่าคร่ำคร่า ม้วนกระดาษโบราณ และแผนที่ที่ซีดจาง แสงสลัวๆ อาจเล็ดลอดเข้ามาจากช่องหน้าต่างที่แตกหัก สะท้อนเงาของฝุ่นที่ลอยอยู่ในอากาศ สร้างบรรยากาศขลังที่ตัดกันอย่างสิ้นเชิงกับโลกดิจิทัลภายนอก</font></span></font></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#cc8a51">คลังแห่งภูมิปัญญาโบราณ:</font></b><font color="#c0c0c0"> ที่นี่เก็บรวบรวมตำราเกี่ยวกับเทพเจ้าโรมัน ประวัติศาสตร์ของจักรวรรดิโรมันตั้งแต่ยุครุ่งเรืองจนถึงการล่มสลาย ตำนานวีรบุรุษผู้ยิ่งใหญ่ และที่สำคัญที่สุดคือตำราเกี่ยวกับสัตว์ประหลาด เวทมนตร์ และวิธีเอาชีวิตรอดในสถานการณ์คับขัน ซึ่งทั้งหมดนี้ล้วนเป็นความรู้ที่ไม่สามารถหาได้จากอินเทอร์เน็ต</font></span></font></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><font color="#c0c0c0">            </font><b style=""><font color="#cc8a51"> </font></b></span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#cc8a51">แหล่งหลบภัยอันเงียบสงบ: </font></b><font color="#c0c0c0">สำหรับเดมิก็อดหลายคน ห้องสมุดแห่งนี้ไม่ใช่แค่แหล่งความรู้ แต่เป็นสถานที่ที่พวกเขาสามารถหลีกหนีจากความวุ่นวายของการฝึกฝนที่โหดร้าย ได้ใช้เวลาครุ่นคิด วางแผน หรือเพียงแค่พักผ่อนท่ามกลางความเงียบสงบของหนังสือโบราณ อาจมีบางคนแอบนำอุปกรณ์อิเล็กทรอนิกส์ที่พอจะใช้งานได้เข้ามาอ่านข้อมูลเพิ่มเติม แต่โดยรวมแล้ว ที่นี่คือเขตปลอดเทคโนโลยี</font></span></font></div><div style="text-align: left;"><font color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">
</span></font><span style="color: rgb(192, 192, 192); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">               </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#cc8a51">ร่องรอยของนักสำรวจ:</font></b><font color="#c0c0c0"> บางครั้งอาจพบเศษกระดาษที่หล่นอยู่กับพื้น หรือรอยขีดเขียนในตำราเก่าที่ถูกทิ้งไว้โดยเดมิก็อดรุ่นก่อนๆ เป็นร่องรอยของการค้นคว้า การเรียนรู้ และการผจญภัยที่เคยเกิดขึ้นที่นี่ ทำให้ห้องสมุดแห่งนี้ไม่เป็นเพียงแค่ที่เก็บหนังสือ แต่เป็นประจักษ์พยานของการเดินทางของเหล่าวีรบุรุษ</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><br></div></span></font></div><p><font color="#fff" style="">
<font color="#fff" style="">
   
            
</font>
            
</font></p><font color="#fff" style="">
            
            
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
            
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/2cfe22e36911eecc7a5c4d7afd46be8b.jpg"); background-attachment:fixed; background-size:cover; }</style>
         
      
   
   
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#241009!important; }
::-webkit-scrollbar-track-piece:increment { background:#241009!important; }
::-webkit-scrollbar-button{ background:#241009!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#e9bc8b!important; border-top:5px solid #8a5731;border-bottom:5px solid #8a5731; }
::-webkit-scrollbar-thumb:hover{ background: #8a5731 !important; border-top:5px solid #e9bc8b; border-bottom:5px solid #e9bc8b; }</style>

         
   
</font>





<style>
a:link {
    color: #3c3c3c; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
    color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
}
a:hover {
    color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>


<style>
.image-container {
position: relative;
width: 668px;   /* ขนาดรูป */
height: 365px;
overflow: hidden;
}

.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}

/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}

/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>

ดูในรูปแบบกติ: [ห้องเสนอสร้างสถานที่ภายในค่าย]