แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-25 21:47
สนามฝึกบ้านหมาป่า (รีโนเวท)
<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-attachment:fixed;
background-size:cover;
background-image: url("https://img2.pic.in.th/pic/imageaff278d96cae4e06.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: 500px;
border-radius: 20px;
border: 0px double #000;
padding: 10px;
box-shadow: #4d4d4d 0px 0px 0px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/tumblr_687e91bd367f404b447ee0dfe6eb3130_f54230f7_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="">Training Ground</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/vOcK5Cj.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/vOcK5Cj.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></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 color="#cc8a51" size="4"><span style="white-space-collapse: preserve;"><b>สมรภูมิแห่งการหลอมรวมจิตวิญญาณ</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;"><font color="#c0c0c0"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="4"><br></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="#f4a460">ลานฝึก</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: left;"><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_3d10f58c5e73eddc1824a6ee5028d6e3_463afe78_1280.png" width="640" _height="24" border="0"></div><div><font face="Sarabun"><span style="white-space-collapse: preserve;"><font color="#c0c0c0" style="font-size: medium;"><br></font></span></font></div><div><font face="Sarabun"><span style="white-space-collapse: preserve;"><font color="#c0c0c0" style="font-size: medium;">
</font><div style="text-align: center;"><center><div id="box03"><b><i><font color="#c68d62" size="5">บรรยากาศของลานฝึก</font></i></b></div></center></div></span></font></div><div><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 color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ภาพของลานฝึกแห่งนี้ยังคงเต็มไปด้วยร่องรอยของการต่อสู้ ดินที่ถูกเหยียบย่ำ เศษซากของสิ่งก่อสร้างที่พังทลาย และกลิ่นอายของความเหนื่อยล้าและความมุ่งมั่น ท่ามกลางธรรมชาติอันรกร้างที่โอบล้อม ลานฝึกแห่งนี้คือบทพิสูจน์ที่แท้จริงว่าใครคู่ควรที่จะก้าวไปข้างหน้า และใครจะต้องพ่ายแพ้ไปพร้อมกับเสียงคำรามของหมาป่าผู้ปกครอง ผู้ที่ยังคงทำหน้าที่อย่างไม่เปลี่ยนแปลง แม้โลกภายนอกจะก้าวเข้าสู่ยุคดิจิทัลแล้วก็ตาม ที่นี่คือสะพานเชื่อมระหว่างอดีตและปัจจุบัน ระหว่างตำนานกับความเป็นจริงของเดมิก็อดรุ่นใหม่</span></font></div><div><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><br></div></span></font></div></div><div style="text-align: left;"><div style="text-align: center;"><font size="3" face="Sarabun"><br><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_3d10f58c5e73eddc1824a6ee5028d6e3_463afe78_1280.png" width="640" _height="24" border="0"><br><br><br></font></div><div style="text-align: center;"></div><font face="Sarabun"><span style="white-space-collapse: preserve;"><div style="text-align: center;"><center><div id="box03" style=""><b style=""><i style=""><font style="" color="#c68d62" size="5">ความสำคัญของลานฝึกในยุคปัจจุบัน</font></i></b></div></center></div></span></font><font face="Sarabun"><span style="white-space-collapse: preserve;"><font size="3" style="color: rgb(192, 192, 192);"><br></font></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="#f4a460">บททดสอบแรกสุดที่ไม่เคยเปลี่ยน:</font></b><font color="#c0c0c0"> แม้กาลเวลาจะผันผ่าน เดมิก็อดทุกคนยังคงต้องผ่านการ </font><b style=""><font color="#fffacd">"โพรบาชิโอ"</font></b><font color="#c0c0c0"> ณ ลานแห่งนี้ ก่อนจะก้าวเข้าสู่ค่ายจูปิเตอร์อันยิ่งใหญ่ ภายใต้สายตาอันเฉียบคมของ </font><b style=""><font color="#fffacd">เทพีลูปา </font></b><font color="#c0c0c0">หมาป่าศักดิ์สิทธิ์ผู้เป็นทั้งครูฝึกและผู้พิพากษา ที่นี่ไม่มีความอ่อนโยน มีแต่การทดสอบความแข็งแกร่ง ความกล้าหาญ และสัญชาตญาณดิบแห่งการเอาชีวิตรอด ไม่ว่าพวกเขาจะมาจากครอบครัวที่ทันสมัยแค่ไหน การฝึกฝนที่นี่จะพาพวกเขาย้อนกลับไปสู่รากฐานแห่งการเป็นนักรบโรมัน
<br></font></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="#f4a460">สนามรบเพื่อการเรียนรู้ในบริบทใหม่:</font></b><font color="#c0c0c0"> ลานฝึกแห่งนี้ยังคงเป็นที่ที่เดมิก็อดจะได้เรียนรู้ทักษะการต่อสู้ขั้นพื้นฐาน การใช้ดาบ โล่ หอก และอาวุธอื่น ๆ รวมถึงยุทธวิธีการเอาตัวรอดจากสัตว์ประหลาดในตำนาน การฝึกฝนที่นี่จะหนักหน่วงและไร้ปรานี เพื่อให้พวกเขากลายเป็นทหารที่แกร่งกล้าของโรมันอย่างแท้จริง แม้โลกภายนอกจะมีเทคโนโลยีล้ำสมัย แต่ที่นี่ เน้นการใช้กำลังกายและไหวพริบดั้งเดิม
<br></font></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="#f4a460">ปลุกสัญชาตญาณหมาป่าท่ามกลางความเปลี่ยนแปลง:</font></b><font color="#c0c0c0"> ภายใต้การดูแลของลูปา เดมิก็อดจะยังคงถูกสอนให้คิดและเคลื่อนไหวเหมือนหมาป่า พวกเขาจะเรียนรู้การทำงานเป็นฝูง การล่า การป้องกัน และการพึ่งพาซึ่งกันและกัน ซึ่งเป็นหัวใจสำคัญของความเป็นโรมัน ไม่ว่าพวกเขาจะเคยชินกับการสื่อสารผ่านสมาร์ทโฟนหรือการใช้ชีวิตในเมืองใหญ่แค่ไหน ที่นี่คือการกลับไปสู่สัญชาตญาณดิบที่ถูกฝังลึก
<br></font></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="#f4a460">แหล่งกำเนิดตำนาน:</font></b><font color="#c0c0c0"> ลานฝึกแห่งนี้เป็นที่ที่วีรบุรุษหลายคนเริ่มต้นการเดินทาง รวมถึง </font><b style=""><font color="#fffacd">เจสัน เกรซ</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><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/imageaff278d96cae4e06.png"); 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>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-9-25 22:46
สนามหญ้าบ้านหมาป่า (รีโนเวท)
<div align="center" style="list-style-type: none;">
<style>
#box01 {
border-radius: 0px;
border: 10px solid #9cbf7c;
padding: 3px;
box-shadow: #241009 inset 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img5.pic.in.th/file/secure-sv1/image7eba511038f263387d1dcf3046c8d85f.png");}
</style>
<style>
#box02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #d0d596;
padding: 50px;
box-shadow: #000 0px 0px 20px;
background-image: url("https://img2.pic.in.th/pic/dark-blue-85.png");}
</style>
<style>
#box03 {
width: 500px;
border-radius: 20px;
border: 0px double #000;
padding: 10px;
box-shadow: #4d4d4d 0px 0px 0px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/tumblr_687e91bd367f404b447ee0dfe6eb3130_f54230f7_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 #889c7a;
}
</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="#d0d596"><b style="">Greensward</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun" color="#889c7a"><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_cb7b6cd73e9c204cd519e064cc23dbe4_3126b6af_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/j82fkRn.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/j82fkRn.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_cb7b6cd73e9c204cd519e064cc23dbe4_3126b6af_640.gif" width="640" _height="40" border="0"><font face="Sarabun" size="2"><br></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="#d0d596">สนามหญ้าข้างบ้านหมาป่า</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="#889c7a"><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;"><font color="#c0c0c0"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="4"><br></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="#889c7a">สนามหญ้า</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><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b style=""><font color="#889c7a">ความเงียบสงบที่ซ่อนเร้นพลัง: </font></b><font color="#c0c0c0">สนามหญ้าแห่งนี้อาจดูเงียบสงบ ร่มรื่นด้วยต้นไม้ใหญ่ที่แผ่กิ่งก้านสาขา แต่ภายใต้ความสงบนั้น กลับซ่อนเร้นพลังงานโบราณที่สัมผัสได้ ที่นี่คือจุดที่</font><b style="color: rgb(83, 114, 62);"> </b><b style=""><font color="#a4a86e">เฮร่า</font></b><b style="color: rgb(83, 114, 62);"> </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="#889c7a">จุดกำเนิดของแผนการร้าย:</font></b><font color="#c0c0c0"> เคยมีแผนการอันชั่วร้ายที่จะใช้เลือดของ </font><b style=""><font color="#a4a86e">เจสัน เกรซ</font></b><font color="#c0c0c0"> วีรบุรุษหนุ่ม เพื่อสาปแช่งผืนดินแห่งนี้และปลุก </font><b style=""><font color="#a4a86e">ไกอา</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="#889c7a">สถานที่แห่งการเผชิญหน้า:</font></b><font color="#c0c0c0"> สนามหญ้าแห่งนี้ยังเป็นที่ที่เจสัน เกรซ ได้เผชิญหน้ากับ </font><b style=""><font color="#a4a86e">พอร์ฟีเรียน</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="#889c7a">ความเชื่อมโยงกับธรรมชาติ</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="#889c7a">ร่องรอยแห่งอดีต: </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 color="#c0c0c0" face="Sarabun" size="3"><span style="white-space-collapse: preserve;">สนามหญ้าบริเวณข้างบ้านหมาป่าจึงไม่ใช่เพียงพื้นที่สีเขียว แต่เป็นผืนดินศักดิ์สิทธิ์ที่เต็มไปด้วยพลังงานแห่งเทพเจ้าและเรื่องราวของการต่อสู้ เป็นจุดเริ่มต้นของการผจญภัยและบทพิสูจน์ของเหล่าวีรบุรุษ ที่นี่คือสถานที่ที่ตำนานยังคงมีชีวิต และเป็นส่วนหนึ่งที่ไม่อาจแยกออกจากเรื่องราวของบ้านหมาป่าได้เลย</span></font></div><div style="text-align: left;"><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/image7eba511038f263387d1dcf3046c8d85f.png"); background-attachment:fixed; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#1a4f0d!important; }
::-webkit-scrollbar-track-piece:increment { background:#1a4f0d!important; }
::-webkit-scrollbar-button{ background:#1a4f0d!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#d7dab1!important; border-top:5px solid #65af39;border-bottom:5px solid #65af39; }
::-webkit-scrollbar-thumb:hover{ background: #65af39 !important; border-top:5px solid #d7dab1; border-bottom:5px solid #d7dab1; }</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-10-6 23:06
ห้องครัวบ้านหมาป่า (รีโนเวท)
<div align="center" style="list-style-type: none;">
<style>
#box01 {
border-radius: 0px;
border: 10px solid #653a31;
padding: 3px;
box-shadow: #653a31 inset 0px 0px 3em;
background-attachment:fixed;
background-size:cover;
background-image: url("https://img5.pic.in.th/file/secure-sv1/image6326baaef2ed8f94.png");}
</style>
<style>
#box02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #653a31;
padding: 50px;
box-shadow: #f3e9df 0px 0px 20px;
background-image: url("https://img2.pic.in.th/pic/crean70.png");}
</style>
<style>
#box03 {
width: 300px;
border-radius: 20px;
border: 0px double #000;
padding: 50px;
box-shadow: #f3e9df 0px 0px 0px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/tumblr_cb7b6cd73e9c204cd519e064cc23dbe4_3126b6af_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 #bc8231;
}
</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="#653a31"><b style="">Kitchen</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="#1a375f">⋘ ห้องครัวบ้านหมาป่า ⋙</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_cb7b6cd73e9c204cd519e064cc23dbe4_3126b6af_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/lG5S8Tf.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/SkdBP2S.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_cb7b6cd73e9c204cd519e064cc23dbe4_3126b6af_640.gif" width="640" _height="40" border="0"><font face="Sarabun" size="2"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font color="#6c576a" 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/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="#653a31">ห้องครัวบ้านหมาป่า</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="#1a375f"><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;"><font color="#c0c0c0"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="4"><br></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;"><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><font color="#613220">ศูนย์รวมชีวิต</font></b> ที่ซึ่งเหล่าเดมิก็อดและทายาทเทพเจ้าโรมันผู้ถูกทิ้งไว้กับเทพีลูปาได้มาพบปะ แบ่งปันเรื่องราว และเติมพลังกายพลังใจเพื่อเผชิญหน้ากับความท้าทายในแต่ละวัน ที่นี่เป็นมากกว่าห้องครัวทั่วไป แต่เป็นห้องแห่งการหล่อหลอมความสัมพันธ์และความหวังเล็กๆ ท่ามกลางสภาพแวดล้อมที่โหดร้าย
</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;"><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="#1a375f">ความเรียบง่ายที่ใช้งานได้จริง: </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="#1a375f">แสงสลัวและกลิ่นอายแห่งอดีต: </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="#1a375f">แหล่งรวมพลังและเรื่องราว: </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="#1a375f">ร่องรอยของการใช้งานและการดำรงอยู่: </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;"> <b><font color="#1a375f"> </font></b></span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><b><font color="#1a375f">ความหวังที่ริบหรี่:</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="#613220"><b>หัวใจที่เต้นรัวของรังหมาป่า</b></font> เป็นที่ที่ความหิวโหยได้รับการบรรเทา ความเหนื่อยล้าได้รับการพักผ่อน และจิตวิญญาณของนักรบได้รับการบ่มเพาะ ที่นี่คือที่ที่เดมิก็อดได้เรียนรู้ว่าการดำรงอยู่นั้นไม่ใช่เพียงแค่การต่อสู้ แต่คือการรวมตัว การแบ่งปัน และการรักษาประกายไฟแห่งความหวังไว้ในที่ที่มืดมิดที่สุด</span></font></div><div style="text-align: left;"><br></div>
<center>
<div id="box03"><font face="Kanit" color="#a0522d" size="5"><b style="">+30 พลังงาน
</b></font></div>
</center>
<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/image6326baaef2ed8f94.png"); background-attachment:fixed; background-size:cover; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#eaded5!important; }
::-webkit-scrollbar-track-piece:increment { background:#eaded5!important; }
::-webkit-scrollbar-button{ background:#eaded5!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#1a375f !important; border-top:5px solid #cca05e;border-bottom:5px solid #cca05e; }
::-webkit-scrollbar-thumb:hover{ background: #69402e !important; border-top:5px solid #c1976b; border-bottom:5px solid #c1976b; }</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-10-15 23:25
ย่านทราสเตเวเล่
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0px;
border: 0px double #000;
padding: 3px;
box-shadow: #aba08e 0px 0px 20px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/imagea20aab420d74da3b.png");
background-attachment:fixed;
}
</style>
<style>
#boxsystem02 {
width: 800px;
border-radius: 0px;
border: 0px dotted #ef4939;
padding: 100px;
box-shadow: #fff 0px 0px 10px;
background-color: #fff;}
</style>
<style>
#boxsystem03 {
width: 300px;
border-radius: 50px;
border: 2px dotted #3F3F3F;
padding: 20px;
box-shadow: #3F3F3F 0px 0px 2em;
background-image: url("https://img2.pic.in.th/pic/9a1b9c38a32d3867fef6192052d28359.gif");}
</style>
<style>
.shadow {
text-shadow: 0px 0px 5px #d88e55;
}
</style>
<div id="boxsystem01">
<p>
<br><br></p><p><br></p><div id="boxsystem02"><p><font face="Georgia" size="7"><b style=""><span class="shadow" style=""><font color="#8e5627">Trastevere</font></span> </b></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun"><br><font color="#d88e55">⋘ ย่านทราสเตเวเร่ ⋙</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;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://i.imgur.com/B6Blsqr.png" width="800" _height="533" border="0"><br><br></p>
<center>
<div class="gallery-container">
<img src="https://i.imgur.com/nlYQSSr.png">
<img src="https://i.imgur.com/WvafFRP.png">
<img src="https://i.imgur.com/jQxOefb.png"></div></center>
<style>
.gallery-container {
clear: both; /* เคลียร์ element ที่ float ไว้ข้างบน */
float: none !important; /* ยกเลิก float ถ้ามี */
position: static !important;/* ยกเลิก absolute/fixed ถ้ามี */
width: 800px;
height: 400px;
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>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3"><br></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3"><img src="https://img2.pic.in.th/pic/l_fall01.gif" width="297" _height="38" border="0"></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 12pt; margin-bottom: 12pt;"><font face="Sarabun"><span style="color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><font size="3"> </font></span><span style="font-size: medium; color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><span style="background-color: transparent; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b style=""><font color="#8e5627" style="" size="4">ทราสเตเวเร่ </font></b></span><span style="font-size: medium; color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">คือหัวใจที่เต้นรัวของกรุงโรม เป็นย่านเก่าแก่ที่อบอวลไปด้วยมนต์ขลังแห่งอดีต ตั้งอยู่ฝั่งตะวันตกของ</span><span style="font-size: medium; background-color: transparent; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b style=""><font color="#d88e55">แม่น้ำไทเบอร์ (Tiber River)</font></b></span><span style="font-size: medium; color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ชื่อของย่านนี้เองก็มาจากภาษาละตินที่ว่า </span><b><font color="#d88e55"><span style="font-size: medium; background-color: transparent; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">“Trans Tiberim”</span><span style="font-size: medium; background-color: transparent; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ซึ่งแปลว่า "ข้ามแม่น้ำไทเบอร์"</span></font></b><span style="font-size: medium; color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> เมื่อคุณข้ามสะพาน Ponte Sisto เข้าสู่ย่านนี้ราวกับได้ก้าวเข้าสู่เขาวงกตที่เต็มไปด้วยตรอกซอกซอยหินกรวดแคบ ๆ ที่ทอดยาวสลับซับซ้อนไปมา
</span></font><span style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;">
</span><font size="3" face="Sarabun"><span style="background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">อาคารที่นี่มีสีสันสดใสตั้งแต่สีส้มอิฐไปจนถึงสีเหลืองมัสตาร์ด และยังมีระเบียงที่ตกแต่งด้วยต้นไอวี่ ที่เลื้อยปกคลุมอย่างงดงาม ทุกมุมถนนคือภาพถ่ายที่สมบูรณ์แบบ ร้านค้าเล็ก ๆ ที่ตั้งเรียงรายจำหน่ายสินค้าหัตถกรรมอิตาเลียนแท้ ๆ ร้านเจลาโต้ที่ส่งกลิ่นหอมหวาน และร้านอาหารแบบดั้งเดิมที่เรียกว่า </span><b><font color="#d88e55"><span style="background-color: transparent; font-style: italic; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">“Trattoria”</span><span style="background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;"> </span></font></b><span style="background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; white-space-collapse: preserve;">ที่ปรุงอาหารท้องถิ่นด้วยสูตรเก่าแก่จากรุ่นสู่รุ่น
</span></font><span style="background-color: transparent; white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
</span><font size="3" face="Sarabun" style="background-color: transparent; white-space-collapse: preserve;">เสน่ห์ที่แท้จริงของทราสเตเวเร่อยู่ที่บรรยากาศยามค่ำคืน เมื่อดวงอาทิตย์ลับขอบฟ้า ย่านนี้จะกลับมามีชีวิตชีวาอีกครั้ง แสงไฟสีนวลจากโคมไฟริมทางส่องกระทบพื้นหินให้เปล่งประกาย ผู้คนมากมายออกมานั่งจิบไวน์และเบียร์ใน<b><font color="#d88e55">ลานจัตุรัสหลัก Piazza di Santa Maria in Trastevere</font></b> เสียงดนตรีจากนักดนตรีข้างถนนดังคลอเบา ๆ ผสมผสานกับเสียงหัวเราะและบทสนทนาที่สนุกสนาน
</font><span style="background-color: transparent; white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
</span><font size="3" face="Sarabun" style="background-color: transparent; white-space-collapse: preserve;">แม้จะมีผู้คนพลุกพล่าน แต่ย่านทราสเตเวเร่ก็ยังคงรักษาความเป็นชุมชนท้องถิ่นที่อบอุ่นเอาไว้ได้ คุณจะเห็นชาวโรมรุ่นเก่า ๆ นั่งพูดคุยกันหน้าบ้าน หรือเด็ก ๆ วิ่งเล่นบนถนนหินกรวดที่พวกเขาคุ้นเคยมาตั้งแต่เด็ก ย่านนี้จึงไม่ได้เป็นเพียงแค่แหล่งท่องเที่ยว แต่เป็นสถานที่ที่เต็มไปด้วยจิตวิญญาณแห่งโรมที่ยังคงหายใจอยู่ และเชื้อเชิญให้ทุกคนได้เข้ามาสัมผัสกับเสน่ห์อันเป็นเอกลักษณ์ที่ไม่สามารถหาได้จากที่อื่น
</font><span style="background-color: transparent; white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
</span><font size="3" face="Sarabun" style="background-color: transparent; white-space-collapse: preserve;">ท่ามกลางตรอกซอกซอยที่คดเคี้ยวของย่านทราสเตเวเร่ มีร้านขายของเก่าโรมันแห่งหนึ่งที่ดูเหมือนจะซ่อนตัวอยู่จากสายตาผู้คน ภายนอกเป็นเพียงฉากหน้าธรรมดา แต่เบื้องหลังประตูบานนั้นกลับซุกซ่อนความลับอันยิ่งใหญ่ไว้
</font><span style="background-color: transparent; white-space-collapse: preserve; font-family: Sarabun; font-size: medium;">
</span><font size="3" face="Sarabun" style="background-color: transparent; white-space-collapse: preserve;">ที่นี่คือ <b><font color="#800080">เครือข่ายส่วนตัวของสภาเซเนท </font></b>ที่ถูกสร้างขึ้นอย่างประณีตและซับซ้อน มันทำหน้าที่เป็น ศูนย์บัญชาการลับ สำหรับภารกิจกู้ภัยและปฏิบัติการสอดแนมทั่วทั้งทวีปยุโรป และที่สำคัญที่สุด ที่นี่ยังเป็น <b><font color="#800080">ทางเชื่อมประตูสู่ค่ายจูปิเตอร์</font></b> ที่สามารถนำเหล่าบุตรแห่งเทพกลับสู่บ้านได้อย่างปลอดภัยในยามฉุกเฉิน</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3"><br></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3" face="Sarabun"><img src="https://img2.pic.in.th/pic/image8475d5c85f64f681.png" width="360" _height="360" border="0"><font color="#2f4f4f"></font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3" color="#2f4f4f" face="Sarabun"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 12pt; margin-bottom: 12pt;"><span style="color: rgb(0, 0, 0); background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: Sarabun; font-size: medium;"> </span><font face="Sarabun" style="" size="3">ดังนั้น หากคุณเป็นบุตรแห่งเทพที่ต้องการความช่วยเหลือเร่งด่วนในดินแดนยุโรปอันห่างไกลนี้ จงมองหาอาคารที่ถูกทิ้งร้างแห่งนั้น ทางเข้าจะถูกปกปิดไว้ด้วยเวทมนตร์และเทคโนโลยีโบราณ เมื่อเข้าไปแล้ว คุณจะได้พบกับผู้พิทักษ์ที่ซื่อสัตย์ และความช่วยเหลือที่พร้อมจะพาคุณกลับบ้านอย่างปลอดภัย</font></span></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font size="3" color="#2f4f4f" face="Sarabun"><br></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><img src="https://img2.pic.in.th/pic/l_fall01.gif" width="297" _height="38" border="0"></p></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br>
</font></font></font><p></p></font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></font><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/imaged49c0236daa12771.png"); background-attachment:fixed;background-size:cover;}</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px;}
::-webkit-scrollbar-track-piece:decrement{ background:#907e6a!important; border-left:2px solid #432918; border-right:2px solid #432918; }
::-webkit-scrollbar-track-piece:increment { background:#9f4d01!important; }
::-webkit-scrollbar-button{ background:#9f4d01!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#907e6a, #3c210c, #9f4d01); border-top:1px solid #fff;border-radius:5px; border-bottom:0px solid #fbfaf2;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#e0dcd0, #3c210c, #9f4d01); border-top:1px solid #fff;border-radius:5px; border-bottom:0px solid #fbfaf2;border-radius:5px;}</style>
</font></font></font></font></font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><font color="#fff" style=""><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><font color="#fff" style="">
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-10-19 14:32
ร้านอาหารนิวโรม
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #333146;
padding: 3px;
box-shadow: #c0d1d2 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/image47fd64b12acdd41a.png");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #333146;
padding: 50px;
box-shadow: #c0d1d2 0px 0px 20px;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/crean90.png");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #c0d1d2;
}
</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="#333146">Laetitia Roma</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="#948565">⋘ ภัตตาคารลาเอทิทิอา โรมา ⋙</font></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font face="Sarabun" size="2"><br><br></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font face="Sarabun" size="2"><br></font></p><div class="image-container">
<center>
<meta charset="UTF-8">
<style>
.image-container {
position: relative;
width: 500px; /* ขนาดรูป */
height: 500px;
overflow: hidden;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.8s ease; /* ค่อย ๆ จาง */
}
/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 2;
opacity: 1;
}
/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>
<div class="image-container">
<img src="https://img2.pic.in.th/pic/imageb2788ffa9a8c77ff.png" class="top" alt="รูปแรก">
<img src="https://img2.pic.in.th/pic/imagec6406288bb4a5df0.png" alt="รูปรอง">
</div>
</center>
<font face="Sarabun" size="2"><br><br></font></div><font face="Sarabun" size="2"><iframe width="500" height="5" src="https://www.youtube.com/embed/Xgn24SzXm8U?autoplay=1&loop=1&playlist=Xgn24SzXm8U" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe><br><br></font><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="#333146">ภัตตาคารลาเอทิทิอา โรมา</font></span><font size="4" style=""><font color="#c0c0c0">
</font><font color="#948565">ความรื่นรมย์แห่งโรม</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" style="color: rgb(105, 105, 105);"><span style="white-space-collapse: preserve;"> </span></font><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;"><b style=""><font color="#4c488d">Laetitia Roma</font></b><font color="#696969"> เป็นร้านอาหารเก่าแก่ประจำเมืองนิวโรมที่เปิดมายาวนานกว่า 300 ปี โดดเด่นด้วยการผสมผสานอาหารโรมันดั้งเดิมเข้ากับรสชาติและเทคนิคตะวันตกสมัยใหม่ เจ้าของร้านคือเชฟผู้มีฝีมือยอดเยี่ยมสืบทอดสูตรอาหารประจำตระกูลจากรุ่นสู่รุ่น เข้าใจถึงความประณีตของวัตถุดิบและรสชาติแท้ของอาหารโรมันแต่ละจาน
</font></span></font><span style="color: rgb(105, 105, 105); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;"><font color="#696969">กลางวันร้านมี </font><b style=""><font color="#4c488d">Lunch Set</font></b><font color="#696969"> ที่เปลี่ยนไปตามฤดูกาล วัตถุดิบสดใหม่ถูกนำมาปรุงอย่างพิถีพิถัน เช่น </font><font color="#958564"><b style="">พาสต้าโฮมเมดราดซอสครีมเห็ดทรัฟเฟิล</b> </font><font color="#696969">หรือ </font><b style=""><font color="#958564">สลัดผักออร์แกนิกกับชีสเพโคริโน่</font></b><font color="#696969"> รสเข้มข้น ส่วนกลางคืน Laetitia Roma จะเปลี่ยนโฉมเป็น </font><font color="#4c488d"><b style="">Fine Dining</b><b style=""> </b></font><font color="#696969">ที่เหมาะสำหรับคู่รักและผู้ที่ชื่นชอบอาหารชั้นสูง เมนูเด่นอย่าง </font><b style=""><font color="#958564">ออสโซ่บูโก้</font></b><font color="#696969"> ตุ๋นจนนุ่มละลายในปาก หรือ </font><b style=""><font color="#958564">ปลากะพงอบสมุนไพรเสิร์ฟพร้อมซอสไวน์ขาว</font></b><font color="#696969"> สร้างประสบการณ์รสชาติที่ทั้งประณีตและทรงพลัง นอกจากนี้ยังมีเมนูอื่น ๆ ให้รับประทานอีกมากมาย
</font></span></font><span style="color: rgb(105, 105, 105); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;"><font color="#696969">ทุกจานของร้านไม่ใช่แค่การกิน แต่เป็นการเล่าเรื่องราวของวัฒนธรรมอาหารโรมันและแรงบันดาลใจจากสมัยใหม่ ทำให้ </font><font color="#4c488d"><b>Laetitia Roma</b></font><font color="#696969"> กลายเป็นสถานที่ที่ผู้รักอาหารและนักชิมมักกลับมาซ้ำ ไม่เพียงเพราะรสชาติ แต่เพราะ ความรู้สึกที่ได้ลิ้มรสอาหารที่มีทั้งประวัติศาสตร์และความสร้างสรรค์</font></span></font></div><div style="text-align: left;"><font color="#696969"><br></font></div>
<center>
<div class="gallery-container">
<img src="https://img2.pic.in.th/pic/imagef08e12a7d0a88014.png">
<img src="https://img2.pic.in.th/pic/image678950289237963a.png">
<img src="https://img5.pic.in.th/file/secure-sv1/image548049e7df8385d8.png">
<img src="https://img5.pic.in.th/file/secure-sv1/image862c451d9fbbbc8a.png">
<img src="https://img5.pic.in.th/file/secure-sv1/imagecb241ab20d56d412.png">
<img src="https://img2.pic.in.th/pic/imaged15091862ed2c311.png">
<img src="https://img2.pic.in.th/pic/image98ef71eab416fd0f.png">
<img src="https://img5.pic.in.th/file/secure-sv1/imageac8831c2bc70b34d.png"></div>
</center><font color="#696969"><br></font><div style="font-family: Sarabun; white-space-collapse: preserve;"><font size="4" color="#332f44"><b style=""><u style="">เวลาทำการ</u></b></font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b><font color="#4c488d">วันจันทร์ – วันศุกร์</font></b></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b style=""><font color="#958669">กลางวัน (Lunch Set): </font></b><font color="#696969">11:30 – 14:30 น.</font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b style=""><font color="#958669">ช่วงบ่าย (Coffee / Light Snack): </font></b><font color="#696969">14:30 – 17:00 น.</font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b style=""><font color="#958669">เย็น – ดึก (Fine Dining): </font></b><font color="#696969">18:30 – 23:00 น.</font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><font color="#696969"><br></font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b><font color="#4c488d">วันเสาร์ – วันอาทิตย์</font></b></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b style=""><font color="#958669">Brunch / Lunch Set: </font></b><font color="#696969">10:30 – 15:00 น.</font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><b style=""><font color="#958669">เย็น – ดึก (Fine Dining):</font><font color="#696969"> </font></b><font color="#696969">18:00 – 23:30 น.</font></div><div style="font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"><font color="#696969"><br></font></div><div style="font-family: Sarabun; white-space-collapse: preserve;"><span style="color: rgb(105, 105, 105); font-size: medium;"><i>หมายเหตุ: กรุณาสำรองที่นั่งล่วงหน้าโดยเฉพาะช่วงเย็น เนื่องจากเป็นที่นิยมของคู่รักและนักชิม</i>
</span><font size="5" style="" color="#332f44"><b style="">เจ้าของร้านอาหารรุ่นที่ 12</b></font><font size="3" style="color: rgb(105, 105, 105);">
<img src="https://img5.pic.in.th/file/secure-sv1/imageda18d17f1f128b10.png" width="273" _height="410" border="0">
</font><b style=""><font size="4" style="" color="#4c488d">มาร์เซลลัส โอพีอานัส</font></b><font size="3" style="color: rgb(105, 105, 105);">
ลูกหลานมรดกแห่งโรมันเทพีออปส์</font></div>
<!-- DETAILS (ยืด/หดได้) -->
<details class="details">
<summary>
<span><font face="Sarabun" size="4" color="#4c488d">ข้อมูลเพิ่มเติม</font></span>
</summary>
<div class="content">
<div><font face="Sarabun" size="3"><b><font color="#4c488d">มาร์เซลลัส โอพีอานัส</font><font color="#696969"> </font></b><font color="#696969">เชฟหนุ่มอารมณ์ดี อายุ 40 ปี เขาเป็นคนที่มีความคิดสร้างสรรค์ ใส่ใจและพิถีพิถันในการคัดเลือกวัตถุดิบมาปรุงอาหารเป็นอย่างมาก เพราะจิตวิญญาณของอาหารไม่ได้มีเพียงแค่ความอร่อย แต่ยังบอกเล่าเรื่องราวและสร้างประสบการณ์ใหม่ ๆ ให้ผู้รับประทานไม่ซ้ำทุกครั้งที่ได้ชิม</font><br><br><font color="#696969">แม้ว่ามาร์เซลลัสจะเป็นคนใจดียิ้มแย้มแจ่มใสขยันเล่นมุก แต่หากอยู่ในครัวจะจริงจังและเข้มงวดเป็นอย่างมาก ถือคติงานในครัวจะผิดพลาดไม่ได้แม้แต่นิดเดียว</font><br><br><font color="#696969">เขาสืบทอด</font><b style=""><font color="#4c488d">เชื้อสายมรดกแห่งเทพีออปส์ </font></b><font color="#696969">เทพีแห่งอาหาร ความมั่งคั่ง และความอุดมสมบูรณ์ เป็นรุ่นที่ 12 เคยรับใช้</font><b style=""><font color="#4c488d">กองพันที่ 12 ฟุลมินาตา กองร้อยที่ 4 </font></b><font color="#696969">ระยะเวลา 10 ปี ผลงานทางด้านการรบไม่มีอะไรโดดเด่นเลยแม้แต่น้อย มีเพียงแค่ฝีมือการทำอาหารเป็นที่ประจักษ์จนถูกจับจองตัวไปทำอาหารในงานเลี้ยงกองทัพอยู่บ่อย ๆ</font></font></div><div>
</div>
</div>
</details>
</div><br><br><br></div>
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/image2fc2e6686ef13e3e39affa761db6f0b0.png"); background-attachment:fixed; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#e4d7c7!important; }
::-webkit-scrollbar-track-piece:increment { background:#e4d7c7!important; }
::-webkit-scrollbar-button{ background:#e4d7c7!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#333146!important; border-top:5px solid #948565;border-bottom:5px solid #948565; }
::-webkit-scrollbar-thumb:hover{ background: #948565!important; border-top:5px solid #333146; border-bottom:5px solid #182b31; }</style>
<style>
a:link {
color: #4c488d; /* ลิงก์ปกติ */
transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
color: #4c488d; /* ลิงก์ที่เคยกดแล้ว */
transition: color 0.4s ease;
}
a:hover {
color: #948767; /* สีตอนเมาส์วาง */
}
</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:#333146;/* สีพื้นหลัง */
color:#948565 ;} /* สีตัวหนังสือ */
*::-moz-selection{
background:#333146;/* สีพื้นหลัง */
color:#948565;} /* สีตัวหนังสือ */
*::-webkit-selection{
background:#333146;/* สีพื้นหลัง */
color:#948565;} /* สีตัวหนังสือ */
</style>
<br>
<style>
.details{
background:linear-gradient(180deg,#e8e2d0,#c0d1d2);
border:1px solid #c0d1d2;
border-radius:22px;
box-shadow:var(--shadow);
overflow:hidden
width: 700px;
max-width: 80%;
}
.details summary{
list-style:none;
cursor:pointer;
position: relative;
text-align: center;
padding: 10px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
border-bottom:1px dashed #c0d1d2}
.details summary::marker{display:none}
.chev{transition:transform .25s ease}
.details
.chev{transform:rotate(180deg)}
.details .content{padding:18px 20px 22px;
display:grid;
gap:12px;
color:var(--muted)}
.royal-profile .section-title{
font:700 14px/1 "Sarabun",serif;letter-spacing:.22em;
color:var(--burgundy-2);
text-transform:uppercase}</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.2;
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>
แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-10-17 04:05
ยอดเขากลาเซียร์, รัฐวอชิงตัน
<!-- ฟอนต์ (โหลดเฉย ๆ ไม่บังคับทั้งหน้า) -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ================== SCOPE: ใช้เฉพาะในฟอร์ม ================== */
.volcano-scope{
/* พาเลตภูเขาไฟ */
--ink:#F7ECE6; /* สีตัวอักษรหลัก (ออฟไวท์อมพีช) */
--panel:#1a0e0e; /* แผงด้านใน โทนออบซิเดียนแดง */
--card:#2b1513; /* กล่องเนื้อหา อิฐไหม้ */
--accent:#ff6b35; /* ลาวาส้ม */
--glow:#ffb703; /* เหลืองคุกกี้ไฟ/เศษถ่านสว่าง */
--shadow:rgba(0,0,0,.42);
--radius:22px;
--maxw:800px;
/* ฟอนต์และสีตัวอักษรเฉพาะบล็อกนี้ */
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color:var(--ink);
/* ตัดการไหล/ซ้อนชั้นออกนอกบล็อก */
position:relative;
isolation:isolate;
}
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/20200830-Lake-Byrne-Moonlight.jpg") center/cover no-repeat;
opacity:1;
}
/* ห้ามมี selector ที่เป็น body/html/global */
/* วอลเปเปอร์/พื้นหลัง เฉพาะฟอร์ม */
.volcano-scope .post-bg{
padding:30px;
background:
radial-gradient(120% 90% at 50% 0%, rgba(255,107,53,.14), transparent 60%),
radial-gradient(120% 90% at 0% 100%, rgba(255,183,3,.10), transparent 55%),
#0d0b0b; /* พื้นมืด */
}
/* กล่องหลัก */
.volcano-scope #box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:var(--radius);
padding:42px 48px;
background:linear-gradient(180deg, rgba(42,20,19,.96), rgba(18,11,11,.92));
border:1px solid rgba(255,107,53,.45);
box-shadow:0 14px 30px var(--shadow), inset 0 0 0 1px rgba(255,255,255,.06);
overflow:hidden;/* กันเนื้อหาล้นนอกกรอบ */
}
.volcano-scope #box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,183,3,.18), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(255,107,53,.20), transparent 60%);
}
/* โครงเฟรม */
.volcano-scope .phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(26,14,14,.96), rgba(20,12,12,.96));
border-radius:calc(var(--radius) + 2px);
border:1px solid rgba(255,107,53,.25);
box-shadow:0 12px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.06);
}
/* หัวเรื่อง */
.volcano-scope .phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px; color:#fff;
text-shadow:
0 12px 24px rgba(255,107,53,.38),
0 0 22px rgba(255,183,3,.35),
0 1px 0 rgba(0,0,0,.6);
letter-spacing:.5px;
}
.volcano-scope .phx-sub{
text-align:center; color:#ead7cf; font-size:14px; margin:0 0 18px;
}
/* Hero */
.volcano-scope .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,.08);
}
.volcano-scope .phx-hero img{
display:block; width:100%; height:auto;
transition:transform .5s ease, filter .5s ease;
}
.volcano-scope .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.05) contrast(1.06); }
/* การ์ดเนื้อหา */
.volcano-scope .phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
background:linear-gradient(180deg, #3a1b17, #291411);
border-radius:var(--radius);
border:1px solid rgba(255,107,53,.25);
box-shadow:0 14px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.07);
padding:22px 24px; text-align:center;
position:relative; overflow:hidden; /* กัน overflow */
}
.volcano-scope .phx-card::before{
content:"";
position:absolute; inset:0; border-radius:inherit; pointer-events:none;
background:radial-gradient(120% 85% at 50% -20%, rgba(255,183,3,.18), transparent 60%);
}
.volcano-scope .phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:#fff;
text-shadow:
0 10px 22px rgba(255,107,53,.35),
0 0 18px rgba(255,183,3,.28),
0 1px 0 rgba(0,0,0,.55);
}
.volcano-scope .phx-tag{ color:#ffb703; font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.volcano-scope .phx-body{ color:#F7ECE6; line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.volcano-scope .phx-body p{ margin:10px 0; }
/* Responsive */
@media (max-width:600px){
.volcano-scope .phx-title{ font-size:40px }
.volcano-scope .phx-card h2{ font-size:30px }
.volcano-scope .phx-hero, .volcano-scope .phx-card{ width:92% }
}
</style>
<!-- ================== HTML (ห่อด้วย .volcano-scope) ================== -->
<div class="volcano-scope">
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Glacier Peak</font></h1>
<div class="phx-sub"><font size="3">(รัฐวอชิงตัน สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/solo-trip-to-glacier-9-14-21-v0-vknu7qxxbquf1.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">ยอดเขากลาเซียร์</font></h2>
<div class="phx-tag"><font size="4">[ The Dark Sun Deity of the Cascades ]</font></div>
<div class="phx-body">
<p><font size="3">ขอต้อนรับทุกท่านสู่ ยอดเขากลาเซียร์ (Glacier Peak) หรือที่ชาวพื้นเมืองเรียกขานว่า ดาโคเบ็ด (Tda-ko-buh-ba) ภูเขาไฟรูปกรวยสลับชั้นที่โดดเดี่ยวและเป็นยอดเขาที่สูงเป็นอันดับสี่ของรัฐวอชิงตัน ตั้งอยู่ในเขตอนุรักษ์ธรรมชาติกลาเซียร์พีค ในป่าสงวนแห่งชาติเมานต์เบเกอร์–สโนควาลมี </font></p><p><font size="3"> แม้จะอยู่ห่างจากใจกลางเมืองซีแอตเทิลไปทางตะวันออกเฉียงเหนือเพียง 70 ไมล์ (110 กม.) แต่ยอดเขานี้ก็ซ่อนตัวอยู่ลึกในเทือกเขาแคสเคด ทำให้ไม่เป็นที่รู้จักเท่าเมานต์เรเนียร์ </font></p><p><font size="3"> ยอดเขากลาเซียร์เป็นภูเขาไฟที่มีพลังมากเป็นอันดับสองของรัฐ โดยมีการปะทุที่รุนแรงและใหญ่ที่สุดหลายครั้งในประวัติศาสตร์ การปะทุครั้งล่าสุดเกิดขึ้นเมื่อราวปี ค.ศ. 1700 และตลอด 3,000 ปีที่ผ่านมาได้เกิดการปะทุรุนแรงถึงห้าครั้ง ซึ่งตอกย้ำถึงพลังอันยิ่งใหญ่ของมัน ยอดเขานี้จึงเป็นทั้งแลนด์มาร์กทางภูมิศาสตร์และเป็นพยานของประวัติศาสตร์ทางธรณีวิทยาอันน่าทึ่งของรัฐวอชิงตัน </font></p><p><font size="3"><br></font></p><p><img src="https://i.imgur.com/9SzPrrY.png" width="300" _height="300" border="0"><font size="3"></font></p><p><font size="3">[ทุก ๆ 15 วันหลังถูกพิชิตพวกมันจะก่อรูปร่างในทาร์ทารัสและหาทางกลับมาที่นี่] </font></p><p><font size="3"><i>ตัวอย่าง ถูกสังหารวันที่ 17/10/2025 มันจะกลับมาในวันที่ 01/11/2025</i></font></p>
</div>
</section>
</div>
</div>
</div>
</div>
มีทั้งหมด 7 สถานที่ (รับเป็นดีนาเรียสคับ อยู่ค่ายจูปิเตอร์)
ทางด่วน CA-24 , ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/e303798d60f75a445b4243399c4956a7.jpg") center/cover no-repeat;
opacity:1;
}
/* ========= SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========= */
#soft-pastel{
/* Orange Color Palette (จากภาพ) */
--porcelain: #EBE3DD; /* ครีมงาช้าง */
--carmine: #DB3320; /* ส้มแดงสด */
--mocha: #5E443A; /* น้ำตาลเข้ม */
--tan: #A97B60; /* น้ำตาลอุ่น */
--ink: #3A2C25; /* ตัวอักษร */
--soft-shadow: 0 12px 28px rgba(50,35,28,.16), 0 3px 8px rgba(50,35,28,.08);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังอุ่น ไล่เฉดงาช้าง→แทน พร้อมแสงฟุ้ง */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--porcelain), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--porcelain) 70%, white 30%) 0%,
color-mix(in oklab, var(--tan) 40%, var(--porcelain) 60%) 55%,
color-mix(in oklab, var(--mocha) 24%, white 76%) 100%);
opacity:.96;
}
/* =============== โครงหลัก =============== */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--porcelain), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
/* ขอบกลืนเนียน: ไม่มีเส้น border แข็ง */
background: linear-gradient(180deg,
color-mix(in oklab, var(--porcelain) 92%, white 8%) 0%,
color-mix(in oklab, var(--tan) 55%, var(--mocha) 45%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสง */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.5), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--carmine) 22%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--porcelain) 92%, white 8%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--tan) 18%, var(--porcelain) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Carmine → Tan */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--carmine), var(--tan));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(219,51,32,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#6c564b; font-size:14px; margin:0 0 18px }
/* รูป hero */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--porcelain) 16%, var(--tan) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--porcelain) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉด Porcelain → Carmine (อบอุ่นมีพลัง) */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--porcelain) 0%,
color-mix(in oklab, var(--carmine) 54%, var(--tan) 46%) 100%);
box-shadow:
0 12px 26px rgba(50,35,28,.10),
0 2px 6px rgba(50,35,28,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--mocha) 14%, var(--tan) 10%);
}
#soft-pastel .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,.18), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--porcelain));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#7b6357; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3a2c25; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">ทางด่วน CA-24</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/1ce4be96b2281d53b.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">ทางด่วน CA-24</font></h2>
<div class="phx-tag"><font size="4">[ ประตูสู่อ่าวตะวันออก East Bay ]</font></div>
<div class="phx-body">
<p><font size="3">ทางด่วนแคลิฟอร์เนียสาย 24 (CA-24) เป็นเส้นทางสำคัญในบริเวณอ่าวซานฟรานซิสโก เชื่อมระหว่างโอ๊คแลนด์ (ใกล้ซานฟรานซิสโก) กับเมืองในฝั่งตะวันออก (East Bay) เช่น วอลนัทครีก จุดเด่นคือ อุโมงค์คัลลีคอตต์ (Caldecott Tunnel) ที่เจาะผ่านเนินเขาเบิร์กลีย์ (Berkeley Hills) ซึ่งเป็นเส้นทางหลักสำหรับผู้ที่เดินทางข้ามเนินเขาแห่งนี้และมีทัศนียภาพอันสวยงาม ทางด่วนนี้ยังขนานไปกับเส้นทางรถไฟ BART เป็นส่วนใหญ่ ทำให้เป็นเส้นทางคมนาคมที่สำคัญอย่างยิ่งในเขตนี้</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
สถานีรถไฟฟ้า BART, ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/a061441bef9b0c28829fe55f7fe5554d.jpg") center/cover no-repeat;
opacity:1;
}
/* ================== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ================== */
#soft-pastel{
/* พาเลตใหม่ (Pastel Sky & Sage) */
--snow: #EBEFF8;/* ขาวอมฟ้า */
--sky1: #D3E1EE;/* ฟ้าเทาอ่อน */
--sky2: #C0D0E7;/* ฟ้าน้ำเงินพาสเทล */
--rose: #EACBD1;/* ชมพูนมเย็น */
--sage: #97AF8F;/* เขียวเสจพาสเทล */
--ink: #4f5360; /* สีตัวอักษรหลัก */
--soft-shadow: 0 12px 28px rgba(40,54,70,.12), 0 3px 8px rgba(40,54,70,.08);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังนุ่ม ๆ ภายในบล็อกนี้เท่านั้น */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--snow), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--sky1) 45%, white 55%) 0%,
color-mix(in oklab, var(--sky2) 45%, white 55%) 50%,
color-mix(in oklab, var(--rose) 40%, white 60%) 85%);
opacity:.95;
}
/* ================== โครงหลัก ================== */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--snow), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
/* ขอบกลืน: ไม่มีเส้นขอบแข็ง ใช้เงานุ่มแทน */
background: linear-gradient(180deg,
color-mix(in oklab, var(--snow) 92%, white 8%) 0%,
color-mix(in oklab, var(--sky2) 28%, white 72%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.5);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--rose) 26%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา: ขอบกลืนด้วย inner glow โทนฟ้าขาว */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--snow) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--sky1) 16%, var(--sky2) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉดฟ้า -> เสจ */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--sky2), var(--sage));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(151,175,143,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#626977; font-size:14px; margin:0 0 18px }
/* รูป hero: เส้นขอบกลืนมาก ๆ */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--sky1) 12%, var(--sky2) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--sky1) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉดชมพู -> เสจ (กลืนเนียน) */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--rose) 0%,
color-mix(in oklab, var(--sage) 55%, white 45%) 100%);
box-shadow:
0 12px 26px rgba(40,54,70,.10),
0 2px 6px rgba(40,54,70,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--rose) 12%, var(--sky2) 6%);
}
#soft-pastel .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,.20), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--snow));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#6b7381; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#4b5160; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">สถานีรถไฟฟ้า BART</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/istockphoto-1177105434-612x612.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">สถานีรถไฟฟ้า BART</font></h2>
<div class="phx-tag"><font size="4">[ หัวใจการเดินทางแห่งอ่าวเบย์แอเรีย ]</font></div>
<div class="phx-body">
<p><font size="3">ระบบรถไฟฟ้าขนส่งมวลชนในเขตเบย์แอเรีย (BART - Bay Area Rapid Transit) เป็นโครงข่ายรถไฟที่สำคัญยิ่งในการเชื่อมโยงเมืองต่าง ๆ รอบอ่าวซานฟรานซิสโก BART ครอบคลุมพื้นที่หลัก ๆ ทั้งซานฟรานซิสโก โอ๊คแลนด์ เบิร์กลีย์ และขยายไปถึงซานโฮเซ โดยมีจุดเด่นอยู่ที่ "Transbay Tube" อุโมงค์ใต้ทะเลที่พาคุณลอดข้ามอ่าวเชื่อมระหว่างซานฟรานซิสโกกับโอ๊คแลนด์ได้อย่างรวดเร็ว สถานีต่าง ๆ สะดวกต่อการเดินทางไปยังสถานที่สำคัญ อาทิ สนามบิน SFO และ Oakland พร้อมเชื่อมต่อกับระบบขนส่งอื่น ๆ เช่น Caltrain และ MUNI ถือเป็นทางเลือกหลักในการหลีกเลี่ยงการจราจรที่ติดขัดในเบย์แอเรีย</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
ด่านเก็บค่าผ่านทางสะพานเบย์, ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/1cd77b38d82967bf149e528fbf27bc58.jpg") center/cover no-repeat;
opacity:1;
}
/* ================== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ================== */
#soft-pastel{
/* พาเลตใหม่ (Warm Neutrals) */
--mint:#ECF8F8;/* ฟ้าอมเขียวจาง */
--shell: #EBE4E1;/* ครีมชมพูอ่อน */
--sand:#E7D8C9;/* เบจนุ่ม */
--peach: #E6B6AE;/* พีชอมน้ำตาล */
--taupe: #B2967D;/* น้ำตาลเทาเข้ม */
--ink: #5A5149;
--soft-shadow: 0 12px 28px rgba(62,45,32,.12), 0 3px 8px rgba(62,45,32,.06);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังนวล ๆ ภายในบล็อกนี้เท่านั้น */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--shell), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--mint) 35%, white 65%) 0%,
color-mix(in oklab, var(--sand) 45%, white 55%) 55%,
color-mix(in oklab, var(--peach) 35%, white 65%) 100%);
opacity:.9;
}
/* ================== โครงหลัก ================== */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--shell), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width: 980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
/* ขอบกลืน: ไม่มีเส้นขอบแข็ง ใช้เงานุ่ม */
background: linear-gradient(180deg,
color-mix(in oklab, var(--shell) 90%, white 10%) 0%,
color-mix(in oklab, var(--mint) 25%, white 75%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.45);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--peach) 30%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา: ขอบกลืนด้วย inner glow */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--shell) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--mint) 14%, var(--sand) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉดพีช -> เทาอมทอง */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--peach), var(--taupe));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(178,150,125,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#6d6158; font-size:14px; margin:0 0 18px }
/* รูป hero: เส้นขอบกลืนมาก ๆ */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--mint) 12%, var(--sand) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--mint) 10%, white 90%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉดทราย->พีช ขอบกลืน */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--sand) 0%,
color-mix(in oklab, var(--peach) 55%, white 45%) 100%);
box-shadow:
0 12px 26px rgba(62,45,32,.10),
0 2px 6px rgba(62,45,32,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--peach) 12%, var(--taupe) 6%);
}
#soft-pastel .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,.20), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--shell));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#7a6a5f; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#4f463f; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Bay Bridge Toll Plaza</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/1920x08f3c426d9eaa5253.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">ด่านเก็บค่าผ่านทางสะพานเบย์</font></h2>
<div class="phx-tag"><font size="4">[ ส่งเงินมา ]</font></div>
<div class="phx-body">
<p><font size="3">ด่านเก็บค่าผ่านทางนี้ตั้งอยู่ทางฝั่งโอ๊คแลนด์ (Oakland) บนทางหลวง I-80 เป็นจุดเริ่มต้นของสะพานข้ามอ่าวซานฟรานซิสโก-โอ๊คแลนด์ (San Francisco-Oakland Bay Bridge) ผู้ขับขี่จะชำระค่าผ่านทางเฉพาะขาเข้าสู่ซานฟรานซิสโกเท่านั้น (ทิศตะวันตก) ปัจจุบันด่านเก็บค่าผ่านทางทั้งหมดเป็นระบบอิเล็กทรอนิกส์เต็มรูปแบบ ไม่อนุญาตให้ชำระด้วยเงินสดแล้ว โดยใช้ระบบ FasTrak หรือการชำระเงินตามป้ายทะเบียน (Toll-by-Plate) แม้จะเป็นเพียงด่าน แต่จุดนี้คือประตูเชื่อมโยงที่สำคัญที่สุดแห่งหนึ่งระหว่างอีสต์เบย์ (East Bay) กับมหานครซานฟรานซิสโก โดยมีทิวทัศน์ของสะพานและเส้นขอบฟ้าเมืองรออยู่เบื้องหน้า</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
เกาะเยอร์บาบูเอนา, ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/6e27ed48f4c18228c982efdbc87e671e.jpg") center/cover no-repeat;
opacity:1;
}
/* ================== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ================== */
#soft-pastel{
/* พาเลตใหม่ (Warm Earth & Sage) */
--sand: #DFD3C3;/* เบจหม่นอบอุ่น */
--linen: #F0ECE3; /* ครีมอ่อนนวล */
--peach: #F4C7AB; /* พีชอบอุ่น */
--sage: #B2B8A3;/* เขียวเสจอ่อน */
--deep-sage: #5F8B7E; /* เขียวเสจเข้ม */
--ink: #514A43;
--soft-shadow: 0 12px 28px rgba(70,55,40,.12), 0 3px 8px rgba(70,55,40,.08);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังนวล ๆ ภายในบล็อกนี้เท่านั้น */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--linen), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--sand) 45%, white 55%) 0%,
color-mix(in oklab, var(--peach) 45%, white 55%) 45%,
color-mix(in oklab, var(--sage) 50%, white 50%) 100%);
opacity:.95;
}
/* ================== โครงหลัก ================== */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--linen), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
background: linear-gradient(180deg,
color-mix(in oklab, var(--linen) 90%, white 10%) 0%,
color-mix(in oklab, var(--sand) 35%, var(--sage) 65%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.45);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--peach) 25%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา: ขอบกลืนด้วย inner glow */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--linen) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--sand) 16%, var(--sage) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉดพีช -> เขียวเสจ */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--peach), var(--deep-sage));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(95,139,126,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#635a53; font-size:14px; margin:0 0 18px }
/* รูป hero: เส้นขอบกลืนเนียน */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--sand) 12%, var(--sage) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--sand) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉดเบจ -> เขียวเสจอ่อน */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--peach) 0%,
color-mix(in oklab, var(--sage) 55%, white 45%) 100%);
box-shadow:
0 12px 26px rgba(62,45,32,.10),
0 2px 6px rgba(62,45,32,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--peach) 12%, var(--sage) 6%);
}
#soft-pastel .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,.20), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--linen));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#6f675f; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#4e4842; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Yerba Buena Island</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/some-views-from-yerba-buena-island-v0-3u0spjk3mvkf1.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เกาะเยอร์บาบูเอนา</font></h2>
<div class="phx-tag"><font size="4">[ จุดบรรจบสะพานเบย์ ]</font></div>
<div class="phx-body">
<p><font size="3">เกาะเยอร์บาบูเอนา (Yerba Buena Island) ตั้งอยู่ใจกลางอ่าวซานฟรานซิสโก เป็นจุดเชื่อมต่อที่สำคัญของสะพานข้ามอ่าวซานฟรานซิสโก-โอ๊คแลนด์ (Bay Bridge) โดยแบ่งสะพานออกเป็นส่วนตะวันออกและตะวันตก สิ่งที่โดดเด่นคือ อุโมงค์เยอร์บาบูเอนา (Yerba Buena Tunnel) ซึ่งเป็นอุโมงค์ขนาดใหญ่ที่ตัดผ่านภูเขากลางเกาะเพื่อรองรับการจราจรบนสะพานทั้งสองชั้น เกาะนี้และเกาะเทรเชอร์ (Treasure Island) ที่เชื่อมต่อกัน มักถูกมองข้าม แต่เป็นจุดชมวิวอ่าว ซานฟรานซิสโก และสะพานที่สวยงาม โดยเฉพาะอย่างยิ่งที่ Vista Point ซึ่งเป็นจุดสิ้นสุดของทางเดินเท้า/จักรยานจากฝั่งโอ๊คแลนด์</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
อาคารเฟอร์รี ดิเอ็มบาร์คาเดโร, ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/1a844b8dee3ed5d4ad4deb52654e8bd0.jpg") center/cover no-repeat;
opacity:1;
}
/* ================== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ================== */
#soft-pastel{
/* พาเลต Pastel Garden */
--mint:#B8CEC2; /* เขียวมินต์พาสเทล */
--cream: #F8E6CE; /* ครีมอ่อน */
--peach: #EBC8B4; /* พีชเบจนุ่ม */
--rose:#FDB3A4; /* ชมพูพีชสดใส */
--sage:#D1DBCD; /* เขียวเทาอบอุ่น */
--ink: #4F4B46;
--soft-shadow: 0 12px 28px rgba(80,70,60,.12), 0 3px 8px rgba(80,70,60,.08);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังอ่อนโยนแบบสวนดอกไม้ */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--cream), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--mint) 45%, white 55%) 0%,
color-mix(in oklab, var(--peach) 45%, white 55%) 55%,
color-mix(in oklab, var(--sage) 45%, white 55%) 100%);
opacity:.95;
}
/* ================== โครงหลัก ================== */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--cream), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
background: linear-gradient(180deg,
color-mix(in oklab, var(--cream) 92%, white 8%) 0%,
color-mix(in oklab, var(--mint) 28%, var(--peach) 72%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.45);
position:relative; overflow:hidden;
}
/* แสงฟุ้งสบายตา */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--rose) 26%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--cream) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--mint) 16%, var(--sage) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉดพีช -> เขียวมินต์ */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--rose), var(--mint));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(184,206,194,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#645f58; font-size:14px; margin:0 0 18px }
/* รูป hero */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--sage) 10%, var(--mint) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--mint) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉดครีม -> พีชมินต์ */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--cream) 0%,
color-mix(in oklab, var(--mint) 55%, var(--peach) 45%) 100%);
box-shadow:
0 12px 26px rgba(70,60,40,.10),
0 2px 6px rgba(70,60,40,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--rose) 12%, var(--mint) 8%);
}
#soft-pastel .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,.20), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--cream));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#6e675f; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#4e4b45; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">The Ferry Building</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/shutterstock_210350479.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">อาคารเฟอร์รี ณ ดิเอ็มบาร์คาเดโร</font></h2>
<div class="phx-tag"><font size="4">[ ขึ้นเรือข้ามฝากกันจ้า ]</font></div>
<div class="phx-body">
<p><font size="3">อาคารเฟอร์รีเป็นแลนด์มาร์คทางประวัติศาสตร์ที่โดดเด่นของซานฟรานซิสโก ด้วยสถาปัตยกรรมแบบ Beaux-Arts และหอนาฬิกาสูงสง่าคล้ายหอระฆังฆิรัลดาในเมืองเซบิยา เดิมทีเป็นศูนย์กลางการคมนาคมที่พลุกพล่านที่สุดแห่งหนึ่งของโลก เปิดในปี 1898 ปัจจุบันอาคารนี้ได้รับการบูรณะอย่างงดงามและกลายเป็น ตลาดอาหาร (Marketplace) ระดับโลกที่รวมร้านค้าท้องถิ่น ร้านอาหาร artisanal และเป็นที่ตั้งของตลาดเกษตรกรที่มีชื่อเสียง ตัวอาคารตั้งอยู่ที่ถนน ดิเอ็มบาร์คาเดโร (The Embarcadero) บริเวณริมน้ำที่สวยงาม เป็นจุดที่คุณสามารถเพลิดเพลินกับอาหารรสเลิศ ซื้อผลิตภัณฑ์ท้องถิ่น และชมวิวทิวทัศน์อ่าวซานฟรานซิสโกและสะพานเบย์ได้อย่างชัดเจน</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
จัตุรัสยูเนียน, ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/637821fc4488ff0cec6dc1cd278a9eb1.jpg") center/cover no-repeat;
opacity:1;
}
/* ============ SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ============ */
#soft-pastel{
/* Mocha-Rose Cozy Palette */
--porcelain: #DED5D0; /* ครีมเทาอุ่น */
--rose-dust: #D9BCB8; /* ชมพูฝุ่น */
--mauve: #CA9E93; /* ชมพูน้ำตาล */
--mocha: #8C6653; /* น้ำตาลมอคค่า */
--espresso:#462A1C; /* น้ำตาลเข้ม */
--ink: #3F2F27; /* สีตัวอักษรหลัก */
--soft-shadow: 0 12px 28px rgba(50,30,20,.14), 0 3px 8px rgba(50,30,20,.08);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังนวลอุ่นในบล็อกนี้เท่านั้น */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--porcelain), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--rose-dust) 45%, white 55%) 0%,
color-mix(in oklab, var(--mauve) 45%, white 55%) 55%,
color-mix(in oklab, var(--porcelain) 65%, white 35%) 100%);
opacity:.95;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--porcelain), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
/* ขอบกลืน: ไม่มีเส้นแข็ง ใช้เงานุ่ม */
background: linear-gradient(180deg,
color-mix(in oklab, var(--porcelain) 92%, white 8%) 0%,
color-mix(in oklab, var(--rose-dust) 28%, var(--mauve) 72%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.50), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--mauve) 26%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา: inner glow กลืนสีพื้น */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--porcelain) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--rose-dust) 18%, var(--porcelain) 8%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Mauve -> Mocha */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--mauve), var(--mocha));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(140,102,83,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#6d5c53; font-size:14px; margin:0 0 18px }
/* รูป hero: ขอบกลืนเนียน */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--porcelain) 14%, var(--rose-dust) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--porcelain) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉด Porcelain -> Mauve (ขอบละมุน) */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--porcelain) 0%,
color-mix(in oklab, var(--mauve) 58%, white 42%) 100%);
box-shadow:
0 12px 26px rgba(50,30,20,.10),
0 2px 6px rgba(50,30,20,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--mauve) 14%, var(--rose-dust) 8%);
}
#soft-pastel .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,.18), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--porcelain));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.28);
}
#soft-pastel .phx-tag{ color:#7a675d; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#46372F; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Union Square</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/imageb80a1213243ce43c.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">จัตุรัสยูเนียน</font></h2>
<div class="phx-tag"><font size="4">[ ศูนย์กลางแห่งการช้อปปิ้งและวัฒนธรรม ]</font></div>
<div class="phx-body">
<p><font size="3">จัตุรัสยูเนียน (Union Square) คือหัวใจสำคัญของตัวเมืองซานฟรานซิสโก เป็นย่านการค้า โรงแรม และโรงละครที่คึกคักที่สุด ลานสาธารณะขนาด 2.6 เอเคอร์นี้รายล้อมไปด้วย ห้างสรรพสินค้า ชั้นนำ (เช่น Macy's) และ ร้านบูติคหรูหรา (เช่น Tiffany & Co., Louis Vuitton) เป็นสวรรค์ของนักช้อปอย่างแท้จริง นอกจากนี้ยังมี อนุสาวรีย์ Dewey และถูกใช้เป็นสถานที่จัดงานอีเวนต์สาธารณะและนิทรรศการศิลปะอยู่เสมอ คุณสามารถมาพักผ่อนบนม้านั่งใต้ต้นปาล์ม ถ่ายรูปกับรูปปั้นหัวใจ หรือขึ้น รถเคเบิลคาร์ ที่มีชื่อเสียง ซึ่งมีจุดกลับรถอยู่ใกล้ ๆ เพื่อสัมผัสบรรยากาศเมืองแบบคลาสสิก</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
ท่าเรือฟิชเชอร์แมนส์ วาร์ฟ, ซานฟรานซิสโก
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/6e27ed48f4c18228c982efdbc87e671e.jpg") center/cover no-repeat;
opacity:1;
}
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* 🌸 Spring Terracotta Bloom Palette */
--sage: #A5AA94; /* เขียวมะกอกอ่อน */
--mint: #C4C9B2; /* เขียวเทาอ่อน */
--cream:#EFE3D3; /* ครีมวานิลลา */
--peach:#F1CDB7; /* พีชคาราเมล */
--rose: #EF9D87; /* พีชอมชมพูอุ่น */
--ink: #4C3B33;
--soft-shadow: 0 12px 28px rgba(90,60,40,.14), 0 3px 8px rgba(90,60,40,.08);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }
/* พื้นหลังนวลแบบดอกไม้แห้ง */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--cream), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--sage) 40%, white 60%) 0%,
color-mix(in oklab, var(--mint) 45%, white 55%) 40%,
color-mix(in oklab, var(--rose) 35%, white 65%) 100%);
opacity:.95;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--cream), transparent 70%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
background: linear-gradient(180deg,
color-mix(in oklab, var(--cream) 92%, white 8%) 0%,
color-mix(in oklab, var(--peach) 28%, var(--sage) 72%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสงฟุ้งละมุน */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--rose) 26%, transparent), transparent 60%);
}
/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--cream) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--sage) 14%, var(--peach) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Rose → Sage */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--rose), var(--sage));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(239,157,135,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#675b54; font-size:14px; margin:0 0 18px }
/* รูป hero */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--sage) 10%, var(--peach) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--cream) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }
/* การ์ดเนื้อหา: ไล่เฉด Cream → Rose */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--cream) 0%,
color-mix(in oklab, var(--rose) 50%, white 50%) 100%);
box-shadow:
0 12px 26px rgba(70,60,50,.10),
0 2px 6px rgba(70,60,50,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--rose) 12%, var(--peach) 8%);
}
#soft-pastel .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,.20), transparent 60%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--cream));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#74675d; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#4f4741; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#soft-pastel .phx-title{ font-size:40px }
#soft-pastel .phx-card h2{ font-size:30px }
#soft-pastel .phx-hero, #soft-pastel .phx-card{ width:92% }
}
</style>
<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Pier 39</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/22341-Pier-39.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">ท่าเรือฟิชเชอร์แมนส์ วาร์ฟ</font></h2>
<div class="phx-tag"><font size="4">[ ศูนย์การค้าและแหล่งท่องเที่ยวยอดนิยม ]</font></div>
<div class="phx-body">
<p><font size="3">ท่าเรือประมงเก่าแก่ที่กลายเป็นแหล่งท่องเที่ยวยอดฮิตของซานฟรานซิสโก เพียร์ 39 เป็นศูนย์รวมร้านอาหารทะเลสดใหม่ (พลาดไม่ได้กับปู Dungeness Crab และ Chowder ในขนมปังซาวโดว์) ร้านขายของที่ระลึก และความบันเทิงหลากหลายรูปแบบ ไฮไลท์ที่ดึงดูดผู้คนมากที่สุดคือฝูง สิงโตทะเลแคลิฟอร์เนีย นับร้อยที่มานอนอาบแดดและส่งเสียงร้องคำรามอยู่บนทุ่นลอยน้ำที่ K-Dock นอกจากนี้ จากท่าเรือแห่งนี้ คุณยังสามารถชมวิวทิวทัศน์ที่งดงามของอ่าว สะพานโกลเดนเกต และเกาะอัลคาทราซได้อย่างชัดเจน</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-11-23 00:13
วิหารเวสเปอร์
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #fcda6e;
padding: 3px;
box-shadow: #b44c9b 0px 0px 3em;
background-attachment:fixed;
background-size:cover;
background-image: url("https://img5.pic.in.th/file/secure-sv1/vecteezy_sunset-lake-landscape-illustration_.jpg");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #fcda6e;
padding: 50px;
box-shadow: #fcda6e 0px 0px 20px;
background-attachment:fixed;
background: linear-gradient(135deg, #232361, #723b96, #f06fa3, #fcda6e);}
</style>
<style>
.shadow {
text-shadow: 0px 0px 2px #963b82, 0px 0px 5px #fcda6e;}
}
</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="#fcda6e">Vesper'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="#f073a3">⋘ เทวสถานเวสเปอร์ ⋙</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 size="3"><font face="Sarabun"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/line-w4.gif" width="185" _height="28" border="0"><font face="Sarabun"></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>
<div class="image-container">
<img src="https://i.imgur.com/LLGnUhA.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/vZpjo7f.png" alt="รูปรอง"></div><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><font size="2" style="" color="#f073a3">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font><font size="3" style="color: rgb(255, 255, 255);"><br><br></font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="3"><img src="https://img5.pic.in.th/file/secure-sv1/line-w4.gif" width="185" _height="28" border="0"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="3"><img src="https://img2.pic.in.th/pic/image-removebg-preview---2025-10-19T095052.306.png" width="300" _height="300" border="0"></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="#fdd86f">เทวสถานเวสเปอร์</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;"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"><font color="#c0c0c0">
</font><font color="#ffffff"> </font></span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;"><font color="#ffffff">ตั้งตระหง่านอย่างโดดเด่นบนยอด</font><font color="#8a4097"> </font><b style=""><span class="shadow" style=""><font color="#ffc0cb">เนินเทมเพิล (Temple Hill)</font></span></b><font color="#8a4097"> </font><font color="#ffffff">ซึ่งเป็นจุดสูงสุดที่โอบรับทัศนียภาพอันงดงามของเส้นขอบฟ้าที่เปลี่ยนสีในยามเย็น อาคารแห่งนี้ไม่ได้ถูกสร้างจากหินอ่อนสีขาวบริสุทธิ์เหมือนวิหารอื่น ๆ ของโรมัน แต่กลับสร้างจาก หินแกรนิตสีเทาเข้ม และ หินอ่อนสีม่วงหม่น ซึ่งสะท้อนถึงช่วงเวลาที่เทพเจ้าองค์นี้ปกครอง—คือ </font><b style=""><span class="shadow" style=""><font color="#ffc0cb">พลบค่ำ (Vesper)</font></span></b><font color="#ffffff"> ช่วงเวลาแห่งการเปลี่ยนผ่านระหว่างแสงสุดท้ายของวันกับรัตติกาล
<br></font></span></font></div><div style="text-align: left;"><span style="color: rgb(255, 255, 255); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;"><font color="#ffffff">สถาปัตยกรรมของเทวสถานเวสเปอร์มีความเรียบง่ายทว่าทรงพลัง โดดเด่นด้วยเสาโรมันแบบ </font><b style=""><span class="shadow" style=""><font color="#ffc0cb">ทัสคัน (Tuscan)</font><font color="#a4469a"> </font></span></b><font color="#ffffff">ที่หนักแน่น ไม่มีการตกแต่งลวดลายฉูดฉาด แต่พื้นผิวของหินกลับสะท้อนสีของท้องฟ้ายามอาทิตย์อัสดงได้อย่างน่าอัศจรรย์ ผนังด้านในถูกประดับด้วยภาพสลักนูนต่ำที่แสดงถึงดวงดาวแรกที่ปรากฏขึ้นบนฟ้า และพิธีกรรมโบราณของการจุดคบเพลิงเพื่อนำทางดวงวิญญาณสู่การพักผ่อนยามค่ำคืน</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3" style="color: rgb(255, 255, 255);"><span style="white-space-collapse: preserve;">
</span></font><span style="color: rgb(255, 255, 255); font-family: Sarabun; font-size: medium; white-space-collapse: preserve;"> </span><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;"><font color="#ffffff">สิ่งที่ทำให้เทวสถานแห่งนี้มีมิติคือ </font><b style=""><span class="shadow" style=""><font color="#ffc0cb">บรรยากาศที่ผันแปรไม่หยุดนิ่ง</font></span></b><font color="#ffffff"> ในช่วงกลางวัน เทวสถานจะดูสงบและเงียบงัน แต่เมื่อดวงอาทิตย์เริ่มลับขอบฟ้า สถานที่แห่งนี้จะกลับมามีชีวิตอีกครั้ง แสงสีส้มอมม่วงของพลบค่ำจะส่องผ่านช่องหน้าต่างและประตูเข้าสู่ใจกลางวิหาร ทำให้เกิดเงาที่เต้นระบำและดูเหมือนว่าโครงสร้างทั้งหมดกำลังหายใจ เสียงระฆังโลหะสำริดโบราณจะเริ่มดังกังวานแผ่วเบา เป็นสัญญาณเตือนว่า เวสเปอร์ เทพแห่งการเปลี่ยนผ่านกำลังเฝ้ามองโลก และเป็นเวลาที่ความลับและความมืดมิดจะเริ่มคลืบคลานเข้ามา เทวสถานแห่งนี้จึงเป็นสถานที่ที่เปี่ยมไปด้วยความเงียบสงบในตอนเย็น แต่ก็แฝงไว้ด้วยความรู้สึกถึงอำนาจลึกลับที่อยู่ระหว่างโลกแห่งความเป็นจริงกับโลกแห่งความฝัน</font></span></font></div></div><br><br><br>
</div></div>
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/vecteezy_sunset-lake-landscape-illustration_.jpg"); background-attachment:fixed; background-size:cover;}</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{background: linear-gradient(#232361, #723b96)!important; }
::-webkit-scrollbar-track-piece:increment { background:linear-gradient(#f06fa3, #fcda6e)!important; }
::-webkit-scrollbar-button{ background:#f6a580!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#9e459a!important; border-top:5px solid #f5b88c;border-bottom:5px solid #f5b88c; }
::-webkit-scrollbar-thumb:hover{ background: #ea816d!important; border-top:5px solid #f5b88c; border-bottom:5px solid #f5b88c; }</style>
<style>
a:link {
color: #fcda6e; /* ลิงก์ปกติ */
transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
color: #fcda6e; /* ลิงก์ที่เคยกดแล้ว */
transition: color 0.4s ease;
}
a:hover {
color: #f06fa3; /* สีตอนเมาส์วาง */
}
</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 type="text/css">
*::selection{
background:#f073a3;/* สีพื้นหลัง */
color:#4c3394 ;} /* สีตัวหนังสือ */
*::-moz-selection{
background:#f073a3/* สีพื้นหลัง */
color:#4c3394;} /* สีตัวหนังสือ */
*::-webkit-selection{
background:#f073a3/* สีพื้นหลัง */
color:#4c3394;} /* สีตัวหนังสือ */
</style>
แบบฟอร์มสร้างสถานที่หมวดหมู่ที่ตั้งสถานที่: World | ทวีปอเมริกาเมืองกรีนิช รัฐคอนเนตทิคัต สหรัฐอเมริกา
ชื่อสถานที่: คฤหาสน์ Nordlys Manor
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<title>โพสต์ธีมแตงโม (สcope ไม่รั่ว)</title>
<style>
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/f329cadd8e62b4ca23cc379fe9baab56.jpg") center/cover no-repeat;
opacity:1;
}
/* ====== SCOPE ทั้งหมดอยู่ใต้ .wm-scope เท่านั้น ====== */
.wm-scope{
/* พาเลตแตงโม */
--melon-50:#FFF6F5; --melon-100:#FEE9E7; --melon-200:#FD9F9A; --melon-300:#ED6665; --melon-400:#D44E4D;
--rind-200:#BBC877; --rind-400:#899853;
--paper: var(--melon-50);
--panel: linear-gradient(180deg,#FFF8F7 0%,#FFEDEC 100%);
--card-bg: linear-gradient(180deg,#FFE1DF 0%,#FFD3D1 100%);
--accent: var(--melon-300);
--accent-ink:#592323;
--ink:#2B2B2B; --ink-sub:#6A5C5C;
--radius:22px; --maxw:800px;
--shadow:0 14px 30px rgba(141,36,36,.18);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color:var(--ink);
background:var(--paper);
}
/* พื้นหลังเฉพาะโพสต์ */
.wm-scope .post-bg{
padding:30px;
background:
radial-gradient(80% 60% at 50% -10%, rgba(253,159,154,.25), transparent 60%),
radial-gradient(60% 60% at 105% 0%, rgba(187,200,119,.12), transparent 60%),
var(--paper);
}
/* กล่องนอก */
.wm-scope #box01{
position:relative; max-width:980px; margin:0 auto;
border-radius:var(--radius);
padding:42px 48px; background:var(--panel);
border:1px solid color-mix(in oklab, var(--rind-400) 24%, white);
box-shadow:var(--shadow), inset 0 0 0 1px rgba(255,255,255,.45);
overflow:hidden;
}
.wm-scope #box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 12% -10%, rgba(255,255,255,.75), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(253,159,154,.25), transparent 60%);
}
/* เฟรมเนื้อหา */
.wm-scope .phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:#FFF7F6; border-radius:calc(var(--radius) + 2px);
border:1px solid color-mix(in oklab, var(--rind-200) 40%, white);
box-shadow:0 12px 28px rgba(141,36,36,.12), inset 0 1px 0 rgba(255,255,255,.7);
}
/* หัวเรื่อง */
.wm-scope .phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
background:linear-gradient(90deg, var(--melon-300), var(--melon-200));
-webkit-background-clip:text; background-clip:text; color:transparent;
filter: drop-shadow(0 2px 0 #872F2F) drop-shadow(0 10px 24px rgba(212,78,77,.35));
}
.wm-scope .phx-sub{ text-align:center; color:var(--ink-sub); font-size:14px; margin:0 0 18px; }
/* รูป hero */
.wm-scope .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:12px; overflow:hidden;
box-shadow:0 10px 24px rgba(141,36,36,.18), inset 0 0 0 1px rgba(255,255,255,.65);
}
.wm-scope .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.wm-scope .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.03); }
/* การ์ด */
.wm-scope .phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
background:var(--card-bg);
border-radius:var(--radius);
border:1px solid color-mix(in oklab, var(--melon-300) 34%, white);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
padding:22px 24px; text-align:center;
}
.wm-scope .phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:#fff;
text-shadow:0 8px 20px rgba(237,102,101,.5), 0 0 16px #FFE2E1, 0 1px 0 #F6C5C3;
}
.wm-scope .phx-tag{ color:var(--rind-400); font-weight:800; margin:2px 0 12px; letter-spacing:.03em; text-transform:uppercase; }
.wm-scope .phx-body{ color:var(--accent-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.wm-scope .phx-body p{ margin:10px 0; }
/* ปุ่ม */
.wm-scope .btn-melon{
display:inline-block; margin-top:12px; padding:10px 16px; border-radius:14px;
background:linear-gradient(180deg, var(--rind-200), var(--rind-400));
color:#fff; text-decoration:none; font-weight:800; letter-spacing:.02em;
border:1px solid color-mix(in oklab, var(--rind-400) 45%, black 10%);
box-shadow:0 10px 20px rgba(137,152,83,.22), inset 0 1px 0 rgba(255,255,255,.45);
transition:transform .15s ease, filter .2s ease;
}
.wm-scope .btn-melon:hover{ transform:translateY(-1px); filter:brightness(1.03) contrast(1.05); }
/* Responsive เฉพาะกล่องนี้ */
@media (max-width:600px){
.wm-scope .phx-title{ font-size:40px }
.wm-scope .phx-card h2{ font-size:30px }
.wm-scope .phx-hero, .wm-scope .phx-card{ width:92% }
}
</style>
<!-- ✅ ห่อทุกอย่างไว้ใน .wm-scope เพื่อกันสไตล์ไหล -->
<div class="wm-scope">
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">Nordlys Manor</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/Gemini_Generated_Image_tonqvtonqvtonqvt-1.png" alt="Watermelon mood">
</figure>
<section class="phx-card">
<h2><font size="6">House of the Northern Lights/font></font></h2><font size="6">
<div class="phx-tag"><font size="3"><font size="4">บ้าน แห่ง แสง เหนือ</font></font></div>
<div class="phx-body">
<p><font size="3">คฤหาสน์ตั้งตระหง่านอยู่บนเนินเขาในย่านที่เงียบสงบที่สุดของเมืองกรีนิช รัฐคอนเนทิคัต ตัวคฤหาสน์สร้างด้วยสถาปัตยกรรม ฟลอเรนไทน์ รีไววัล อันหรูหรา โดยมีสีภายนอกเป็นชมพูอมส้มปะการังที่ดูอบอุ่น ซึ่งเป็นความตั้งใจของเคานเตสเคียร์สเทนที่จะสร้าง ภาพลวงตาของฤดูใบไม้ผลิเพื่อกลบเกลื่อนความเยือกเย็นภายในและเชื้อสายเทพน้ำแข็งของบุตรสาว</font></p><p><font size="3"><br></font></p><p><font size="3">ด้านหน้ามีสระน้ำขนาดใหญ่และสวนดอกไม้โทนสีม่วงชมพูจัดแต่งอย่างประณีต แต่ถึงแม้ภายนอกจะสว่างไสวราวกับเมดิเตอร์เรเนียน บรรยากาศภายในคฤหาสน์กลับเต็มไปด้วยความเงียบงันเย็นชา และเป็นระเบียบตามพิธีรีตองแบบชนชั้นสูงอย่างเคร่งครัด มันจึงเป็นเหมือนกรงทองที่ถูกทาสีชมพูอันหรูหรา ที่เก็บซ่อนความลับอันเยือกเย็นของสองแม่ลูกตระกูลโซล็อตล์ไว้จากโลกภายนอกอย่างสมบูรณ์แบบ </font></p><p><font size="3"><br></font></p><p><font size="3"><b>เจ้าบ้าน เคานเตส เคียร์สเทน โซล็อตล์ </b></font><b style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0); font-size: medium;">(อดีต)</b></p><p><font size="3">อดีตขุนนางนอร์เวย์ผู้ถูกเนรเทศ ปัจจุบันเป็นนักลงทุนด้านอสังหาริมทรัพย์และศิลปะ ในกรีนิช เธอใช้ความรู้ด้านชนชั้นสูงและเงินจากอดีตสามีในการซื้อขายและประดับประดาคฤหาสน์ให้สมฐานะ แม่ผู้ยึดมั่นในเกียรติยศและกฎเกณฑ์ เธอเข้มงวดและเย็นชา พยายามหล่อหลอมบุตรสาวให้สมบูรณ์แบบเพื่อความต้องการของตนเอง</font></p>
</div>
</font></section><font size="6">
</font></div><font size="6">
</font></div><font size="6">
</font></div><font size="6">
</font></div><font size="6">
</font>
แบบฟอร์มสร้างสถานที่ (มี 3 สถานที่)หมวดหมู่ที่ตั้งสถานที่: โซนบ้านพักชื่อสถานที่: [บ้านพักหมายเลข 28] ห้องนั่งเล่น<!-- ==== SPILL Minimal – clean & cool theme (scoped text only) ==== -->
<style>
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playwrite+HR+Lijeva:wght@400;600;700&family=La+Belle+Aurore&family=Manrope:wght@400;700&family=Poppins:wght@300;500;700&display=swap');
/* ⛔️ แก้ตรงนี้เพื่อไม่ให้ตัวอักษรล้นทั้งเว็บ */
body{
background: transparent !important;
margin: 0;
/* (ลบ font-family และ color ออก เพื่อไม่ให้ไปทับโพสต์อื่น) */
}
/* พื้นหลังทั้งหน้าที่คุณตั้งไว้ (คงเดิม) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://s.imgz.io/2025/11/05/Untitled-design-14-1-1-116c097d4d0596a51.gif") center/cover no-repeat;
opacity:1;
}
/* ===== THEME OVERRIDE — Lavender Ice (ตามพาเลตใหม่) ===== */
.spill-post{
--c1: #ABC0F6;--c2: #C7D6F7;--c3: #D5D9F2;--c4: #E4E2F8;--c5: #E1EDF6;
--ink: #3C4C70; --title: #6F84D9;
}
/* พื้นหลังกล่องหลักให้นุ่มแบบไล่เฉด (คงเดิม) */
.spill-post{
background: linear-gradient(180deg, var(--c5) 0%, #ffffff 85%), var(--poster-bg, none);
}
/* หัวเรื่อง SPILL / FONT ใช้สี accent (คงเดิม) */
.spill-post .spill-header .title-1,
.spill-post .spill-header .title-2{
color: var(--title);
text-shadow: 0 1px 0 #f6f7fd, 0 12px 28px rgba(60,76,112,.08);
}
/* วงกลมภาพหลัก + กรอบ (คงเดิม) */
.spill-post .circle-photo{ background: linear-gradient(145deg, var(--c2), var(--c1)); }
.spill-post .circle-photo img{ border:6px solid #fff; outline:3px solid var(--c4); }
/* รูปย่อย (คงเดิม) */
.spill-post .thumb{ background: var(--c5); outline: 2px solid var(--c3); }
/* กล่องข้อความ (คงเดิม) */
.spill-post .quote-wrap{ border-color: var(--c3); }
.spill-post .quote-title{ background: var(--c5); color: var(--ink); }
/* = Palette เดิมของส่วนมินิมอล = */
:root{ --c1:#9db0c9; --c2:#dee7ef; --c3:#bdd2e1; --c4:#afbac7; --ink:#2a3a4b; }
/* = Container (คงเดิม ย้ำฟอนต์เฉพาะในกล่องนี้) = */
.spill-post{
max-width: 980px; margin: 24px auto; padding: 24px; border-radius: 16px;
background: linear-gradient(180deg, var(--c2) 0%, #ffffff 80%), var(--poster-bg, none);
box-shadow: 0 12px 36px rgba(23,45,70,.12);
font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Arial, sans-serif; /* ← ฟอนต์ใช้เฉพาะในกล่องนี้ */
color: var(--ink); /* ← สีตัวอักษรใช้เฉพาะในกล่องนี้ */
}
/* = Inner panel (คงเดิม) = */
.spill-frame{
background: #ffffffcc; backdrop-filter: blur(2px); border: 1.5px solid var(--c3);
border-radius: 14px; padding: 28px 24px 32px;
}
/* = Heading (คงเดิม) = */
.spill-header{ margin-bottom: 8px }
.spill-header .title-1,.spill-header .title-2{
font-family: 'Playwrite HR Lijeva', serif; font-weight: 600; letter-spacing: .2px;
color: #3b5c77; line-height: .95; text-shadow: 0 1px 0 #f2f6fa;
}
.spill-header .title-1{ font-size: 60px; }
.spill-header .title-2{ font-size: 52px; margin-top:-4px }
.spill-header .title-script{
display:inline-block; margin-top:6px; font-family:'La Belle Aurore', cursive; font-size:26px; color:#3b5c77;
}
/* = Hero image (คงเดิม) = */
.circle-photo{ margin:14px auto 18px; width:86%; aspect-ratio:1/1; border-radius:999px;
padding:14px; background:linear-gradient(145deg,var(--c3),var(--c1)); box-shadow:0 10px 30px rgba(27,52,82,.15) }
.circle-photo img{ width:100%; height:100%; object-fit:cover; border-radius:999px; border:6px solid #fff; outline:3px solid var(--c4);
transition: transform .35s ease, box-shadow .35s ease }
.circle-photo:hover img{ transform: translateY(-2px) scale(1.01); box-shadow: 0 0 0 6px rgba(157,176,201,.25) }
/* = Thumbs (คงเดิม) = */
.thumb-row{ display:flex; justify-content:center; gap:22px; margin:4px 0 16px }
.thumb{ width:150px; aspect-ratio:3/4; border-radius:10px; overflow:hidden; background:var(--c2);
border:3px solid #fff; outline:2px solid var(--c3); box-shadow:0 6px 16px rgba(30,56,90,.12);
transition: transform .25s ease, box-shadow .25s ease }
.thumb img{ width:100%; height:100%; object-fit:cover; display:block }
.thumb:hover{ transform: translateY(-3px); box-shadow: 0 12px 28px rgba(30,56,90,.18) }
/* = Quote/content (คงเดิม) = */
.quote-wrap{ background:#fff; border:1.5px solid var(--c3); border-radius:10px; padding:18px 18px 22px; box-shadow:0 8px 20px rgba(20,40,70,.06) }
.quote-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:18px; color:#3b5c77; background:var(--c2);
padding:8px 12px; border-radius:8px; display:inline-block; margin-bottom:10px }
.quote-body{ font-weight:300; font-size:17px; line-height:1.8 }
.credit{ margin-top:12px; font-family:'Manrope',sans-serif; font-size:13px; color:#516a82 }
.credit a{ color:#2f5777; text-decoration:none; border-bottom:1px dotted currentColor }
/* Responsive (คงเดิม) */
@media (min-width:1100px){ .spill-post{ max-width:1040px } .thumb{ width:170px } }
</style>
<div class="spill-post" style="--poster-bg:url('https://img2.pic.in.th/pic/2c89b4c8959dc09a2f105f7c523eb4b5.md.jpg')">
<div class="spill-post" style="--poster-bg:url('')">
<div class="spill-frame">
<div class="spill-header">
<span class="title-1">living</span>
<span class="title-2">room</span>
<span class="title-script"> Snowy, Cozy, Glow</span>
</div>
<!-- รูปหลัก -->
<div class="circle-photo">
<img src="https://img2.pic.in.th/pic/Untitled-design-16c8aba828c61ef10.png" alt="main">
</div>
<!-- รูปย่อย -->
<div class="thumb-row">
<div class="thumb"><img src="https://img2.pic.in.th/pic/unnamed-9-2.jpg" alt=""></div>
<div class="thumb"><img src="https://img5.pic.in.th/file/secure-sv1/unnamed-9-1.jpg" alt=""></div>
<div class="thumb"><img src="https://img5.pic.in.th/file/secure-sv1/unnamed-9-3.jpg" alt=""></div>
</div>
<!-- เนื้อหา -->
<div class="quote-wrap">
<div class="quote-title"><span style="font-family:'Mali',cursive;font-weight:700;font-size:2em;"><font size="4">ห้องนั่งเล่น บ้านหมายเลข 28</font></span>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;700&display=swap" rel="stylesheet">
</div>
<div class="quote-body">
<span style="font-family:'Mali',cursive;font-weight:700;font-size:2em;"><font size="3">ห้องนั่งเล่นขนาดใหญ่นี้มีหลังคาน้ำแข็งใสที่สะท้อนแสงสีฟ้าอ่อนเหมือนแสงออโรรา บอเรอลิส ผนังถูกตกแต่งด้วยผ้าม่านโปร่งแสงและโครงสร้างกิ่งไม้น้ำแข็ง พื้นปูด้วยพรมขนฟูสีขาวหนาคล้ายหิมะแรก พร้อมหมอนอิงมากมาย โซฟาและเบาะนั่งขนาดใหญ่สีขาวประดับด้วยหมอนสีฟ้าอ่อน ดูเหมือนแกะสลักจากหิมะและน้ำแข็ง สร้างบรรยากาศที่เย็นสบายแต่ผ่อนคลายและหรูหราอย่างยิ่ง</font></span>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;700&display=swap" rel="stylesheet">
</div>
<div class="credit">
❄️❄️ <a href="#">The Ice Lounge: Arctic comfort beneath the soft, eternal glow of the Aurora.</a>❄️❄️
</div>
</div>
</div>
</div>
</div>
ชื่อสถานที่: [บ้านพักหมายเลข 28] ห้องนอนรวม<!-- ==== SPILL Minimal – clean & cool theme (scoped text only) ==== -->
<style>
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playwrite+HR+Lijeva:wght@400;600;700&family=La+Belle+Aurore&family=Manrope:wght@400;700&family=Poppins:wght@300;500;700&display=swap');
/* ⛔️ แก้ตรงนี้เพื่อไม่ให้ตัวอักษรล้นทั้งเว็บ */
body{
background: transparent !important;
margin: 0;
/* (ลบ font-family และ color ออก เพื่อไม่ให้ไปทับโพสต์อื่น) */
}
/* พื้นหลังทั้งหน้าที่คุณตั้งไว้ (คงเดิม) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://s.imgz.io/2025/11/05/Untitled-design-14-1-1-116c097d4d0596a51.gif") center/cover no-repeat;
opacity:1;
}
/* ===== THEME OVERRIDE — Cool Mist Duo ===== */
.spill-post{
/* สองสีหลักตามภาพตัวอย่าง */
--c1: #DDE4F2; /* ฟ้าเทาอ่อนมาก (ฝั่งซ้าย) */
--c2: #CFCFEA; /* ม่วงอมน้ำเงินอ่อน (ฝั่งขวา) */
/* อิงค่าส่วนอื่นกับคู่สีด้านบนเพื่อคงเลย์เอาต์เดิม */
--c3: #D8DDF0; /* เส้น/กรอบ */
--c4: #CFCFEA; /* เส้นนอก/outline */
--c5: #F4F6FB; /* พื้นหลังอ่อนมาก */
--title: #5C6CA8; /* สีหัวเรื่องให้อ่านชัด */
--ink: #3A425C; /* สีตัวอักษรเนื้อความ */
}
/* หากอยากให้กราเดียนต์รูปวงกลมไล่จากฟ้าเทาไปม่วงอ่อนให้สวยขึ้น:
.spill-post .circle-photo{ background: linear-gradient(145deg, var(--c1), var(--c2)); }
*/
/* พื้นหลังกล่องหลักให้นุ่มแบบไล่เฉด (คงเดิม) */
.spill-post{
background: linear-gradient(180deg, var(--c5) 0%, #ffffff 85%), var(--poster-bg, none);
}
/* หัวเรื่อง SPILL / FONT ใช้สี accent (คงเดิม) */
.spill-post .spill-header .title-1,
.spill-post .spill-header .title-2{
color: var(--title);
text-shadow: 0 1px 0 #f6f7fd, 0 12px 28px rgba(60,76,112,.08);
}
/* วงกลมภาพหลัก + กรอบ (คงเดิม) */
.spill-post .circle-photo{ background: linear-gradient(145deg, var(--c2), var(--c1)); }
.spill-post .circle-photo img{ border:6px solid #fff; outline:3px solid var(--c4); }
/* รูปย่อย (คงเดิม) */
.spill-post .thumb{ background: var(--c5); outline: 2px solid var(--c3); }
/* กล่องข้อความ (คงเดิม) */
.spill-post .quote-wrap{ border-color: var(--c3); }
.spill-post .quote-title{ background: var(--c5); color: var(--ink); }
/* = Palette เดิมของส่วนมินิมอล = */
:root{ --c1:#9db0c9; --c2:#dee7ef; --c3:#bdd2e1; --c4:#afbac7; --ink:#2a3a4b; }
/* = Container (คงเดิม ย้ำฟอนต์เฉพาะในกล่องนี้) = */
.spill-post{
max-width: 980px; margin: 24px auto; padding: 24px; border-radius: 16px;
background: linear-gradient(180deg, var(--c2) 0%, #ffffff 80%), var(--poster-bg, none);
box-shadow: 0 12px 36px rgba(23,45,70,.12);
font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Arial, sans-serif; /* ← ฟอนต์ใช้เฉพาะในกล่องนี้ */
color: var(--ink); /* ← สีตัวอักษรใช้เฉพาะในกล่องนี้ */
}
/* = Inner panel (คงเดิม) = */
.spill-frame{
background: #ffffffcc; backdrop-filter: blur(2px); border: 1.5px solid var(--c3);
border-radius: 14px; padding: 28px 24px 32px;
}
/* = Heading (คงเดิม) = */
.spill-header{ margin-bottom: 8px }
.spill-header .title-1,.spill-header .title-2{
font-family: 'Playwrite HR Lijeva', serif; font-weight: 600; letter-spacing: .2px;
color: #3b5c77; line-height: .95; text-shadow: 0 1px 0 #f2f6fa;
}
.spill-header .title-1{ font-size: 60px; }
.spill-header .title-2{ font-size: 52px; margin-top:-4px }
.spill-header .title-script{
display:inline-block; margin-top:6px; font-family:'La Belle Aurore', cursive; font-size:26px; color:#3b5c77;
}
/* = Hero image (คงเดิม) = */
.circle-photo{ margin:14px auto 18px; width:86%; aspect-ratio:1/1; border-radius:999px;
padding:14px; background:linear-gradient(145deg,var(--c3),var(--c1)); box-shadow:0 10px 30px rgba(27,52,82,.15) }
.circle-photo img{ width:100%; height:100%; object-fit:cover; border-radius:999px; border:6px solid #fff; outline:3px solid var(--c4);
transition: transform .35s ease, box-shadow .35s ease }
.circle-photo:hover img{ transform: translateY(-2px) scale(1.01); box-shadow: 0 0 0 6px rgba(157,176,201,.25) }
/* = Thumbs (คงเดิม) = */
.thumb-row{ display:flex; justify-content:center; gap:22px; margin:4px 0 16px }
.thumb{ width:150px; aspect-ratio:3/4; border-radius:10px; overflow:hidden; background:var(--c2);
border:3px solid #fff; outline:2px solid var(--c3); box-shadow:0 6px 16px rgba(30,56,90,.12);
transition: transform .25s ease, box-shadow .25s ease }
.thumb img{ width:100%; height:100%; object-fit:cover; display:block }
.thumb:hover{ transform: translateY(-3px); box-shadow: 0 12px 28px rgba(30,56,90,.18) }
/* = Quote/content (คงเดิม) = */
.quote-wrap{ background:#fff; border:1.5px solid var(--c3); border-radius:10px; padding:18px 18px 22px; box-shadow:0 8px 20px rgba(20,40,70,.06) }
.quote-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:18px; color:#3b5c77; background:var(--c2);
padding:8px 12px; border-radius:8px; display:inline-block; margin-bottom:10px }
.quote-body{ font-weight:300; font-size:17px; line-height:1.8 }
.credit{ margin-top:12px; font-family:'Manrope',sans-serif; font-size:13px; color:#516a82 }
.credit a{ color:#2f5777; text-decoration:none; border-bottom:1px dotted currentColor }
/* Responsive (คงเดิม) */
@media (min-width:1100px){ .spill-post{ max-width:1040px } .thumb{ width:170px } }
</style>
<div class="spill-post" style="--poster-bg:url('https://img2.pic.in.th/pic/2c89b4c8959dc09a2f105f7c523eb4b5.md.jpg')">
<div class="spill-post" style="--poster-bg:url('')">
<div class="spill-frame">
<div class="spill-header">
<span class="title-1">bed</span>
<span class="title-2">room</span>
<span class="title-script"> Frozen, Shared, Luminous</span>
</div>
<!-- รูปหลัก -->
<div class="circle-photo">
<img src="https://img5.pic.in.th/file/secure-sv1/Untitled-design-3d2527843ff284d6c.png" alt="main">
</div>
<!-- รูปย่อย -->
<div class="thumb-row">
<div class="thumb"><img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_n2aydmn2aydmn2ay-2.png" alt=""></div>
<div class="thumb"><img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_n2aydmn2aydmn2ay-3.png" alt=""></div>
<div class="thumb"><img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_n2aydmn2aydmn2ay-1.png" alt=""></div>
</div>
<!-- เนื้อหา -->
<div class="quote-wrap">
<div class="quote-title"><span style="font-family:'Mali',cursive;font-weight:700;font-size:2em;"><font size="4">ห้องนอน บ้านหมายเลข 28</font></span>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;700&display=swap" rel="stylesheet">
</div>
<div class="quote-body">
<span style="font-family:'Mali',cursive;font-weight:700;font-size:2em;"><font size="3">ห้องนอนรวมอยู่เหนือบันไดน้ำแข็งใต้หลังคาแสงออโรรา เตียงเดี่ยวแต่ละหลังทำจากน้ำแข็งเรืองแสงสีฟ้า จัดวางอย่างห่างกันเพื่อความเป็นส่วนตัว พื้นหิมะนุ่มปกคลุมห้อง เฟอร์นิเจอร์ทั้งหมดสร้างจากหิมะอมตะและน้ำแข็งใส สร้างบรรยากาศเย็นสบายและมีพื้นที่สำหรับนั่งเล่นเล็ก ๆ ภายในห้องเช่นเดียวกัน</font></span>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;700&display=swap" rel="stylesheet">
</div>
<div class="credit">
❄️❄️ <a href="#">Sleep on beds of glowing ice, watched over by the eternal Arctic Aurora.</a>❄️❄️
</div>
</div>
</div>
</div>
</div>
ชื่อสถานที่: [บ้านพักหมายเลข 28] โถงบูชา<!-- ==== SPILL Minimal – clean & cool theme (scoped text only) ==== -->
<style>
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playwrite+HR+Lijeva:wght@400;600;700&family=La+Belle+Aurore&family=Manrope:wght@400;700&family=Poppins:wght@300;500;700&display=swap');
/* ⛔️ แก้ตรงนี้เพื่อไม่ให้ตัวอักษรล้นทั้งเว็บ */
body{
background: transparent !important;
margin: 0;
/* (ลบ font-family และ color ออก เพื่อไม่ให้ไปทับโพสต์อื่น) */
}
/* พื้นหลังทั้งหน้าที่คุณตั้งไว้ (คงเดิม) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://s.imgz.io/2025/11/05/Untitled-design-14-1-1-116c097d4d0596a51.gif") center/cover no-repeat;
opacity:1;
}
/* ===== THEME OVERRIDE — Dusty Blue Duo ===== */
.spill-post{
/* 2 สีหลักตามสวอตช์ในภาพ */
--c1: #C7D1E9; /* ฟ้าม่วงอ่อน (ช่องซ้าย) */
--c2: #8EA0BF; /* สเลตฟ้าเข้ม (ช่องขวา) */
/* ผูกค่าส่วนอื่นให้เข้าชุด */
--c3: #BFC9E0; /* เส้น/กรอบ */
--c4: #8EA0BF; /* เส้นนอก/outline */
--c5: #EEF2F9; /* พื้นหลังอ่อนมาก */
--title: #50648E; /* สีหัวเรื่องอ่านชัดบนพื้นอ่อน */
--ink: #334158; /* สีตัวอักษรเนื้อความ */
}
/* ถ้าอยากให้กราเดียนต์วงกลมไล่จากอ่อน→เข้มให้เห็นชัดขึ้น:
.spill-post .circle-photo{ background: linear-gradient(145deg, var(--c1), var(--c2)); }
*/
/* พื้นหลังกล่องหลักให้นุ่มแบบไล่เฉด (คงเดิม) */
.spill-post{
background: linear-gradient(180deg, var(--c5) 0%, #ffffff 85%), var(--poster-bg, none);
}
/* หัวเรื่อง SPILL / FONT ใช้สี accent (คงเดิม) */
.spill-post .spill-header .title-1,
.spill-post .spill-header .title-2{
color: var(--title);
text-shadow: 0 1px 0 #f6f7fd, 0 12px 28px rgba(60,76,112,.08);
}
/* วงกลมภาพหลัก + กรอบ (คงเดิม) */
.spill-post .circle-photo{ background: linear-gradient(145deg, var(--c2), var(--c1)); }
.spill-post .circle-photo img{ border:6px solid #fff; outline:3px solid var(--c4); }
/* รูปย่อย (คงเดิม) */
.spill-post .thumb{ background: var(--c5); outline: 2px solid var(--c3); }
/* กล่องข้อความ (คงเดิม) */
.spill-post .quote-wrap{ border-color: var(--c3); }
.spill-post .quote-title{ background: var(--c5); color: var(--ink); }
/* = Palette เดิมของส่วนมินิมอล = */
:root{ --c1:#9db0c9; --c2:#dee7ef; --c3:#bdd2e1; --c4:#afbac7; --ink:#2a3a4b; }
/* = Container (คงเดิม ย้ำฟอนต์เฉพาะในกล่องนี้) = */
.spill-post{
max-width: 980px; margin: 24px auto; padding: 24px; border-radius: 16px;
background: linear-gradient(180deg, var(--c2) 0%, #ffffff 80%), var(--poster-bg, none);
box-shadow: 0 12px 36px rgba(23,45,70,.12);
font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Arial, sans-serif; /* ← ฟอนต์ใช้เฉพาะในกล่องนี้ */
color: var(--ink); /* ← สีตัวอักษรใช้เฉพาะในกล่องนี้ */
}
/* = Inner panel (คงเดิม) = */
.spill-frame{
background: #ffffffcc; backdrop-filter: blur(2px); border: 1.5px solid var(--c3);
border-radius: 14px; padding: 28px 24px 32px;
}
/* = Heading (คงเดิม) = */
.spill-header{ margin-bottom: 8px }
.spill-header .title-1,.spill-header .title-2{
font-family: 'Playwrite HR Lijeva', serif; font-weight: 600; letter-spacing: .2px;
color: #3b5c77; line-height: .95; text-shadow: 0 1px 0 #f2f6fa;
}
.spill-header .title-1{ font-size: 60px; }
.spill-header .title-2{ font-size: 52px; margin-top:-4px }
.spill-header .title-script{
display:inline-block; margin-top:6px; font-family:'La Belle Aurore', cursive; font-size:26px; color:#3b5c77;
}
/* = Hero image (คงเดิม) = */
.circle-photo{ margin:14px auto 18px; width:86%; aspect-ratio:1/1; border-radius:999px;
padding:14px; background:linear-gradient(145deg,var(--c3),var(--c1)); box-shadow:0 10px 30px rgba(27,52,82,.15) }
.circle-photo img{ width:100%; height:100%; object-fit:cover; border-radius:999px; border:6px solid #fff; outline:3px solid var(--c4);
transition: transform .35s ease, box-shadow .35s ease }
.circle-photo:hover img{ transform: translateY(-2px) scale(1.01); box-shadow: 0 0 0 6px rgba(157,176,201,.25) }
/* = Thumbs (คงเดิม) = */
.thumb-row{ display:flex; justify-content:center; gap:22px; margin:4px 0 16px }
.thumb{ width:150px; aspect-ratio:3/4; border-radius:10px; overflow:hidden; background:var(--c2);
border:3px solid #fff; outline:2px solid var(--c3); box-shadow:0 6px 16px rgba(30,56,90,.12);
transition: transform .25s ease, box-shadow .25s ease }
.thumb img{ width:100%; height:100%; object-fit:cover; display:block }
.thumb:hover{ transform: translateY(-3px); box-shadow: 0 12px 28px rgba(30,56,90,.18) }
/* = Quote/content (คงเดิม) = */
.quote-wrap{ background:#fff; border:1.5px solid var(--c3); border-radius:10px; padding:18px 18px 22px; box-shadow:0 8px 20px rgba(20,40,70,.06) }
.quote-title{ font-family:'Manrope',sans-serif; font-weight:700; font-size:18px; color:#3b5c77; background:var(--c2);
padding:8px 12px; border-radius:8px; display:inline-block; margin-bottom:10px }
.quote-body{ font-weight:300; font-size:17px; line-height:1.8 }
.credit{ margin-top:12px; font-family:'Manrope',sans-serif; font-size:13px; color:#516a82 }
.credit a{ color:#2f5777; text-decoration:none; border-bottom:1px dotted currentColor }
/* Responsive (คงเดิม) */
@media (min-width:1100px){ .spill-post{ max-width:1040px } .thumb{ width:170px } }
</style>
<div class="spill-post" style="--poster-bg:url('https://img2.pic.in.th/pic/2c89b4c8959dc09a2f105f7c523eb4b5.md.jpg')">
<div class="spill-post" style="--poster-bg:url('')">
<div class="spill-frame">
<div class="spill-header">
<span class="title-1">Prayer</span>
<span class="title-2">room</span>
<span class="title-script">Divine, Ice, Worship</span>
</div>
<!-- รูปหลัก -->
<div class="circle-photo">
<img src="https://img5.pic.in.th/file/secure-sv1/Untitled-design-5f7aeff95bf6d4f2b.png" alt="main">
</div>
<!-- รูปย่อย -->
<div class="thumb-row">
<div class="thumb"><img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_3o5omz3o5omz3o5o-2.png" alt=""></div>
<div class="thumb"><img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_3o5omz3o5omz3o5o-1.png" alt=""></div>
<div class="thumb"><img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_3o5omz3o5omz3o5o-3.png" alt=""></div>
</div>
<!-- เนื้อหา -->
<div class="quote-wrap">
<div class="quote-title"><span style="font-family:'Mali',cursive;font-weight:700;font-size:2em;"><font size="4">แท่นบูชา บ้านหมายเลข 28</font></span>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;700&display=swap" rel="stylesheet">
</div>
<div class="quote-body">
<span style="font-family:'Mali',cursive;font-weight:700;font-size:2em;"><font size="3">ห้องแห่งความศักดิ์สิทธิ์นี้สร้างจากน้ำแข็งเรียบและหิมะอมตะอย่างสมบูรณ์ ผนังถูกประดับด้วยผ้าม่านโปร่งแสงและพวงมาลัยน้ำค้างแข็ง ตรงกลางมีแท่นบูชาทรงกลมเรืองแสงที่ทำจากน้ำแข็ง พร้อมเชิงเทียน ธูป และลูกแก้วทำนาย ประติมากรรมน้ำแข็งของเทพบอเรอัสผู้ทรงอำนาจตั้งตระหง่านอยู่ด้านหลัง ล้อมรอบด้วยผลึกน้ำแข็งขนาดใหญ่ พื้นห้องปกคลุมด้วยหิมะนุ่มละเอียด ลมเย็นพัดผ่านอยู่ตลอดเวลา สร้างบรรยากาศที่สงบและศักดิ์สิทธิ์อย่างแท้จริง</font></span>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;700&display=swap" rel="stylesheet">
</div>
<div class="credit">
❄️❄️ <a href="#">A throne of eternal ice where the North Wind whispers prayers.</a>❄️❄️
</div>
</div>
</div>
</div>
</div>