แบบฟอร์มสร้างสถานที่ (มี 3 สถานที่)หมวดหมู่ที่ตั้งสถานที่: อเมริกาชื่อสถานที่: ภูเขาไฟเยลโลว์สโตน<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<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/c2e272a799310c07c833cf8005b5f363.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">Yellowstone Supervolcano</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/yellowstone.md.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">ภูเขาไฟเยลโลว์สโตน</font></h2>
<div class="phx-tag"><font size="4">[ The Continent's Cauldron ]</font></div>
<div class="phx-body">
<p><font size="3">เป็นแอ่งยุบตัวภูเขาไฟขนาดยักษ์ (Caldera) ที่ซ่อนอยู่ใต้พื้นดินในอุทยานแห่งชาติเยลโลว์สโตน สหรัฐฯ จัดเป็นซูเปอร์ภูเขาไฟที่ใหญ่ที่สุดในอเมริกาเหนือ มีขนาดแอ่งประมาณ 50 x 70 กิโลเมตร ภายใต้แอ่งเป็นแหล่งหินหนืดขนาดมหึมา (Magma Chamber) ซึ่งขับเคลื่อนปรากฏการณ์ความร้อนใต้พิภพ เช่น น้ำพุร้อน Old Faithful และบ่อโคลนเดือด การระเบิดครั้งล่าสุดเมื่อ 630,000 ปีก่อนก่อให้เกิดการยุบตัวของแอ่งปัจจุบัน</font></p><p><font size="3">🗻</font><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">🗻</font></span><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">🗻</font></span></p><p><img src="https://i.imgur.com/9Q9kxFj.png" width="300" _height="300" border="0"></p><p>[ทุก ๆ ?? วันหลังถูกพิชิตพวกมันจะก่อรูปร่างในทาร์ทารัสและหาทางกลับมาที่นี่] </p><p><b> ตัวอย่าง</b> ถูกสังหารวันที่ ??/??/2025 มันจะกลับมาในวันที่ ??/??/2025<font size="3"></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/7ceddeb4907b73309bd45126e628af8d.jpg") center/cover no-repeat;
opacity:1;
}
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Classic Sage & Mocha Palette */
--mint-ivory: #EAEEDC; /* เขียวงาช้างอ่อน */
--sage: #CCD2AB; /* เขียวเซจพาสเทล */
--mocha-rose: #9A8276; /* น้ำตาลชมพูหม่น */
--charcoal: #5A5557; /* เทาถ่านอุ่น */
--ink: #3E3A3B;
--soft-shadow: 0 12px 28px rgba(50,50,45,.14), 0 3px 8px rgba(50,50,45,.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(--mint-ivory), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--sage) 38%, white 62%) 0%,
color-mix(in oklab, var(--mocha-rose) 24%, var(--sage) 76%) 55%,
color-mix(in oklab, var(--charcoal) 18%, white 82%) 100%);
opacity:.96;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--mint-ivory), 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(--mint-ivory) 92%, white 8%) 0%,
color-mix(in oklab, var(--sage) 60%, var(--mocha-rose) 40%) 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(--mocha-rose) 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(--mint-ivory) 90%, white 10%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--sage) 18%, var(--mint-ivory) 8%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Sage → Charcoal */
#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(--sage), var(--charcoal));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(90,85,87,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#64605f; 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) 14%, var(--mint-ivory) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--mint-ivory) 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) }
/* การ์ดเนื้อหา: ไล่เฉด Mint Ivory → Mocha 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(--mint-ivory) 0%,
color-mix(in oklab, var(--mocha-rose) 54%, white 46%) 100%);
box-shadow:
0 12px 26px rgba(50,50,45,.10),
0 2px 6px rgba(50,50,45,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--charcoal) 10%, var(--sage) 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(--mint-ivory));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#6e6a68; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3f3c3c; 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">Lassen Peak</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย🗻สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/lassen-eye-of-vulcan1.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6" color="#303030">ยอดเขาแลสเซน</font></h2>
<div class="phx-tag"><font size="4">[ The Sleeper of California ]</font></div>
<div class="phx-body">
<p><font size="3">เป็นภูเขาไฟที่มีพลังทำลายล้างสูงและเป็นปล่องภูเขาไฟที่ใหญ่ที่สุดในโลก ตั้งอยู่ใน อุทยานแห่งชาติภูเขาไฟแลสเซน (Lassen Volcanic National Park) รัฐแคลิฟอร์เนีย สหรัฐอเมริกา จัดเป็นภูเขาไฟชนิดโดมลาวา (Lava Dome) ที่ยังคุกรุ่นอยู่ โดยครั้งสุดท้ายที่ปะทุอย่างรุนแรงคือช่วงปี ค.ศ. 1914–1917 ยอดเขาแลสเซนเป็นที่รู้จักในฉายา "ผู้หลับใหลแห่งแคลิฟอร์เนีย" (The Sleeper of California) เนื่องจากความสงบเงียบที่ซ่อนเร้นพลังงานความร้อนใต้พิภพไว้ใต้ยอดเขาหิมะ</font></p><p><font size="3">🗻</font><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">🗻</font></span><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">🗻</font></span></p><p><img src="https://i.imgur.com/9Q9kxFj.png" width="300" _height="300" border="0"></p><p>[ทุก ๆ ?? วันหลังถูกพิชิตพวกมันจะก่อรูปร่างในทาร์ทารัสและหาทางกลับมาที่นี่] </p><p><b> ตัวอย่าง</b> ถูกสังหารวันที่ ??/??/2025 มันจะกลับมาในวันที่ ??/??/2025<font size="3"></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{
/* Palette from image */
--sage: #B6B08D; /* เขียวเซจหม่น */
--cream:#F2EAE1; /* ครีมอุ่น */
--blush:#F4D2D3; /* ชมพูละมุน */
--peach:#EAB8AD; /* พีชพาสเทล */
--ink: #4A413C;
--soft-shadow: 0 12px 28px rgba(74,65,60,.14), 0 3px 8px rgba(74,65,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 }
/* พื้นหลังนุ่ม ๆ จาก Sage→Cream→Blush/Peach */
#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(--cream) 55%, white 45%) 45%,
color-mix(in oklab, var(--blush) 45%, var(--peach) 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(--sage) 28%, var(--blush) 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,.5), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--peach) 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(--cream) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--sage) 14%, var(--blush) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Sage → Peach */
#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(--sage), var(--peach));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(182,176,141,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#6d615d; 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(--cream) 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 → Blush/Peach */
#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(--blush) 55%, var(--peach) 45%) 100%);
box-shadow:
0 12px 26px rgba(74,65,60,.10),
0 2px 6px rgba(74,65,60,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--peach) 12%, var(--sage) 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:#7a6f6a; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#4b4440; 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">Mount Shasta</font></h1>
<div class="phx-sub"><font size="3">(รัฐแคลิฟอร์เนีย🌋สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/mount-shasta-2-70a.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6" color="#886a4e">ยอดเขาชาสตา</font></h2>
<div class="phx-tag"><font size="4">[ Queen of the Cascades ]</font></div>
<div class="phx-body">
<p><font size="3">เป็นภูเขาไฟทรงกรวย (Stratovolcano) ที่มีความงดงามตระการตาและมีหิมะปกคลุมยอดเขาเกือบตลอดปี ตั้งอยู่ในเขต Shasta–Trinity National Forest ทางตอนเหนือของรัฐแคลิฟอร์เนีย สหรัฐอเมริกา จัดเป็นภูเขาไฟที่ใหญ่เป็นอันดับสองในเทือกเขา Cascade Range ถือเป็น "ภูเขาศักดิ์สิทธิ์" (Sacred Mountain) ในตำนานของชนพื้นเมืองอเมริกันหลายกลุ่ม ที่เชื่อว่าเป็นที่พำนักของเทพหรือสิ่งมีชีวิตลึกลับ</font></p><p><font size="3">🗻</font><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">🗻</font></span><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">🗻</font></span></p><p><img src="https://i.imgur.com/9Q9kxFj.png" width="300" _height="300" border="0"></p><p>[ทุก ๆ ?? วันหลังถูกพิชิตพวกมันจะก่อรูปร่างในทาร์ทารัสและหาทางกลับมาที่นี่] </p><p><b> ตัวอย่าง</b> ถูกสังหารวันที่ ??/??/2025 มันจะกลับมาในวันที่ ??/??/2025<font size="3"></font></p>
</div>
</section>
</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">Common</span>
<span class="title-2">Room</span>
<span class="title-script">Cozy, Chandelier, French</span>
</div>
<!-- รูปหลัก -->
<div class="circle-photo">
<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_jd144fjd144fjd14.png" alt="main">
</div>
<!-- รูปย่อย -->
<div class="thumb-row">
<div class="thumb"><img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_c3h2xnc3h2xnc3h2-3.png" alt=""></div>
<div class="thumb"><img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_c3h2xnc3h2xnc3h2-2.png" alt=""></div>
<div class="thumb"><img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_c3h2xnc3h2xnc3h2-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">ห้องอเนกประสงค์ที่ใช้เป็นห้องเรียนทรงกลมนี้มีบรรยากาศที่อบอุ่นกว่าส่วนอื่นของบ้านอย่างเห็นได้ชัด เตาผิงหินน้ำแข็งสลักลายเรืองแสงด้วยเปลวไฟสีฟ้าที่ให้ความร้อน ห้องนี้มีหน้าต่างบานกลมขนาดใหญ่และเพดานโค้งสูงประดับโคมระย้าคริสตัล ที่นั่งถูกจัดเป็นวงกลมทำจากหิมะอมตะที่หุ้มด้วยวัสดุขนฟูหนาที่อบอุ่นเป็นพิเศษ โต๊ะกลางทำจากน้ำแข็งใส พื้นปกคลุมด้วยหิมะละเอียด และมีชั้นวางหนังสือที่ถูกปกคลุมด้วยน้ำค้างแข็ง พร้อมกระดานดำสำหรับเขียนตำราเวทมนตร์ภาษาฝรั่งเศส <br>มีการเรียนการสอนวิชาภาษาฝรั่งเศษโดยเดมิก็อดสายเลือดบอเรอัส(ทุกวันเสาร์-อาทิตย์)ผู้เล่นที่เข้าเรียน +1 INT (หากสเตตัส MAX แล้วจะได้ +1 Point แทน)เมื่อโคกับผู้เล่นบ้านบอเรอัสในการเรียน</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 Warm Hearth of Knowledge, Where Arctic students learn la langue française.</a>❄️❄️
</div>
</div>
</div>
</div>
</div>
แบบฟอร์มสร้างสถานที่หมวดหมู่ที่ตั้งสถานที่: นิวยอร์กชื่อสถานที่: The Union Square Greenmarket
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<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/3980181c96da7086de9fde1efc1f2cac.jpg") center/cover no-repeat;
opacity:1;
}
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Axolotl Meadow Palette */
--axolotl: #6A7A5A; /* เขียวมะกอกหม่น */
--morning: #8DAF9B; /* เขียวอรุณ */
--jet: #BED2BA; /* มิ้นต์หมอก */
--vanilla: #D7CBB2; /* วานิลลาอบอุ่น */
--opal: #AAC4BC; /* ออพอลฟ้าเขียว */
--ink: #3b463e;
--soft-shadow: 0 12px 28px rgba(30,50,40,.14), 0 3px 8px rgba(30,50,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(--vanilla), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--opal) 42%, white 58%) 0%,
color-mix(in oklab, var(--morning) 45%, white 55%) 50%,
color-mix(in oklab, var(--jet) 45%, white 55%) 100%);
opacity:.95;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--vanilla), 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(--vanilla) 92%, white 8%) 0%,
color-mix(in oklab, var(--opal) 30%, var(--morning) 70%) 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(--morning) 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(--vanilla) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--jet) 16%, var(--morning) 10%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Axolotl → Opal */
#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(--axolotl), var(--opal));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(106,122,90,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#5d6a62; 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(--opal) 12%, var(--jet) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--jet) 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) }
/* การ์ดเนื้อหา: ไล่เฉด Vanilla → Morning (สดชื่นกำลังดี) */
#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(--vanilla) 0%,
color-mix(in oklab, var(--morning) 55%, white 45%) 100%);
box-shadow:
0 12px 26px rgba(30,50,40,.10),
0 2px 6px rgba(30,50,40,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--axolotl) 12%, var(--opal) 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(--vanilla));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#627068; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3f4942; 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 Union Square Greenmarket</font></h1>
<div class="phx-sub"><font size="3">(🧺New York City🧺)</font></div>
<figure class="phx-hero">
<img src="https://img5.pic.in.th/file/secure-sv1/d4698bd1f19c7a46f0ff4d7f58ad20a8.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6" color="#556b2f">ตลาดเกษตรกรยูเนียนสแควร์</font></h2>
<div class="phx-tag"><font size="4">[ Union Square Greenmarket ]</font></div>
<div class="phx-tag"><font size="4">[มหกรรมแห่งผลผลิต ที่ยูเนียนสแควร์ ทุกวันจันทร์, พุธ, ศุกร์, เสาร์]</font></div>
<div class="phx-body">
<p><font size="3">เป็นตลาดเรือธง (Flagship Market) ที่มีชื่อเสียงระดับโลกในแมนฮัตตัน ตลาดนี้ก่อตั้งขึ้นในปี 1976 และเปิดทำการตลอดปีในวันจันทร์, พุธ, ศุกร์ และเสาร์ ในช่วงฤดูท่องเที่ยวจะมีเกษตรกร, ชาวประมง, และผู้ผลิตสินค้าจากภูมิภาคมากถึง 140 ราย มาขายผลิตผลสดใหม่, เนื้อสัตว์, ชีส, ไวน์, และดอกไม้ บรรยากาศของตลาดแห่งนี้มีชีวิตชีวา และเป็นจุดที่เชื่อมต่อชาวนิวยอร์กเข้ากับฟาร์มในท้องถิ่น</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-11-11 18:25
แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: World | ทวีปอเมริกาใต้ | ประเทศเอกวาดอร์
บาเฮีย เดอ คาราเควซ
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 50px;
border: 5px double #6486ae;
padding: 50px;
box-shadow: #6486ae 0px 0px 10px;
background-image: url("https://img2.pic.in.th/pic/imagef9604c3392656839.png");
background-attachment:fixed;}
</style>
<style>
#boxsystem02 {
width: 700px;
border-radius: 0px;
border: 1px dotted #6486ae;
padding: 100px;
box-shadow: #6486ae 0px 0px 20px;
background-image: url("https://img2.pic.in.th/pic/navy85.png");}
</style>
<style>
#boxsystem03 {
width: 450px;
border-radius: 20px;
border: 2px dashed #d1e6ec;
padding: 3px;
box-shadow: #d1e6ec 0px 0px 0em;
background-color: #F6F5F2;}
</style>
<style>
.shadow {
text-shadow: 0px 0px 5px #082647;
}
</style>
<div id="boxsystem01">
<p>
<br><br></p><p><font style="" size="7" color="#f4a460" face="Sriracha"><span style="text-align: left;"><span class="shadow" ;"="" style=""><b style=""> Bahía de Caráquez </b></span></span></font><br></p><p><font style="face=" ;p<font="" color="#fffacd" face="TH Krub" size="5"><span class="shadow" ;"="" style="">บาเฮีย เดอ คาราเควซ, มานาบี, ประเทศเอกวาดอร์</span></font><br></p><p><br></p>
<iframe width="900" height="505" src="https://www.youtube.com/embed/y0oa-KkJC5I?autoplay=1&loop=1&playlist=y0oa-KkJC5I" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
<br><p><br></p><div id="boxsystem02"><p><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview---2025-11-10T211454.539.png" width="300" _height="273" border="0"></p><p><font color="#f4a460" face="TH Krub" size="6">บาเฮีย เดอ คาราเควซ</font></p><p><font color="#fffacd" face="TH Krub" size="5">ประเทศเอกวาดอร์</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://i.imgur.com/6SgU8gR.gif" width="524" _height="40" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Pridi" size="3" color="#696969"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Pridi" size="3" color="#696969"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5"><font color="#add8e6"> </font><b style=""><font color="#f4a460">บาเฮีย เดอ คาราเควซ (Bahía de Caráquez)</font></b><font color="#add8e6"> เป็นเมืองชายฝั่งสงบงามตั้งอยู่ใน</font><font color="#fffacd">จังหวัดมานาบี (Manabí) ประเทศเอกวาดอร์</font><font color="#add8e6"> เมืองนี้ตั้งอยู่ตรงปาก</font><font color="#fffacd">แม่น้ำริโอ ชอน (Río Chone)</font><font color="#add8e6"> ที่ไหลลงสู่</font><i style=""><font color="#48d1cc">มหาสมุทรแปซิฟิก</font></i><font color="#add8e6"> ทำให้มีทิวทัศน์งดงามของทั้งทะเลและแม่น้ำในจุดเดียวกัน บรรยากาศโดยรวมของเมืองเป็นแบบรีสอร์ตชายทะเลที่เงียบสงบ มีถนนเลียบชายฝั่งและอาคารสไตล์โคโลเนียลผสมกับสถาปัตยกรรมสมัยใหม่</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5" color="#add8e6"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5" style="color: rgb(173, 216, 230);"> </font><span style="font-family: "TH Krub"; font-size: x-large;"><b style=""><font color="#f4a460">บาเฮีย เดอ คาราเควซ</font></b><font color="#add8e6"> </font></span><font face="TH Krub" size="5" style=""><font color="#add8e6">เคยได้รับการยกย่องว่าเป็น </font><font color="#fffacd">“Ecological City” </font><font color="#add8e6">แห่งแรกของเอกวาดอร์ เนื่องจากความพยายามของชุมชนในการฟื้นฟูธรรมชาติหลังจากภัยพิบัติ เช่น แผ่นดินไหวและน้ำท่วม เมืองนี้มีระบบการจัดการสิ่งแวดล้อมที่เป็นมิตรกับธรรมชาติ และยังเป็นศูนย์กลางของโครงการอนุรักษ์ป่าชายเลน รวมถึงการศึกษาระบบนิเวศทางทะเล</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5" color="#add8e6"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5"><font color="#add8e6"> สิ่งที่โดดเด่นของเมืองคือบรรยากาศเงียบสงบเหมาะกับการพักผ่อน ผู้คนเป็นมิตร และมี</font><font color="#fffacd">สะพานขนาดใหญ่ “Puente Los Caras”</font><font color="#add8e6"> เชื่อมต่อกับเมืองซาน วิเซนเต (San Vicente) อีกฝั่งของแม่น้ำ นักท่องเที่ยวสามารถเพลิดเพลินกับชายหาดที่ยาวและสะอาด กิจกรรมทางน้ำ เช่น พายเรือคายัค ตกปลา หรือชมพระอาทิตย์ตกดินเหนืออ่าวที่สวยงามที่สุดแห่งหนึ่งของชายฝั่งเอกวาดอร์</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="Pridi" size="3" color="#c0c0c0"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(72, 76, 85);"><font face="Pridi" size="3"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Pridi" size="3"><img src="https://i.imgur.com/6SgU8gR.gif" width="524" _height="40" border="0"></font></p></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/island.png"); background-attachment:fixed; }</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style type="text/css">
::-webkit-scrollbar{width:7px; height: 7px}
::-webkit-scrollbar-track-piece:decrement{ background:#9bdaf7!important; border-left:3px solid #fff;border-radius:5px; border-right:3px solid #fff;border-radius:5px;}
::-webkit-scrollbar-track-piece:increment { background:#2c619d!important; }
::-webkit-scrollbar-button{ background:#2c619d!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#87afb0, #117979, #2c619d); border-top:2px solid #9bdaf7;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#c18e67, #117979, #2c619d); border-top:2px solid #9bdaf7;border-radius:5px;}</style>
<style name="captain" type="text/css">img:hover {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg) }img {-webkit-transition:5s; -moz-transition:5s;
-o-transition:5s;} </style>
</font><br><br></div></div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-12-2 21:13
สาธารณรัฐปานามา
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 50px;
border: 5px double #000;
padding: 50px;
box-shadow: #2c6d5e 0px 0px 10px;
background-image: url("https://img2.pic.in.th/pic/ombre-green-wave-background-abstract-style.jpg");
background-attachment:fixed;}
</style>
<style>
#boxsystem02 {
width: 700px;
border-radius: 0px;
border: 1px dotted #2c6d5e;
padding: 100px;
box-shadow: #2c6d5e 0px 0px 20px;
background-image: url("https://img2.pic.in.th/pic/dark-blue-85.png");}
</style>
<style>
#boxsystem03 {
width: 450px;
border-radius: 20px;
border: 2px dashed #d1e6ec;
padding: 3px;
box-shadow: #d1e6ec 0px 0px 0em;
background-color: #F6F5F2;}
</style>
<style>
.shadow {
text-shadow: 0px 0px 5px #2c6d5e;
}
</style>
<div id="boxsystem01">
<p>
<br><br></p><p><font style="" size="10" face="Georgia"><span style="text-align: left;"><span class="shadow" ;"="" style=""><b style=""> República de Panamá </b></span></span></font><br></p><p><font style="face=" ;p<font="" face="TH Krub" color="#ffffff"><span class="shadow" ;"="" style=""><font size="2"><br></font><font size="7">สาธารณรัฐปานามา</font></span></font><br></p><p><br></p>
<iframe width="900" height="505" src="https://www.youtube.com/embed/jiBcHo0kKyM?autoplay=1&loop=1&playlist=jiBcHo0kKyM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
<br><p><br></p><div id="boxsystem02"><p><img src="https://img2.pic.in.th/pic/image04377dd4001ed457.png" width="180" _height="240" border="0"></p><p><br></p><p><font face="TH Krub" color="#7ec4af" size="7"><b>สาธารณรัฐปานามา</b></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_3b38a123244efb6f2649c70e512200b0_8b615e19_2048.png" width="512" _height="41" border="0"></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Pridi" size="3" color="#696969"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Pridi" size="3" color="#696969"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5"><font color="#ffffff"> </font><b style=""><font color="#48d1cc">สาธารณรัฐ</font></b><b style=""><font color="#48d1cc">ปานามา </font></b><font color="#ffffff">เป็นประเทศที่ตั้งอยู่ในคอคอดระหว่าง</font><b style=""><font color="#a3a3a3">ทวีปอเมริกาเหนือและใต้</font></b><font color="#ffffff"> มีชายฝั่งติดทั้ง</font><b style=""><font color="#a3a3a3">มหาสมุทรแปซิฟิกและทะเลแคริบเบียน</font></b><font color="#ffffff"> </font><font color="#ffffff" style="">เมืองหลวงคือ </font><font color="#48d1cc" style="font-weight: bold;">ปานามาซิตี้</font><font color="#ffffff"> ศูนย์กลางการค้า การเงิน และวัฒนธรรมที่มีสถาปัตยกรรมผสมผสานระหว่างยุคโคโลเนียลกับสมัยใหม่</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5"><font color="#ffffff"><br></font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5"><font color="#ffffff"> จุดเด่นสำคัญคือ</font><font color="#a3a3a3"><b style="">คลองปานามา</b> <b style="">เขตเมืองเก่ากาสกอน</b></font><font color="#ffffff"> และ</font><b style=""><font color="#a3a3a3">อุทยานซานโต้ โตมาส</font></b><font color="#ffffff"> ปานามาโดดเด่นด้วยชายหาด ป่าฝน และเทศกาลพื้นเมืองที่มีสีสัน ประชากรส่วนใหญ่เป็นชาวปานามาเชื้อสาย</font><b style=""><font color="#a3a3a3">ละตินและเมสติซอส (Mestizo)</font></b><font color="#ffffff"> มีชนเผ่าพื้นเมืองอาศัยอยู่กระจายตามภูมิภาค</font><b style=""><font color="#48d1cc"> ภาษาอย่างเป็นทางการคือภาษาสเปน</font></b><font color="#ffffff"> และประชาชนมีวัฒนธรรมผสมผสานทั้งประเพณีพื้นเมือง ลาติน และอิทธิพลตะวันตก</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5" color="#ffffff"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(255, 255, 255); font-family: "TH Krub"; font-size: x-large;"> </span><span style="color: rgb(255, 255, 255); font-family: "TH Krub"; font-size: x-large;"> </span><font face="TH Krub" size="5"><font color="#ffffff">ทางตะวันออกของประเทศมี </font><font color="#a3a3a3"><b>ช่องดาเรียน (Darién Gap) </b></font><font color="#ffffff">ป่าฝนและพื้นที่ชุ่มน้ำขนาดใหญ่ที่เชื่อมปานามากับโคลอมเบีย ยาวประมาณ 160 กิโลเมตร เป็นพื้นที่อุดมสมบูรณ์แต่ยากต่อการเข้าถึง </font><b style=""><font color="#a3a3a3">ไม่มีถนนผ่าน ต้องเดินป่าหรือใช้เรือ</font></b><font color="#ffffff"> มีชนเผ่าพื้นเมืองและสัตว์ป่าหลากหลาย เป็นแหล่งศึกษาความหลากหลายทางชีวภาพและความท้าทายทางภูมิศาสตร์ที่น่าสนใจ</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Krub" size="5"><font color="#ffffff"><br></font></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/panama-provinces-map.png" width="667" _height="336" border="0"></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(72, 76, 85);"><font face="Pridi" size="3"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/tumblr_3b38a123244efb6f2649c70e512200b0_8b615e19_2048.png" width="512" _height="41" border="0"></p></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/ombre-green-wave-background-abstract-style.jpg"); background-attachment:fixed; }</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>
<style type="text/css">
::-webkit-scrollbar{width:7px; height: 7px}
::-webkit-scrollbar-track-piece:decrement{ background:#155d5c!important; border-left:3px solid #0a2629; border-right:3px solid #0a2629; }
::-webkit-scrollbar-track-piece:increment { background:#155d5c!important; }
::-webkit-scrollbar-button{ background:#155d5c!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#c7e3e4, #74bfbc, #155d5c); border-top:2px solid #9bdaf7;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#474747, #74bfbc, #155d5c); border-top:2px solid #9bdaf7;border-radius:5px;}</style>
<style name="captain" type="text/css">img:hover {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg) }img {-webkit-transition:5s; -moz-transition:5s;
-o-transition:5s;} </style>
</font><br><br></div></div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-11-14 22:11
ห้องเพาะเลี้ยงทาร์ทารัสใหม่
<div align="center" style="list-style-type: none;">
<style>
#boxarmory01 {
border-radius: 0px;
border: 10px solid #444346;
padding: 3px;
box-shadow: #444346 inset 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/b3772a3c358fa07856de07871cfa30a2.gif");}
</style>
<style>
#boxarmory02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #444346;
padding: 50px;
box-shadow: #444346 0px 0px 20px;
no-repeat center center fixed;
background-attachment:fixed;
background-size: cover; /* ทำให้ภาพขยายเต็มหน้าจอ */
background-color: #0f0f0f;}
</style>
<style>
#boxarmory03 {
width: 500px;
border-radius: 0px;
border: 0px double #000;
padding: 50px;
box-shadow: #4d4d4d 5px 5px 10px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>
<style>
#boxarmory04 {
width: 500px;
border-radius: 0px;
border: 0px double #000;
padding: 50px;
box-shadow: #4d4d4d 5px 5px 10px;
background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #5c5c5c;
}
</style>
<div id="boxarmory01">
<p><br></p><p><br></p><p><br></p>
<div id="boxarmory02">
<p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#ffffff"><b style="">New Tartarus Incubation Room</b></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="Sarabun" color="#c0c0c0"><br>⋘ ห้องเพาะเลี้ยงทาร์ทารัสใหม่ ⋙</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/line-goth03.gif" width="343" _height="39" border="0"><font face="Sarabun" size="3"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><br></font></p>
<div class="image-container">
<img src="https://i.imgur.com/19vOWDM.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/oIKg81B.png" alt="รูปรอง">
</div>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font color="#696969" face="Sarabun" size="2">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="color: rgb(108, 87, 106);"><font face="Sarabun" size="2"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/line-goth03.gif" width="343" _height="39" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="5" style=""><font color="#ffffff">ห้องเพาะเลี้ยงทาร์ทารัสใหม่</font><font color="#c0c0c0">
</font></font><font size="4" style="color: rgb(192, 192, 192);">
</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="color: rgb(192, 192, 192); white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"> </span><font face="Sarabun" size="3" style=""><span style="white-space-collapse: preserve;"><font color="#c0c0c0">อาคารหลังนี้ตั้งตระหง่านอยู่ใจกลางค่ายจูปิเตอร์ ไม่ได้มีรูปลักษณ์โอ่อ่าแบบวัดโรมัน แต่เป็นโครงสร้างคอนกรีตเรียบง่ายทึบทึม แต่กลับแฝงด้วยความสำคัญที่ไม่อาจประเมินได้สำหรับชาวค่ายผู้สวม</font><b style=""><font color="#a56f9e">เสื้อยืดสีม่วง</font></b><font color="#c0c0c0">ทุกคน ที่นี่ไม่ใช่ห้องทดลองทางวิทยาศาสตร์ แต่เป็น </font><b style=""><font color="#ffffff">"โถงแก่นกลาง"</font></b><font color="#c0c0c0"> เป็นจุดรวมสุดท้ายของการดำรงอยู่</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3" style="color: rgb(192, 192, 192);"><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" style=""><span style="white-space-collapse: preserve;"><font color="#c0c0c0">นี่คือสถานที่ลี้ลับที่ทำหน้าที่เป็นมากกว่าศูนย์ฟื้นฟู พวกเขากำลัง </font><font color="#ffffff"><b style="">"เพาะพันธุ์"</b> <b style="">ผิวหนังทาร์ทารัส (Tartarus skin)</b></font><font color="#c0c0c0"> ขึ้นมา—ไม่ได้มาจากกระบวนการทางเคมี แต่เป็นผลผลิตอันประหลาดที่หลีกเลี่ยงไม่ได้จากการหลอมรวมมิติ เพื่อที่จะสร้าง </font><font color="#ffffff"><b style="">"ทาร์ทารัสใหม่"</b> </font><font color="#c0c0c0">ได้ เพื่อให้เหล่าตำนานที่ผูก </font><b style=""><font color="#ffffff">"แก่น"</font></b><font color="#c0c0c0"> ของตนไว้กับที่แห่งนี้สามารถใช้มันเป็นทางรอด... </font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3" style="color: rgb(192, 192, 192);"><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" style=""><span style="white-space-collapse: preserve;"><font color="#c0c0c0">ตำนานทุกคนที่เคยเผชิญหน้ากับความตาย หรือต้องการการฟื้นฟูจากบาดแผลที่เกินเยียวยา จะมุ่งหน้ามาที่โถงแก่นกลางแห่งนี้ เพื่อใช้ผิวหนังทาร์ทารัสในการ </font><b style=""><font color="#ffffff">รักษาตัวเอง, ฟื้นฟูสภาพ</font><font color="#c0c0c0"> </font></b><font color="#c0c0c0">หรือแม้กระทั่ง </font><font color="#ffffff"><b style="">ตายลงอย่างสมบูรณ์</b> </font><font color="#c0c0c0">โดยที่ไม่ต้องทนทุกข์และกลับไปสู่ห้วงเหวลึกอันมืดมิดของทาร์ทารัสจริงๆ</font></span></font></div><div style="text-align: left;"><font face="Sarabun" size="3" style="color: rgb(192, 192, 192);"><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" style=""><span style="white-space-collapse: preserve;"><font color="#c0c0c0">แต่แล้วพวกเขาก็ต้องประหลาดใจ เมื่อกลางโถงกลับมี </font><b style=""><font color="#ffffff">ร่องรอยของผิวหนังทาร์ทารัส</font><font color="#c0c0c0"> </font></b><font color="#c0c0c0">ปรากฏอยู่โดยไม่มีใครคาดคิด แอสเทอเรียนได้เปิดเผยความลับที่พวกเขาพยายามปิดบังอย่างหนัก นั่นคือความพยายามที่จะเพาะปลูก </font><font color="#ffffff"><b style="">"ฝักฟื้นฟู"</b> </font><font color="#c0c0c0">(regeneration pods) ขึ้นที่ค่ายจูปิเตอร์แห่งนี้เอง ซึ่งนั่นคือความหวังเดียวของพวกเขา...</font><font color="#ffffff"><b style=""> </b><b style="">เพื่อหลีกเลี่ยงการกลับไปยังทาร์ทารัส</b></font></span></font></div><div style="text-align: left;"><font color="#c0c0c0"><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;">โถงแก่นกลางจึงเป็นสถานที่ที่เต็มไปด้วยความหวังและความสิ้นหวังในเวลาเดียวกัน เป็นห้องแห่งการเกิดใหม่และการดับสูญ ที่ซึ่งชิ้นส่วนจากดินแดนแห่งความมืดมิดที่สุด ถูกนำมาใช้เพื่อปกป้องแสงสว่างของเหล่าลูกหลานแห่งเทพเจ้า</span></font></font></div><div style="text-align: center;"><font face="Sarabun" size="3" color="#ffffff"><span style="white-space-collapse: preserve;"><br></span></font></div><div style="text-align: center;"><img src="https://img2.pic.in.th/pic/line-goth02.gif" width="343" _height="39" border="0"></div><div style="text-align: center;"><br></div><p><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="">
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/b3772a3c358fa07856de07871cfa30a2.gif"); background-attachment:fixed; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#000!important; }
::-webkit-scrollbar-track-piece:increment { background:#000!important; }
::-webkit-scrollbar-button{ background:#000!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#444346!important; border-top:5px solid #fff;border-bottom:5px solid #fff; }
::-webkit-scrollbar-thumb:hover{ background: #fff!important; border-top:5px solid #444346; border-bottom:5px solid #444346; }</style>
</font>
<style>
a:link {
color: #3c3c3c; /* ลิงก์ปกติ */
transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
transition: color 0.4s ease;
}
a:hover {
color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>
<style>
.image-container {
position: relative;
width: 512px; /* ขนาดรูป */
height: 512px;
overflow: hidden;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}
/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}
/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>
แก้ไขครั้งสุดท้ายโดย Laura เมื่อ 2025-11-14 16:48 <br /><br /><br><div style="text-align: center;"><font size="5" face="TH SarabunPSK"><b>หมวดหมู่ที่ตั้งสถานที่: World/นครนิวยอร์ก</b></font></div><div style="text-align: center;"><font size="5" face="TH SarabunPSK"><b>ชื่อสถานที่: โรมแรมเดอะริทซ์-คาร์ลตัน โออาฮู</b></font></div><div><br></div><div><div class="luxury-box"><div class="luxury-image-container"><br><div class="luxury-overlay-info"><div style="text-align: center;"><span style="font-size: x-large; font-family: "Playfair Display", serif; letter-spacing: 2px; background-color: initial;"><i>The Ritz-Carlton O‘ahu, Turtle Bay</i></span></div>
<p class="luxury-tagline" style="text-align: center;"><font face="TH SarabunPSK" size="5">"On Our O'ahu Resort in Hawai'i, All You Have To Do Is Be."</font></p>
</div>
</div>
<div class="luxury-text-content">
<h3><font face="TH SarabunPSK" size="5">Aloha: Your Private Oasis on the North Shore</font></h3>
<p><font face="TH SarabunPSK" size="5">
The Ritz-Carlton O‘ahu, Turtle Bay เป็นรีสอร์ตที่ตั้งอยู่บน North Shore ของ O‘ahu, Hawaiʻi ที่ซึ่งคุณสามารถดื่มด่ำกับความงามตามธรรมชาติและความอุดมสมบูรณ์ทางวัฒนธรรม ที่นี่เชิญชวนให้คุณค้นพบอย่างต่อเนื่องและสัมผัสช่วงเวลาที่เข้าถึงจิตวิญญาณ ท่ามกลางหาดทรายที่เงียบสงบหลายไมล์และเส้นทางธรรมชาติที่น่าทึ่ง
</font></p><p><font face="TH SarabunPSK" size="5"><br></font></p>
<button class="luxury-button" onclick="toggleRoomList()" id="view-room-button" style=""><span style="font-size: 17.6px;">Suites & Rooms</span></button></div><div class="luxury-text-content"><div class="club-highlight">
<font size="5" face="TH SarabunPSK"><font style="font-weight: bold;">✨ </font><font color="#cfa868"><b>Ocean View (ห้องพักแบบมาตรฐาน) </b></font> : วิวทะเล<br><div class="club-highlight">ขนาดห้องพัก 43 ตารางเมตร</div><div class="club-highlight">จำนวนผู้เข้าพักสูงสุด : 3 ท่าน</div><div class="club-highlight">เตียง : 1 King, Sofa bed</div><div class="club-highlight">สิ่งอำนวยความสะดวก / อื่นๆ : มีห้องน้ำพร้อมเครื่องเป่าผม, มินิตู้เย็น, เครื่องชงชา/กาแฟ</div> <button class="luxury-button" onclick="toggleRoomList()" id="view-room-button" style=""><font face="TH SarabunPSK">BOOKING NOW</font></button></font></div></div><div class="luxury-text-content"><div class="club-highlight">
<font size="5" face="TH SarabunPSK"><b>✨ </b><font color="#cfa868"><b>Ocean Front Suite</b></font><b> </b><span style="font-weight: normal; color: rgb(245, 245, 245);">: </span><font style="font-weight: bold;"><br></font></font><div class="club-highlight"><font size="5" face="TH SarabunPSK">ขนาดห้องพัก 65 ตารางเมตร</font></div><div class="club-highlight"><font size="5" face="TH SarabunPSK">จำนวนผู้เข้าพักสูงสุด : 4 ท่าน</font></div><div class="club-highlight"><font size="5" face="TH SarabunPSK">เตียง : 1 King, Sofa bed</font></div><div class="club-highlight"><font size="5" face="TH SarabunPSK">สิ่งอำนวยความสะดวก / อื่นๆ : ห้องสวีทกว้างขวาง, มีพื้นที่นั่งเล่น (Living/sitting area), มีโซฟาแบบดึงออกได้ (pullout sofa) และระเบียงกว้าง</font></div> <font size="5"><button class="luxury-button" onclick="toggleRoomList()" id="view-room-button" style=""><font face="TH SarabunPSK" style="font-family: "TH SarabunPSK";">BOOKING NOW</font></button></font></div></div><div class="luxury-text-content"><div class="club-highlight">
<font size="5" face="TH SarabunPSK"><b style="color: rgb(245, 245, 245); font-weight: 400;">✨ </b><font color="#cfa868"><b>Ocean Bungalow (King Bed + Club Access)</b></font><b style="color: rgb(245, 245, 245); font-weight: 400;"> </b><span style="font-weight: normal; color: rgb(245, 245, 245);">: </span><font style="font-weight: bold; color: rgb(245, 245, 245);"><br></font><div class="club-highlight">ขนาดห้องพัก 67 ตารางเมตร</div><div class="club-highlight">จำนวนผู้เข้าพักสูงสุด : 4 ท่าน</div><div class="club-highlight">เตียง : 1 King, Sofa bed</div><div class="club-highlight">สิ่งอำนวยความสะดวก / อื่นๆ : รวมสิทธิ์เข้า Club Lounge สำหรับ 2 ท่าน ตั้งอยู่ใกล้ชายหาดมาก, มีสระว่ายน้ำส่วนตัว (private tranquility pool), มีบริการโฮสต์บังกะโลโดยเฉพาะ (dedicated host)</div> <button class="luxury-button" onclick="toggleRoomList()" id="view-room-button" style=""><font face="TH SarabunPSK">BOOKING NOW</font></button></font></div></div><div class="luxury-text-content"><div class="club-highlight">
<font face="TH SarabunPSK" size="5" style=""><b>✨ </b><font color="#cfa868"><b>Ocean Bungalow Club (2 Queen Beds)</b></font><b>:<br></b></font><div class="club-highlight"><font size="5" face="TH SarabunPSK">ขนาดห้องพัก 67 ตารางเมตร</font></div><div class="club-highlight"><font size="5" face="TH SarabunPSK">จำนวนผู้เข้าพักสูงสุด : 6 ท่าน</font></div><div class="club-highlight"><font size="5" face="TH SarabunPSK">เตียง : 2 Queen, Sofa bed</font></div><div class="club-highlight"><font size="5" face="TH SarabunPSK">สิ่งอำนวยความสะดวก / อื่นๆ : รวมสิทธิ์เข้า Club Lounge คุณสมบัติเด่นเหมือน Ocean Bungalow ทั่วไป แต่รองรับได้สูงสุด 6 คน</font></div> <font size="5" face="TH SarabunPSK"><button class="luxury-button" onclick="toggleRoomList()" id="view-room-button" style=""><font face="TH SarabunPSK">BOOKING NOW</font></button></font></div></div><div class="luxury-text-content"><div class="club-highlight"><font size="4" face="TH SarabunPSK"><i><span style="color: rgb(207, 168, 104); font-weight: bold;">พิเศษ สำหรับ ผู้ถือบัตร The Ritz-Carlton Club Access: </span>รับสิทธิ์เข้าใช้เลานจ์ส่วนตัวริมทะเล พร้อมบริการอาหารประจำวัน (เช้า, กลางวัน, เย็น) บริการเจ้าหน้าที่อำนวยความสะดวก และกิจกรรมต่าง ๆ (เบียร์ ไวน์ และค็อกเทล มีค่าธรรมเนียมเพิ่มเติม)</i></font></div></div>
</div><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Noto+Sans+Thai:wght@300;500&display=swap" rel="stylesheet"><style>
:root {
/* ธีมสีหรูหรา: ดำเข้ม, ทอง/บรอนซ์, ครีม */
--luxury-dark: #1f1e1e;
--luxury-gold: #cfa868;
--luxury-light: #f5f5f5;
}
body {
background-color: var(--luxury-light);
padding: 20px;
}
.luxury-box {
margin: 0 auto;
max-width: 850px;
border-radius: 12px;
background: var(--luxury-dark);
color: var(--luxury-light);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.luxury-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
}
.luxury-image-container {
position: relative;
height: 400px;
background: url('https://img5.pic.in.th/file/secure-sv1/image52956aecbc30bfb4.png') center center/cover no-repeat;
border-radius: 12px 12px 0 0;
box-shadow: inset 0 -80px 80px rgba(0, 0, 0, 0.6);
}
.luxury-overlay-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 40px;
text-align: left;
z-index: 10;
}
.luxury-hotel-name {
font-family: 'Playfair Display', serif;
font-size: 3.2em;
margin: 0 0 8px 0;
color: var(--luxury-light);
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
letter-spacing: 2px;
display: inline-block;
border-bottom: 4px solid var(--luxury-gold);
padding-bottom: 5px;
}
.luxury-tagline {
font-family: 'Noto Sans+Thai', sans-serif;
font-size: 1.2em;
font-style: italic;
color: var(--luxury-gold);
margin: 0;
}
.luxury-text-content {
padding: 40px;
font-family: 'Noto Sans+Thai', sans-serif;
}
.luxury-text-content h3 {
color: var(--luxury-gold);
font-family: 'Playfair Display', serif;
font-size: 2em;
margin-top: 0;
border-left: 4px solid var(--luxury-gold);
padding-left: 15px;
text-transform: uppercase;
}
/* สไตล์ปุ่มหลัก */
.luxury-button {
display: inline-block;
margin-top: 25px;
padding: 15px 35px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s;
cursor: pointer;
border: none;
font-size: 1.1em;
text-transform: uppercase;
}
.luxury-button:hover {
background-color: #e6c18d;
transform: translateY(-2px);
}
/* สไตล์รายการห้องพัก */
#room-list {
max-height: 0;
overflow: hidden;
transition: max-height 0.7s ease-in-out, padding 0.7s ease-in-out;
padding: 0 40px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#room-list.show {
max-height: 2500px; /* เพิ่ม max-height ให้เพียงพอต่อเนื้อหาใหม่ */
padding: 40px;
}
.room-item {
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.room-item:last-child {
border-bottom: none;
}
.room-item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.room-details {
display: flex;
align-items: center;
}
.room-details strong {
color: var(--luxury-light);
font-family: 'Playfair Display', serif;
font-size: 1.5em;
font-weight: 700;
}
/* สไตล์ปุ่ม Book Now */
.room-book-button {
display: inline-block;
margin-left: 20px;
padding: 8px 15px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 4px;
font-weight: 500;
font-size: 0.85em;
transition: background-color 0.3s;
cursor: pointer;
border: none;
font-family: 'Noto Sans+Thai', sans-serif;
text-transform: uppercase;
}
.room-book-button:hover {
background-color: #e6c18d;
}
.room-price {
font-family: 'Playfair Display', serif;
font-size: 1.8em;
color: var(--luxury-gold);
font-weight: 700;
white-space: nowrap;
text-align: right;
}
.room-price .price-note {
font-size: 0.5em;
display: block;
color: #ddd;
font-weight: 400;
}
/* สไตล์สำหรับรายละเอียดที่ย่อยลงมา */
.room-overview-box {
background-color: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
font-size: 0.95em;
}
.room-overview-box strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
.room-spec-list {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.room-spec-list div {
flex: 1 1 50%; /* จัดให้อยู่สองคอลัมน์ */
padding: 5px 0;
color: #ccc;
}
.room-spec-list div strong {
color: var(--luxury-light);
font-family: 'Noto Sans+Thai', sans-serif;
font-weight: 500;
display: inline;
}
.club-highlight {
background-color: rgba(207, 168, 104, 0.1);
border: 1px solid var(--luxury-gold);
padding: 15px;
border-radius: 8px;
margin-top: 20px;
}
.club-highlight strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
</style>
<br>
<br><div id="room-list">
<div id="fee-items-container">
</div>
</div>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Noto+Sans+Thai:wght@300;500&display=swap" rel="stylesheet"><style>
:root {
/* ธีมสีหรูหรา: ดำเข้ม, ทอง/บรอนซ์, ครีม */
--luxury-dark: #1f1e1e;
--luxury-gold: #cfa868;
--luxury-light: #f5f5f5;
}
body {
background-color: var(--luxury-light);
padding: 20px;
}
.luxury-box {
margin: 0 auto;
max-width: 850px;
border-radius: 12px;
background: var(--luxury-dark);
color: var(--luxury-light);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.luxury-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
}
.luxury-image-container {
position: relative;
height: 400px;
background: url('https://img5.pic.in.th/file/secure-sv1/image52956aecbc30bfb4.png') center center/cover no-repeat;
border-radius: 12px 12px 0 0;
box-shadow: inset 0 -80px 80px rgba(0, 0, 0, 0.6);
}
.luxury-overlay-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 40px;
text-align: left;
z-index: 10;
}
.luxury-hotel-name {
font-family: 'Playfair Display', serif;
font-size: 3.2em;
margin: 0 0 8px 0;
color: var(--luxury-light);
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
letter-spacing: 2px;
display: inline-block;
border-bottom: 4px solid var(--luxury-gold);
padding-bottom: 5px;
}
.luxury-tagline {
font-family: 'Noto Sans+Thai', sans-serif;
font-size: 1.2em;
font-style: italic;
color: var(--luxury-gold);
margin: 0;
}
.luxury-text-content {
padding: 40px;
font-family: 'Noto Sans+Thai', sans-serif;
}
.luxury-text-content h3 {
color: var(--luxury-gold);
font-family: 'Playfair Display', serif;
font-size: 2em;
margin-top: 0;
border-left: 4px solid var(--luxury-gold);
padding-left: 15px;
text-transform: uppercase;
}
/* สไตล์ปุ่มหลัก */
.luxury-button {
display: inline-block;
margin-top: 25px;
padding: 15px 35px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s;
cursor: pointer;
border: none;
font-size: 1.1em;
text-transform: uppercase;
}
.luxury-button:hover {
background-color: #e6c18d;
transform: translateY(-2px);
}
/* สไตล์รายการห้องพัก */
#room-list {
max-height: 0;
overflow: hidden;
transition: max-height 0.7s ease-in-out, padding 0.7s ease-in-out;
padding: 0 40px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#room-list.show {
max-height: 2500px; /* เพิ่ม max-height ให้เพียงพอต่อเนื้อหาใหม่ */
padding: 40px;
}
.room-item {
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.room-item:last-child {
border-bottom: none;
}
.room-item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.room-details {
display: flex;
align-items: center;
}
.room-details strong {
color: var(--luxury-light);
font-family: 'Playfair Display', serif;
font-size: 1.5em;
font-weight: 700;
}
/* สไตล์ปุ่ม Book Now */
.room-book-button {
display: inline-block;
margin-left: 20px;
padding: 8px 15px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 4px;
font-weight: 500;
font-size: 0.85em;
transition: background-color 0.3s;
cursor: pointer;
border: none;
font-family: 'Noto Sans+Thai', sans-serif;
text-transform: uppercase;
}
.room-book-button:hover {
background-color: #e6c18d;
}
.room-price {
font-family: 'Playfair Display', serif;
font-size: 1.8em;
color: var(--luxury-gold);
font-weight: 700;
white-space: nowrap;
text-align: right;
}
.room-price .price-note {
font-size: 0.5em;
display: block;
color: #ddd;
font-weight: 400;
}
/* สไตล์สำหรับรายละเอียดที่ย่อยลงมา */
.room-overview-box {
background-color: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
font-size: 0.95em;
}
.room-overview-box strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
.room-spec-list {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.room-spec-list div {
flex: 1 1 50%; /* จัดให้อยู่สองคอลัมน์ */
padding: 5px 0;
color: #ccc;
}
.room-spec-list div strong {
color: var(--luxury-light);
font-family: 'Noto Sans+Thai', sans-serif;
font-weight: 500;
display: inline;
}
.club-highlight {
background-color: rgba(207, 168, 104, 0.1);
border: 1px solid var(--luxury-gold);
padding: 15px;
border-radius: 8px;
margin-top: 20px;
}
.club-highlight strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
</style></div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-11-21 21:14
วิหารแบคคัส
<div align="center" style="list-style-type: none;">
<style>
#boxarmory01 {
border-radius: 0px;
border: 10px solid #7c1452;
padding: 3px;
box-shadow: #ac598a inset 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/higihuj32add424af907c5f.gif");}
</style>
<style>
#boxarmory02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #7c1452;
padding: 50px;
box-shadow: #ac598a 0px 0px 20px;
no-repeat center center fixed;
background-attachment:fixed;
background-size: cover; /* ทำให้ภาพขยายเต็มหน้าจอ */
background-color: #000;}
</style>
<style>
#boxarmory03 {
width: 500px;
border-radius: 0px;
border: 0px double #000;
padding: 50px;
box-shadow: #4d4d4d 5px 5px 10px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/imageb2b09374181da121.png");}
</style>
<style>
#boxarmory04 {
width: 500px;
border-radius: 0px;
border: 0px double #000;
padding: 50px;
box-shadow: #4d4d4d 5px 5px 10px;
background-image: url("https://img2.pic.in.th/pic/image44baa6d018c00335.png");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #5c5c5c;
}
</style>
<div id="boxarmory01">
<p><br></p><p><br></p><p><br></p>
<div id="boxarmory02">
<p><span style="font-family: Georgia;"><font style="" color="#ceb565" size="2"><br></font></span></p><p><span class="shadow" style=""><font face="Georgia" size="7" color="#da82b6"><b style="">Temple of Bacchus</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="#ac598a">⋘ วิหารแบคคัส ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font><img src="https://img5.pic.in.th/file/secure-sv1/710325kf586ckwh3.gif" width="320" _height="18" border="0"><font face="Sarabun" size="3"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><br></font></p>
<div class="image-container">
<img src="https://i.imgur.com/ik4w6XX.png" class="top" alt="รูปแรก">
<img src="https://i.imgur.com/KDFEEsh.png" alt="รูปรอง">
</div>
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="2"><iframe width="500" height="10" src="https://www.youtube.com/embed/_jSazvgqDos?autoplay=1&loop=1&playlist=_jSazvgqDos" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe><br><font color="#ac598a">⋘ คลิกที่รูปภาพเพื่อเข้าสู่ด้านใน ⋙</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="color: rgb(108, 87, 106);"><font face="Sarabun" size="2"><br></font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/710325kf586ckwh3.gif" width="320" _height="18" border="0"><font face="Sarabun" size="3"><br><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun"><span style="white-space-collapse: preserve;"><b style=""><font size="5" style=""><font color="#da82b6">วิหารแบคคัส</font><font color="#c0c0c0">
</font></font><font size="4" style="color: rgb(192, 192, 192);">
</font></b></span></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font color="#ffffff"><span style="white-space-collapse: preserve; font-family: Sarabun; font-size: medium;"> </span><font face="Sarabun" size="3"><span style="white-space-collapse: preserve;">ตั้งตระหง่านอยู่บนเนินเทมเพิล เคียงข้างวิหารที่ดูเคร่งครัดของเทพเจ้าโรมันองค์อื่น ๆ แต่ตัวอาคารกลับมี บรรยากาศที่ขัดแย้งและแปลกแยก ผิดไปจากวิหารคลาสสิกทั่วไป โครงสร้างหลักถูกสร้างจาก หินอ่อนสีขาวนวล ตามแบบแผนโรมัน แต่พื้นผิวกลับถูกปกคลุมด้วย ลวดลายของเถาองุ่นและรอยแตกที่ไม่เป็นระเบียบ ราวกับว่าธรรมชาติกำลังกลืนกินสถาปัตยกรรมที่มนุษย์สร้างขึ้น ภายในวิหารนั้นสว่างไสวด้วย แสงสีแดงอมม่วง ที่ส่องผ่านช่องกระจกสีที่วาดลวดลายเป็น กระป๋องน้ำอัดลม และ ขนมขบเคี้ยว แทนที่จะเป็นรูปวาดเทพนิยายคลาสสิก</span></font></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=""><font color="#ac598a">ความวุ่นวายที่ถูกควบคุม (Controlled Chaos)</font></b><font color="#ffffff"> เป็นแหล่งรวมพลังงานของความสนุกสนาน และเป็น จุดศูนย์กลางของเสียงหัวเราะที่ไม่ถูกกรอง ซึ่งเป็นที่ที่บุตรธิดาของแบคคัสสามารถปลดปล่อยความบ้าคลั่งของตนได้อย่างปลอดภัยภายใต้การดูแลของบิดาผู้เป็นเทพแห่งการเฉลิมฉลอง</font></span></font></div><div style="text-align: left;"><br></div><div style="text-align: center;"><img src="https://img2.pic.in.th/pic/imageeb925fd96bcb317f.png" width="672" _height="384" border="0"><font face="Sarabun" size="3" color="#ffffff"><span style="white-space-collapse: preserve;"></span></font></div><div style="text-align: center;"><br></div><p><font color="#fff" style="">
<font color="#fff" style="">
</font>
</font></p><font color="#fff" style="">
</font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br></font></font></font></font></div></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/1ac42ab06045961f965cd246638e0b9f.gif"); background-attachment:fixed; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#000!important; }
::-webkit-scrollbar-track-piece:increment { background:#000!important; }
::-webkit-scrollbar-button{ background:#000!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#444346!important; border-top:5px solid #fff;border-bottom:5px solid #fff; }
::-webkit-scrollbar-thumb:hover{ background: #fff!important; border-top:5px solid #444346; border-bottom:5px solid #444346; }</style>
</font>
<style>
a:link {
color: #3c3c3c; /* ลิงก์ปกติ */
transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
color: #3c3c3c; /* ลิงก์ที่เคยกดแล้ว */
transition: color 0.4s ease;
}
a:hover {
color: #8c8c8c; /* สีตอนเมาส์วาง */
}
</style>
<style>
.image-container {
position: relative;
width: 512px; /* ขนาดรูป */
height: 512px;
overflow: hidden;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease; /* ค่อย ๆ จาง */
}
/* รูปแรกอยู่บนสุด */
.image-container img.top {
z-index: 1;
opacity: 1;
}
/* Hover แล้วรูปแรกค่อย ๆ จางหาย */
.image-container:hover img.top {
opacity: 0;
}
</style>
ห้องนอนพักรับรองกองร้อยที่ 5 (ชั่วคราว)
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<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/cf2d1999b785bba66a8afd01345354a7bfe6fd4927b59c-LNF3Aw_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Pastel Cool Bedroom Palette – Lavender / Periwinkle / Soft Navy */
--mountbatten: #7D6FD6; /* Soft Lavender Violet */
--silverpink:#C2B5FF; /* Periwinkle Glow */
--almond: #E7E4FF; /* Very Pale Lilac */
--taupegray: #4B5D7A; /* Muted Cool Blue */
--oldlav: #1C2233; /* Deep Midnight Navy */
--ink: #F9F8FF; /* ตัวอักษรขาวอมม่วงนิด ๆ */
--soft-shadow: 0 14px 32px rgba(4,12,38,.35), 0 4px 10px rgba(4,12,38,.25);
--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%, color-mix(in oklab, var(--almond) 70%, white 30%), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--taupegray) 60%, var(--oldlav) 40%) 0%,
color-mix(in oklab, var(--mountbatten) 55%, var(--silverpink) 45%) 55%,
color-mix(in oklab, var(--taupegray) 80%, var(--oldlav) 20%) 100%);
opacity:.98;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg,
color-mix(in oklab, var(--taupegray) 55%, var(--oldlav) 45%) 0%,
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(--almond) 85%, white 15%) 0%,
color-mix(in oklab, var(--mountbatten) 40%, var(--taupegray) 60%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.16);
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,.22), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--silverpink) 40%, 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(--almond) 92%, white 8%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--taupegray) 30%, var(--almond) 20%),
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(--mountbatten), var(--taupegray));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(12,10,40,.7);
}
#soft-pastel .phx-sub{
text-align:center;
color: color-mix(in oklab, var(--taupegray) 30%, var(--almond) 70%);
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(--taupegray) 35%, var(--almond) 35%),
0 18px 32px rgba(4,12,38,.5);
background: color-mix(in oklab, var(--taupegray) 25%, var(--almond) 75%);
}
#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.05) contrast(1.04);
}
/* การ์ดเนื้อหา – พาสเทลม่วงอ่อนไล่ไปน้ำเงินเข้ม */
#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,
color-mix(in oklab, var(--almond) 90%, white 10%) 0%,
color-mix(in oklab, var(--mountbatten) 35%, var(--oldlav) 65%) 100%);
box-shadow:
0 18px 34px rgba(4,12,38,.55),
0 4px 10px rgba(4,12,38,.35),
inset 0 1px 0 rgba(255,255,255,.18),
inset 0 0 0 1px color-mix(in oklab, var(--mountbatten) 30%, var(--silverpink) 40%);
}
#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, #EDE7FF);
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(10,8,40,.7);
}
#soft-pastel .phx-tag{
color: color-mix(in oklab, var(--silverpink) 55%, var(--taupegray) 20%);
font-weight:700; margin:2px 0 12px; letter-spacing:.02em;
}
#soft-pastel .phx-body{
color: color-mix(in oklab, #1D1930 80%, black 20%);
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">
<div align="center"><img width="200" _height="200" src="https://img2.pic.in.th/pic/7535515_0-removebg-preview-1.png" border="0" alt=""></div>
<h1 class="phx-title"><font size="7">The Fifth Cohort's Honored Quarters</font></h1>
<div class="phx-sub"><font size="3" color="#67428f">(ห้องพักรับรองแขกของกองร้อยที่ 5)</font></div>
<figure class="phx-hero">
<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_ut0wzcut0wzcut0w.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6" color="#512b6e">ห้องพักรวม</font></h2>
<div class="phx-tag"><font size="4">[ ห้องนอนรับรองกองร้อยที่ 5 ]</font></div>
<div class="phx-body">
<p style="text-align: left;"><font size="3"> ห้องพักภายในกองร้อยที่ 5 ของค่ายจูปิเตอร์ที่ได้รับการปรับปรุงใหม่ สะท้อนถึงเกียรติยศที่กองร้อยที่ 5 ได้รับคืนมาอย่างสมบูรณ์ หลังจากวีรบุรุษอย่างเพอร์ซีย์ แจ็กสันและแฟรงก์ จาง ได้นำอินทรีของกองทัพที่สูญหายกลับมาได้สำเร็จ และแฟรงก์ยังขึ้นสู่ตำแหน่ง Praetor จึงมีการจัดสรรงบประมาณอย่างเหมาะสม </font></p><p><font size="3"><br></font></p><p style="text-align: left;"><span style="color: oklab(0.184328 0.0123015 -0.0328343); font-size: medium; letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);"> </span><font size="3">ห้องพักแห่งนี้เป็นโถงกว้างขวางถูกประดับด้วยธงสีม่วงและแดงเข้ม สัญลักษณ์ของกองร้อยโรมันและนกอินทรีสีทองอันเป็นมงคล แสงแดดอบอุ่นสาดส่องผ่านหน้าต่างโค้งบานใหญ่ สร้างบรรยากาศที่สดใสและโอ่อ่า เตียงสองชั้นไม้สีเข้มพร้อมที่นอนผ้าสีม่วงดูสะอาดและเป็นระเบียบ แต่ละเตียงมีลิ้นชักเก็บของด้านล่าง ชั้นวางของเหนือศีรษะเต็มไปด้วยหนังสือและของที่ระลึกส่วนตัวของเหล่าเดมิก็อดบ่งบอกถึงเรื่องราวการผจญภัย ผืนพรมสีม่วงวางเรียงบนพื้นคอนกรีตขัดเงา สะท้อนถึงความใส่ใจในรายละเอียดที่เคยขาดหายไป</font></p><p style="text-align: left;"><font size="3"><br></font></p><p style="text-align: center;"><font size="3">(ใช้งานชั่วคราวก่อนสมาชิกกองร้อยที่ 5 มา)</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
<div><div><br></div><div><font face="TH SarabunPSK" size="5"><b>หมวดหมู่ที่ตั้งสถานที่: World / อเมริกาเหนือ</b></font></div><div><font face="TH SarabunPSK" size="5"><b>ชื่อสถานที่: กาโบ มาตาปาโล, คอสตาริกา</b></font></div></div><div><br></div><div><br></div><div></div><div><div class="luxury-box"><div class="luxury-image-container"><div class="luxury-overlay-info"><div style="text-align: center;"><font face="TH SarabunPSK" size="6"><b><i style="">Playa Matapalo , </i><span style="text-align: left; background-color: initial;"><i style="">CostaRica</i></span></b></font></div>
</div>
</div>
<div class="luxury-text-content">
<h3><font face="TH SarabunPSK" size="6">กาโบ มาตาปาโล, คอสตาริกา</font></h3>
<p><font face="TH SarabunPSK" size="5">แนวทะเลของปลายคาบสมุทรโอซาตรงโซน Matapalo น้ำทะเลด้านหน้าเป็นสีฟ้าเขียวใส ไล่เฉดเข้มขึ้นเรื่อย ๆ ตามความลึกแบบมองเห็นเป็นชั้น ๆ คลื่นที่ซัดเข้ามาไม่ใช่คลื่นใหญ่แบบชายฝั่งเปิด แต่เป็นคลื่นยาว สม่ำเสมอ ตีเข้าฝั่งด้วยแรงพอดีจนพื้นน้ำด้านหน้าเกิดเส้นโค้งบาง ๆ ก่อนแตกตัวเป็นฟองขาว ริมน้ำจะเห็นฟองคลื่นไหลกลับลงทะเลเป็นเส้นยาว </font></p><p><font face="TH SarabunPSK" size="5"><br></font></p><p><font face="TH SarabunPSK" size="5">บริเวณพื้นใต้ผิวน้ำช่วงตื้นเป็นกรวดผสมทราย ทำให้เวลากระแสน้ำไหลผ่านจะมองเห็นเม็ดทรายถูกพัดลอยขึ้นมาเป็นฝุ่นสีอ่อนอยู่ใต้คลื่นบาง ๆ บางช่วงมีโขดหินดำยื่นลงไปใต้ผิวน้ำ พอคลื่นกระแทกก็เกิดเสียงดังชัดกว่าโซนทรายล้วน น้ำบริเวณนั้นจะเปลี่ยนเป็นโทนฟ้าอมเทาเพราะเงาหินบังแสง พอลมจากทะเลพัดเข้าฝั่งจะพาไอเค็มบาง ๆ มากระทบหน้า มีกลิ่นน้ำทะเลชัดเจนแบบไม่โดนเจือด้วยกลิ่นเมืองเลย </font></p><p><font face="TH SarabunPSK" size="5"><br></font></p><p><font face="TH SarabunPSK" size="5">ถ้าเดินตามแนวชายฝั่งไปหน่อยจะเจอร่องน้ำบางจุดที่น้ำไหลลงทะเลเป็นทางแคบ ๆ ทำให้พื้นทะเลตรงนั้นนิ่งกว่า เกิดเป็นแอ่งน้ำใสติดชายหาดที่เงียบกว่าพื้นน้ำด้านนอก คลื่นเข้ามาไม่ถึงมากนัก เห็นเป็นทางสันน้ำตัดกับพื้นดินเข้ม ๆ ชัดเจน</font></p><p><font face="TH SarabunPSK" size="5"></font></p>
<br></div></div>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Noto+Sans+Thai:wght@300;500&display=swap" rel="stylesheet"><style>
:root {
/* ธีมสีหรูหรา: ดำเข้ม, ทอง/บรอนซ์, ครีม */
--luxury-dark: #1f1e1e;
--luxury-gold: #cfa868;
--luxury-light: #f5f5f5;
}
body {
background-color: var(--luxury-light);
padding: 20px;
}
.luxury-box {
margin: 0 auto;
max-width: 850px;
border-radius: 12px;
background: var(--luxury-dark);
color: var(--luxury-light);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.luxury-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
}
.luxury-image-container {
position: relative;
height: 400px;
background: url('https://img2.pic.in.th/pic/image412a799967393ef2.png') center center/cover no-repeat;
border-radius: 12px 12px 0 0;
box-shadow: inset 0 -80px 80px rgba(0, 0, 0, 0.6);
}
.luxury-overlay-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 40px;
text-align: left;
z-index: 10;
}
.luxury-hotel-name {
font-family: 'Playfair Display', serif;
font-size: 3.2em;
margin: 0 0 8px 0;
color: var(--luxury-light);
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
letter-spacing: 2px;
display: inline-block;
border-bottom: 4px solid var(--luxury-gold);
padding-bottom: 5px;
}
.luxury-tagline {
font-family: 'Noto Sans+Thai', sans-serif;
font-size: 1.2em;
font-style: italic;
color: var(--luxury-gold);
margin: 0;
}
.luxury-text-content {
padding: 40px;
font-family: 'Noto Sans+Thai', sans-serif;
}
.luxury-text-content h3 {
color: var(--luxury-gold);
font-family: 'Playfair Display', serif;
font-size: 2em;
margin-top: 0;
border-left: 4px solid var(--luxury-gold);
padding-left: 15px;
text-transform: uppercase;
}
/* สไตล์ปุ่มหลัก */
.luxury-button {
display: inline-block;
margin-top: 25px;
padding: 15px 35px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s;
cursor: pointer;
border: none;
font-size: 1.1em;
text-transform: uppercase;
}
.luxury-button:hover {
background-color: #e6c18d;
transform: translateY(-2px);
}
/* สไตล์รายการห้องพัก */
#room-list {
max-height: 0;
overflow: hidden;
transition: max-height 0.7s ease-in-out, padding 0.7s ease-in-out;
padding: 0 40px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#room-list.show {
max-height: 2500px; /* เพิ่ม max-height ให้เพียงพอต่อเนื้อหาใหม่ */
padding: 40px;
}
.room-item {
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.room-item:last-child {
border-bottom: none;
}
.room-item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.room-details {
display: flex;
align-items: center;
}
.room-details strong {
color: var(--luxury-light);
font-family: 'Playfair Display', serif;
font-size: 1.5em;
font-weight: 700;
}
/* สไตล์ปุ่ม Book Now */
.room-book-button {
display: inline-block;
margin-left: 20px;
padding: 8px 15px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 4px;
font-weight: 500;
font-size: 0.85em;
transition: background-color 0.3s;
cursor: pointer;
border: none;
font-family: 'Noto Sans+Thai', sans-serif;
text-transform: uppercase;
}
.room-book-button:hover {
background-color: #e6c18d;
}
.room-price {
font-family: 'Playfair Display', serif;
font-size: 1.8em;
color: var(--luxury-gold);
font-weight: 700;
white-space: nowrap;
text-align: right;
}
.room-price .price-note {
font-size: 0.5em;
display: block;
color: #ddd;
font-weight: 400;
}
/* สไตล์สำหรับรายละเอียดที่ย่อยลงมา */
.room-overview-box {
background-color: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
font-size: 0.95em;
}
.room-overview-box strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
.room-spec-list {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.room-spec-list div {
flex: 1 1 50%; /* จัดให้อยู่สองคอลัมน์ */
padding: 5px 0;
color: #ccc;
}
.room-spec-list div strong {
color: var(--luxury-light);
font-family: 'Noto Sans+Thai', sans-serif;
font-weight: 500;
display: inline;
}
.club-highlight {
background-color: rgba(207, 168, 104, 0.1);
border: 1px solid var(--luxury-gold);
padding: 15px;
border-radius: 8px;
margin-top: 20px;
}
.club-highlight strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
</style></div>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Noto+Sans+Thai:wght@300;500&display=swap" rel="stylesheet"><style>
:root {
/* ธีมสีหรูหรา: ดำเข้ม, ทอง/บรอนซ์, ครีม */
--luxury-dark: #1f1e1e;
--luxury-gold: #cfa868;
--luxury-light: #f5f5f5;
}
body {
background-color: var(--luxury-light);
padding: 20px;
}
.luxury-box {
margin: 0 auto;
max-width: 850px;
border-radius: 12px;
background: var(--luxury-dark);
color: var(--luxury-light);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.luxury-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
}
.luxury-image-container {
position: relative;
height: 400px;
background: url('https://img2.pic.in.th/pic/image412a799967393ef2.png') center center/cover no-repeat;
border-radius: 12px 12px 0 0;
box-shadow: inset 0 -80px 80px rgba(0, 0, 0, 0.6);
}
.luxury-overlay-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 40px;
text-align: left;
z-index: 10;
}
.luxury-hotel-name {
font-family: 'Playfair Display', serif;
font-size: 3.2em;
margin: 0 0 8px 0;
color: var(--luxury-light);
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
letter-spacing: 2px;
display: inline-block;
border-bottom: 4px solid var(--luxury-gold);
padding-bottom: 5px;
}
.luxury-tagline {
font-family: 'Noto Sans+Thai', sans-serif;
font-size: 1.2em;
font-style: italic;
color: var(--luxury-gold);
margin: 0;
}
.luxury-text-content {
padding: 40px;
font-family: 'Noto Sans+Thai', sans-serif;
}
.luxury-text-content h3 {
color: var(--luxury-gold);
font-family: 'Playfair Display', serif;
font-size: 2em;
margin-top: 0;
border-left: 4px solid var(--luxury-gold);
padding-left: 15px;
text-transform: uppercase;
}
/* สไตล์ปุ่มหลัก */
.luxury-button {
display: inline-block;
margin-top: 25px;
padding: 15px 35px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s;
cursor: pointer;
border: none;
font-size: 1.1em;
text-transform: uppercase;
}
.luxury-button:hover {
background-color: #e6c18d;
transform: translateY(-2px);
}
/* สไตล์รายการห้องพัก */
#room-list {
max-height: 0;
overflow: hidden;
transition: max-height 0.7s ease-in-out, padding 0.7s ease-in-out;
padding: 0 40px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#room-list.show {
max-height: 2500px; /* เพิ่ม max-height ให้เพียงพอต่อเนื้อหาใหม่ */
padding: 40px;
}
.room-item {
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.room-item:last-child {
border-bottom: none;
}
.room-item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.room-details {
display: flex;
align-items: center;
}
.room-details strong {
color: var(--luxury-light);
font-family: 'Playfair Display', serif;
font-size: 1.5em;
font-weight: 700;
}
/* สไตล์ปุ่ม Book Now */
.room-book-button {
display: inline-block;
margin-left: 20px;
padding: 8px 15px;
background-color: var(--luxury-gold);
color: var(--luxury-dark);
text-decoration: none;
border-radius: 4px;
font-weight: 500;
font-size: 0.85em;
transition: background-color 0.3s;
cursor: pointer;
border: none;
font-family: 'Noto Sans+Thai', sans-serif;
text-transform: uppercase;
}
.room-book-button:hover {
background-color: #e6c18d;
}
.room-price {
font-family: 'Playfair Display', serif;
font-size: 1.8em;
color: var(--luxury-gold);
font-weight: 700;
white-space: nowrap;
text-align: right;
}
.room-price .price-note {
font-size: 0.5em;
display: block;
color: #ddd;
font-weight: 400;
}
/* สไตล์สำหรับรายละเอียดที่ย่อยลงมา */
.room-overview-box {
background-color: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
font-size: 0.95em;
}
.room-overview-box strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
.room-spec-list {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.room-spec-list div {
flex: 1 1 50%; /* จัดให้อยู่สองคอลัมน์ */
padding: 5px 0;
color: #ccc;
}
.room-spec-list div strong {
color: var(--luxury-light);
font-family: 'Noto Sans+Thai', sans-serif;
font-weight: 500;
display: inline;
}
.club-highlight {
background-color: rgba(207, 168, 104, 0.1);
border: 1px solid var(--luxury-gold);
padding: 15px;
border-radius: 8px;
margin-top: 20px;
}
.club-highlight strong {
color: var(--luxury-gold);
display: block;
margin-bottom: 5px;
}
</style>