แบบฟอร์มสร้างสถานที่ (มี 4 สถานที่)หมวดหมู่ที่ตั้งสถานที่: อเมริกา รัฐแคลิฟอร์เนียชื่อสถานที่: เมืองเบเกอร์สฟีลด์
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Blue Palette from image */
--powder: #9DB7CF; /* ฟ้า Powder Blue */
--ice: #D8E6E1; /* ฟ้าน้ำแข็งอมเขียวอ่อน */
--steel: #79949F; /* ฟ้าเทา Steel */
--sky: #7EABD9; /* ฟ้า Sky Bright */
--ink: #2F3A43; /* สีตัวอักษร */
--soft-shadow: 0 12px 28px rgba(20,40,55,.14), 0 3px 8px rgba(20,40,55,.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 }
/* พื้นหลังโทนฟ้าใส ไล่เฉด Ice → Sky */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--ice), transparent 55%),
linear-gradient(180deg,
color-mix(in oklab, var(--powder) 55%, white 45%) 0%,
color-mix(in oklab, var(--steel) 45%, var(--powder) 55%) 55%,
color-mix(in oklab, var(--sky) 55%, white 45%) 100%);
opacity:.96;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--ice), 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(--ice) 92%, white 8%) 0%,
color-mix(in oklab, var(--powder) 40%, var(--steel) 60%) 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(--sky) 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(--ice) 90%, white 10%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--powder) 18%, var(--ice) 8%),
var(--soft-shadow);
}
/* หัวเรื่อง: ไล่เฉด Steel → Sky */
#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(--steel), var(--sky));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(121,148,159,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#5b6a73; 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(--powder) 14%, var(--ice) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--ice) 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) }
/* การ์ดเนื้อหา: ไล่เฉด Ice → Powder/Sky */
#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(--ice) 0%,
color-mix(in oklab, var(--powder) 55%, var(--sky) 45%) 100%);
box-shadow:
0 12px 26px rgba(20,40,55,.10),
0 2px 6px rgba(20,40,55,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--steel) 12%, var(--powder) 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(--ice));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.30);
}
#soft-pastel .phx-tag{ color:#5f6e77; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#2f3a43; 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">Bakersfield</font></h1>
<div class="phx-sub"><font size="3">(เบเกอร์สฟีลด์🎵รัฐแคลิฟอร์เนีย)</font></div>
<figure class="phx-hero">
<img src="https://iili.io/fGG8HLQ.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6" color="#008080">เมืองเบเกอร์สฟีลด์</font></h2>
<div class="phx-tag"><font size="4">[ Bakersfield Sound ]</font></div>
<div class="phx-body">
<p><span id="docs-internal-guid-11c517c5-7fff-1b0d-571a-a2355868e3d5"></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">เบเกอร์สฟีลด์ (Bakersfield)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> เปรียบเสมือนหัวใจอันเต้นระรัวท่ามกลางหุบเขาเซ็นทรัลแวลลีย์ของรัฐแคลิฟอร์เนีย เมืองที่อาบด้วยแสงแดดแผดเผาแห่งนี้ไม่ได้มีดีเพียงแค่เกษตรกรรมอันอุดมสมบูรณ์หรือบ่อน้ำมันที่ตั้งตระหง่านอยู่สุดลูกหูลูกตา แต่มันคือดินแดนแห่งตำนานดนตรี "Bakersfield Sound" ที่ขบถต่อแนวดนตรีหลัก กลิ่นอายของน้ำมันดิบและไอดินหลังฝนตกผสมผสานกับเสียงกีตาร์ไฟฟ้าที่กรีดกรายในยามค่ำคืน สร้างเสน่ห์แบบดิบเถื่อนทว่าอบอุ่นอย่างประหลาด ที่นี่คือจุดตัดระหว่างความเจริญแบบเมืองสมัยใหม่กับจิตวิญญาณแบบคาวบอยตะวันตกที่ยังคงหายใจอยู่</span></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>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Celestial Palette (from your image) */
--night: #030208; /* black */
--navy: #252D54; /* deep navy */
--indigo:#3D4375; /* indigo */
--mauve: #93739C; /* mauve purple */
--blush: #EDD3DC; /* soft blush */
/* map ให้โค้ดเดิมใช้ต่อได้ */
--pink-soft: var(--blush);
--rose-dust: var(--mauve);
--cream: color-mix(in oklab, var(--blush) 78%, white 22%);
--latte: var(--indigo);
--ink: var(--navy);
--soft-shadow: 0 14px 34px rgba(0,0,0,.38), 0 4px 10px rgba(0,0,0,.22);
--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 }
/* พื้นหลังโทน Celestial */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(55% 45% at 18% 10%,
color-mix(in oklab, var(--mauve) 55%, transparent) 0%,
transparent 60%),
radial-gradient(45% 35% at 85% 0%,
color-mix(in oklab, var(--blush) 22%, transparent) 0%,
transparent 62%),
linear-gradient(180deg,
var(--night) 0%,
var(--navy) 42%,
var(--indigo) 100%);
opacity:1;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg,
color-mix(in oklab, var(--night) 55%, transparent) 0%,
transparent 72%);
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(--navy) 86%, var(--night) 14%) 0%,
color-mix(in oklab, var(--indigo) 72%, var(--mauve) 28%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.10);
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(237,211,220,.18), transparent 62%),
radial-gradient(55% 45% at 100% 0%,
rgba(147,115,156,.18), transparent 62%);
}
/* เฟรมเนื้อหา */
#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(--blush) 82%, white 18%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--mauve) 22%, transparent),
0 12px 26px rgba(0,0,0,.22);
}
/* หัวเรื่อง: Mauve → Blush */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--mauve), var(--blush));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 14px 26px rgba(0,0,0,.28);
}
#soft-pastel .phx-sub{
text-align:center;
color: color-mix(in oklab, var(--navy) 70%, var(--mauve) 30%);
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(--mauve) 22%, transparent),
var(--soft-shadow);
background: color-mix(in oklab, var(--blush) 40%, white 60%);
}
#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.04) contrast(1.02) }
/* การ์ดเนื้อหา: Blush → Mauve */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg,
color-mix(in oklab, var(--blush) 86%, white 14%) 0%,
color-mix(in oklab, var(--mauve) 52%, var(--blush) 48%) 100%);
box-shadow:
0 14px 32px rgba(0,0,0,.18),
0 3px 10px rgba(0,0,0,.12),
inset 0 1px 0 rgba(255,255,255,.45),
inset 0 0 0 1px color-mix(in oklab, var(--mauve) 22%, transparent);
}
#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 62%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--navy), var(--indigo));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 20px rgba(0,0,0,.16);
}
#soft-pastel .phx-tag{
color: color-mix(in oklab, var(--navy) 62%, var(--mauve) 38%);
font-weight:700; margin:2px 0 12px; letter-spacing:.02em
}
#soft-pastel .phx-body{
color: color-mix(in oklab, var(--navy) 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">
<h1 class="phx-title"><font size="7">Flagstaff</font></h1>
<div class="phx-sub"><font size="3">(แฟลกสตาฟ🌌รัฐแอริโซนา)</font></div>
<figure class="phx-hero">
<img src="https://iili.io/fGGLkRp.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองแฟลกสตาฟ</font></h2>
<div class="phx-tag"><font size="4">[ International Dark Sky Cities ]</font></div>
<div class="phx-body">
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ท่</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ามกลางผืนป่าสนพอนเดอโรซาอันกว้างใหญ่ที่สุดในโลก </span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">แฟลกสตาฟ (Flagstaff)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> ตั้งตระหง่านอยู่ใต้เงาของยอดเขาซานฟรานซิสโกพีคส์ที่ปกคลุมด้วยหิมะขาวโพลน เมืองแห่งนี้เปรียบเสมือนโอเอซิสบนที่ราบสูงอาบด้วยอากาศเย็นเยือกและกลิ่นหอมของยางไม้ อบอวลไปด้วยบรรยากาศลึกลับของดวงดาวที่ส่องประกายชัดเจนที่สุดแห่งหนึ่งในอเมริกาจนได้รับฉายาว่าเป็น "เมืองฟ้ามืดสากล" แห่งแรกของโลก</span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"><br></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ที่นี่ไม่ใช่แค่ทางผ่านสู่แกรนด์แคนยอน แต่เป็นดินแดนที่ประวัติศาสตร์ของถนนสาย 66 (Route 66) ยังคงมีชีวิตชีวา ท่ามกลางเสียงหวูดรถไฟที่ก้องกังวานผ่านย่านดาวน์ทาวน์ที่เต็มไปด้วยอาคารอิฐเก่าแก่และวิญญาณแห่งการผจญภัย แฟลกสตาฟคือที่ที่ความหนาวเหน็บและความอบอุ่นจากผู้คนมาบรรจบกันอย่างลงตัว</span></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>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Palette from your image */
--cocoa: #AC6959; /* darkest */
--salmon:#E79476; /* warm coral */
--apricot: #F1BA85; /* orange cream */
--sand: #EFD090; /* soft yellow */
--cream: #FAF2DD; /* lightest */
/* map ชื่อเดิมไว้ เผื่อโค้ดข้างในเรียกใช้ */
--pink-soft: var(--salmon);
--rose-dust: var(--cocoa);
--latte: var(--sand);
--ink: #3d2b26;
--soft-shadow: 0 12px 28px rgba(70,40,30,.18), 0 3px 8px rgba(70,40,30,.10);
--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%, rgba(250,242,221,.95), transparent 58%),
radial-gradient(55% 40% at 88% 10%, rgba(239,208,144,.55), transparent 60%),
linear-gradient(180deg,
rgba(250,242,221,1) 0%,
rgba(241,186,133,.95) 38%,
rgba(231,148,118,.92) 72%,
rgba(172,105,89,.90) 100%);
opacity:.98;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, rgba(250,242,221,.55), transparent 72%);
border-radius: 16px;
}
#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
background: linear-gradient(180deg,
rgba(250,242,221,.96) 0%,
rgba(239,208,144,.88) 44%,
rgba(231,148,118,.82) 78%,
rgba(172,105,89,.78) 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,.45), transparent 62%),
radial-gradient(55% 45% at 100% 0%, rgba(239,208,144,.35), transparent 62%);
}
/* เฟรมเนื้อหา */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: rgba(250,242,221,.92);
box-shadow:
inset 0 0 0 1px rgba(172,105,89,.14),
var(--soft-shadow);
}
/* หัวเรื่อง: cocoa → salmon */
#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(--cocoa), var(--salmon));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(172,105,89,.18);
}
#soft-pastel .phx-sub{ text-align:center; color: rgba(61,43,38,.78); 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 rgba(172,105,89,.14), var(--soft-shadow);
background: rgba(250,242,221,.9);
}
#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.04) contrast(1.02) }
/* การ์ดเนื้อหา */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg,
rgba(250,242,221,.98) 0%,
rgba(239,208,144,.86) 55%,
rgba(241,186,133,.80) 100%);
box-shadow:
0 12px 26px rgba(70,40,30,.12),
0 2px 6px rgba(70,40,30,.08),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px rgba(172,105,89,.14);
}
#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 62%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--cocoa), var(--salmon));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(172,105,89,.14);
}
#soft-pastel .phx-tag{ color: rgba(61,43,38,.72); font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3d2b26; 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">Albuquerque</font></h1>
<div class="phx-sub"><font size="3">(อัลบูเคอร์คี🌄รัฐนิวเม็กซิโก)</font></div>
<figure class="phx-hero">
<img src="https://iili.io/fGMSKqQ.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองอัลบูเคอร์คี</font></h2>
<div class="phx-tag"><font size="4">[ The Duke City ]</font></div>
<div class="phx-body">
<p><span id="docs-internal-guid-fc8eec00-7fff-3870-f40b-9900cbf1155b"></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">อัลบูเคอร์คี หรือ แอลบูเคอร์คี (Albuquerque)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> เปรียบเสมือนภาพวาดสีน้ำมันที่ป้ายทับด้วยสีส้มอิฐและสีม่วงครามยามพระอาทิตย์อัสดง เมืองที่ใหญ่ที่สุดในรัฐนิวเม็กซิโกแห่งนี้ตั้งตระหง่านอยู่ริมฝั่งแม่น้ำริโอแกรนด์ โดยมีเทือกเขาสานเดียที่ทอประกายสีชมพูระเรื่อเป็นฉากหลังอันโอ่อ่า กลิ่นหอมของพริกเขียวเผาไฟที่ลอยละล่องไปตามสายลมผสมผสานกับความลึกลับของย่านเมืองเก่า (Old Town) ที่มีอาคารดินเหนียวทรงโบราณตั้งตระหง่านมานานนับศตวรรษ ในยามเช้า ท้องฟ้าที่นี่มักจะถูกประดับประดาด้วยบอลลูนหลากสีสันที่ลอยละล่องประดุจงานรื่นเริงของเหล่านางฟ้า แอลบูเคอร์คีคือดินแดนแห่งมนต์ขลังที่ซึ่งประวัติศาสตร์อันเก่าแก่และเทคโนโลยีสมัยใหม่มาบรรจบกันอย่างลุ่มลึก</span></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>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Fruit Parade Palette (from your image) */
--mango: #DF7C15; /* Mango Pop */
--olive: #81854A; /* Olive Lime */
--mustard: #D3BE01; /* Fresh Mustard */
--lemon: #FAE68F; /* Lemon Cream */
/* map ชื่อเดิมไว้ เผื่อโค้ดข้างในเรียกใช้ */
--pink-soft: var(--mango);
--rose-dust: var(--olive);
--latte: var(--mustard);
--cream: color-mix(in oklab, var(--lemon) 72%, white 28%);
--ink: #3b2a12;
--soft-shadow: 0 12px 28px rgba(70,45,15,.18), 0 3px 8px rgba(70,45,15,.10);
--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(55% 45% at 12% 0%, color-mix(in oklab, var(--lemon) 88%, white 12%), transparent 60%),
radial-gradient(45% 40% at 86% 6%, color-mix(in oklab, var(--mustard) 45%, transparent), transparent 62%),
linear-gradient(180deg,
color-mix(in oklab, var(--cream) 85%, white 15%) 0%,
color-mix(in oklab, var(--lemon) 92%, var(--mustard) 8%) 38%,
color-mix(in oklab, var(--mango) 62%, var(--mustard) 38%) 74%,
color-mix(in oklab, var(--olive) 70%, var(--mango) 30%) 100%);
opacity:.98;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, rgba(250,250,250,.35), transparent 72%);
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(--lemon) 84%, var(--mustard) 16%) 42%,
color-mix(in oklab, var(--mango) 62%, var(--mustard) 38%) 78%,
color-mix(in oklab, var(--olive) 78%, var(--mango) 22%) 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,.45), transparent 62%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--lemon) 28%, transparent), transparent 62%);
}
/* เฟรมเนื้อหา */
#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) 92%, white 8%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--olive) 14%, transparent),
var(--soft-shadow);
}
/* หัวเรื่อง: Mango → Mustard */
#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(--mango), var(--mustard));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(70,45,15,.16);
}
#soft-pastel .phx-sub{ text-align:center; color: rgba(59,42,18,.72); 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(--olive) 16%, transparent),
var(--soft-shadow);
background: color-mix(in oklab, var(--cream) 85%, white 15%);
}
#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.04) contrast(1.02) }
/* การ์ดเนื้อหา: Cream → Lemon → Apricot(Mango soft) */
#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(--cream) 96%, white 4%) 0%,
color-mix(in oklab, var(--lemon) 88%, var(--mustard) 12%) 58%,
color-mix(in oklab, var(--mango) 56%, var(--lemon) 44%) 100%);
box-shadow:
0 12px 26px rgba(70,45,15,.12),
0 2px 6px rgba(70,45,15,.08),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--olive) 14%, transparent);
}
#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 62%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--olive), var(--mango));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(70,45,15,.12);
}
#soft-pastel .phx-tag{ color: rgba(59,42,18,.70); font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3b2a12; 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">Santa Fe</font></h1>
<div class="phx-sub"><font size="3">(ซานตาเฟ🌻รัฐนิวเม็กซิโก)</font></div>
<figure class="phx-hero">
<img src="https://iili.io/fGMSKqQ.jpg" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองซานตาเฟ</font></h2>
<div class="phx-tag"><font size="4">[ <span class="Yjhzub" jscontroller="zYmgkd" jsuid="x6vQbc_d" data-processed="true" style="text-align: start;">The City Different</span> ]</font></div>
<div class="phx-body">
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ซานตาเฟ (Santa Fe)</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"> เปรียบเสมือนอัญมณีล้ำค่าที่ถูกฝังอยู่ในอ้อมกอดของเทือกเขาซางเกร เด คริสโต ที่นี่คือเมืองหลวงที่เก่าแก่ที่สุดของสหรัฐอเมริกา ที่ซึ่งกาลเวลาคล้ายจะหยุดหมุนท่ามกลางอาคารดินเหนียว (Adobe) สีน้ำตาลอบอุ่นทรงเอกลักษณ์ กลิ่นฟืนจากไม้ซีดาร์ลอยละล่องไปตามถนนที่ปูด้วยหินแคบๆ ผสานกับเสน่ห์ของงานศิลปะที่พรรณนาถึงจิตวิญญาณแห่งดินแดนตะวันตก</span></p><p><span id="docs-internal-guid-bc62063a-7fff-a567-17d1-32473dea25aa"><br></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;">ในยามที่แสงแดดทาทาบลงบนจตุรัสพลาซ่า (Historic Plaza) เงาไม้และเสียงดนตรีพื้นเมืองจะขับขล่อมให้ผู้มาเยือนตกอยู่ในภวังค์แห่งวัฒนธรรมที่ผสมผสานระหว่างสเปน เม็กซิกัน และชนเผ่าพื้นเมืองได้อย่างวิจิตรบรรจง ซานตาเฟไม่ใช่เพียงแค่จุดหมายปลายทาง แต่เป็นดั่งบทกวีที่มีชีวิต ซึ่งจะคอยต้อนรับเหล่านักเดินทางผู้แสวงหาแรงบันดาลใจและความสงบทางจิตวิญญาณอย่างไม่รู้จบ</span></p>
</div>
</section>
</div>
</div>
</div>
</div>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2026-1-16 21:49
ปราสาทมอร์เฟียส
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 50px;
border: 5px double #f75052;
padding: 3px;
box-shadow: #000 0px 0px 10px;
background-attachment:fixed;
background-size:cover;
background-image: url("https://img2.pic.in.th/image8cf488b0fabff713.png");}
</style>
<style>
#boxsystem02 {
width: 700px;
border-radius: 0px;
border: 1px dotted #f75052;
padding: 100px;
box-shadow: #000 0px 0px 50px;
background-image: url("https://img2.pic.in.th/pic/black88.png");}
</style>
<style>
#boxsystem03 {
width: 450px;
border-radius: 20px;
border: 2px dashed #fbfaf2;
padding: 10px;
box-shadow: #ebc8c4 0px 0px 0em;
background-color: #d7eed4;}
</style>
<style>
.shadow {
text-shadow: 1px 1px 0px #003d3d;
}
</style>
<div id="boxsystem01">
<p>
<br><br></p><p><font style="" size="7" color="#ffffff" face="Rye"><span style="text-align: left;"><span class="shadow" ;"="" style="">Morpheus's Castle</span></span></font><br></p><p><font style="face=" ;p<font="" face="TH Niramit AS" size="5" color="#f75052"><span class="shadow" ;"="" style="">ปราสาทของมอร์เฟียส ในโลกแห่งความฝัน</span></font><br></p><p><br></p>
<img src="https://img5.pic.in.th/file/secure-sv1/mordd769354e46334b6.png" width="900" _height="614" border="0"><br><iframe width="900" height="10" src="https://www.youtube.com/embed/Zqrw0vOyezY?autoplay=1&loop=1&playlist=Zqrw0vOyezY" 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/jol.png" width="300" _height="300" border="0"><font size="3"><br><br></font></p><p><span style="font-family: " th="" niramit="" as";"=""><font size="7" face="TH Niramit AS" style="font-weight: bold;" color="#f75052">ปราสาทของมอร์เฟียส</font><br><font style="" size="5" color="#8b0000" face="Rye">(Morpheus's Castle)</font></span></p><p><font size="5"><font color="#c0c0c0" face="TH Niramit AS"><b><br></b></font></font><img src="https://img5.pic.in.th/file/secure-sv1/poppy33466a6099e3103d.png" width="600" _height="122" border="0"><font size="5"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><br></p><p style="line-height: 30px; text-indent: 2em;"></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><br></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Niramit AS" size="5"><font color="#c0c0c0"> ตั้งอยู่ใจกลาง</font><b style=""><font color="#dd4646">ดินแดนแห่งความฝัน</font></b><font color="#c0c0c0">อันเป็นมิติที่ไร้ขอบเขตและเปลี่ยนแปลงอยู่ตลอดเวลา สถาปัตยกรรมของปราสาทนี้ไม่ได้ยึดติดกับกฎเกณฑ์ทางฟิสิกส์ แต่ถูกถักทอขึ้นจากม่านหมอกและเศษเสี้ยวแห่งจินตนาการ ผนังของปราสาทมักจะเรืองแสงจาง ๆ เป็นสีครามและม่วงเข้ม สะท้อนถึงบรรยากาศของราตรีที่ไม่มีวันสิ้นสุด</font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#c0c0c0" face="TH Niramit AS" size="5"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(192, 192, 192); font-family: "TH Niramit AS"; font-size: x-large;"> </span><font face="TH Niramit AS" size="5"><font color="#c0c0c0">ทางเข้าปราสาทถูกล้อมรอบด้วย</font><b style=""><font color="#dd4646">สวนดอกป๊อปปี้สีเลือด</font></b><font color="#c0c0c0">ที่บานสะพรั่ง ซึ่งทำหน้าที่เป็นองครักษ์ผู้ซื่อสัตย์คอยส่งกลิ่นหอมชวนง่วงงันเพื่อให้ผู้บุกรุกจมดิ่งสู่การหลับใหลก่อนจะถึงประตูทางเข้า ภายในปราสาทประกอบด้วยระเบียงทางเดินที่ทอดยาวไปสู่หอคอยนับพัน ซึ่งแต่ละหอคอยทำหน้าที่เก็บรักษา "ฟองความฝัน" ของสิ่งมีชีวิตทั่วทุกมุมโลก บรรยากาศภายในมีความเงียบสงัดจนได้ยินเพียงเสียงกระซิบของความปรารถนาที่ล่องลอยอยู่ในอากาศ</font></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><p></p><p></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#c0c0c0" face="TH Niramit AS" size="5"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(192, 192, 192); font-family: "TH Niramit AS"; font-size: x-large;"> </span><font color="#c0c0c0" face="TH Niramit AS" size="5">มอร์เฟียสจะประทับอยู่บนบัลลังก์ที่สร้างจากไม้อีโบนีสีดำสนิท ท่ามกลางภาพมายาที่เคลื่อนไหวได้รอบตัวเขา ปราสาทแห่งนี้จึงไม่ได้เป็นเพียงที่พำนักของเทพเจ้าแห่งความฝัน แต่ยังเป็นห้องสมุดที่มีชีวิตซึ่งบันทึกทุกภาพนิมิต ความหวัง และความกลัวของมนุษยชาติเอาไว้ในรูปแบบที่งดงามและน่าสะพรึงกลัวในเวลาเดียวกัน</font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="TH Niramit AS" size="5" color="#c0c0c0"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><img src="https://img5.pic.in.th/file/secure-sv1/poppy33466a6099e3103d.png" width="600" _height="122" border="0"></p><div><br></div></div><font color="#fff" style=""><font face="Kanit"><font color="black" style=""><font size="5"><br><br></font><br>
</font></font><p></p></font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><b>
<br>
</b></font></font></font></font></div><font color="#fff" style="">
<style type="text/css">BODY{background:url("https://img2.pic.in.th/image8cf488b0fabff713.png"); background-attachment:fixed; background-size:cover; }</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: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: linear-gradient(#000, #f75052, #000); border-top:0px solid #fbfaf2;border-radius:5px; border-bottom:0px solid #fbfaf2;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#000, #fff, #000); border-top:0px solid #fbfaf2;border-radius:5px; border-bottom:0px solid #fbfaf2;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>
แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2026-1-16 21:49
ตลาดนิวโรม
<div align="center" style="list-style-type: none;">
<style>
#boxsystems01 {
border-radius: 0px;
border: 5px double #000;
padding: 3px;
box-shadow: #000 0px 0px 3em;
background-attachment:fixed;
background-image: url("https://img5.pic.in.th/file/secure-sv1/image270818aecbefcd5d.png");}
</style>
<style>
#boxsystems02 {
width: 800px;
border-radius: 0px;
border: 2px dotted #333146;
padding: 70px;
box-shadow: #c0d1d2 0px 0px 20px;
background-attachment:fixed;
background-image: url("https://img2.pic.in.th/pic/crean90.png");}
</style>
<style>
.shadow {
text-shadow: 1px 1px 5px #c0d1d2;
}
</style>
<div id="boxsystems01"> <p><font size="3"><br></font></p><p><font size="3"><br></font></p><p><font size="3"><br></font></p><p><span class="shadow"><font face="Georgia" size="7" color="#c7a996">Mercatus Novae Romae</font></span></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font face="Sarabun"><br><font size="2" color="#948565">⋘ ตลาดแห่งกรุงโรมใหม่ ⋙</font></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font face="Sarabun" size="2"><br><br></font></p><p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"><font face="Sarabun" size="2"><br></font></p><div class="image-container"><img src="https://img2.pic.in.th/image2d110a280f8ab524.png" width="845" _height="563" border="0"><font face="Sarabun" size="2"><br></font></div><font face="Sarabun" size="2"><iframe width="500" height="5" src="https://www.youtube.com/embed/3-mLZN830y8?autoplay=1&loop=1&playlist=3-mLZN830y8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe><br><br></font><div id="boxsystems02"><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-family: Sarabun; white-space-collapse: preserve;"><b style=""><span class="shadow" style=""><font size="6" style="" color="#a0522d">ตลาดแห่งกรุงโรมใหม่</font></span><font size="4" style=""><font color="#c0c0c0">
</font></font></b></span><font style="" face="TH Charmonman" size="5" color="#bb7954">Mercatus Novae Romae</font><span style="font-family: Sarabun; white-space-collapse: preserve;"><b style=""><font size="4" style=""></font></b></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="white-space-collapse: preserve;"><b style=""><font size="4" style="color: rgb(192, 192, 192);" face="Sarabun"><br></font></b></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/000878c2dd8a5ab99163.png" width="600" _height="75" border="0"><span style="white-space-collapse: preserve;"><b style=""><font size="4" style="color: rgb(192, 192, 192);" face="Sarabun"></font></b></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="white-space-collapse: preserve;"><b style=""><font size="4" style="color: rgb(192, 192, 192);" face="Sarabun"><br></font></b></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"></p><div style="text-align: left;"><font face="Sarabun"><font size="3" style=""><span style="white-space-collapse: preserve;"> </span></font><font size="3"><span style="white-space-collapse: preserve;">ตั้งอยู่ไม่ไกลจากฟอรัม เป็นพื้นที่ที่คึกคักที่สุดแห่งหนึ่งของเมือง เสียงพูดคุย เสียงหัวเราะ และเสียงต่อรองราคาดังคลอไปกับกลิ่นอาหารสดและเครื่องเทศที่ลอยอบอวลอยู่ในอากาศ แผงขายของเรียงรายใต้หลังคาผ้าใบและเสาหินแบบโรมัน ตั้งแต่ผักผลไม้สดจากไร่รอบเมือง เสื้อผ้าแนวสมัยใหม่ที่ดัดแปลงกลิ่นอายคลาสสิก ไปจนถึงวัตถุหายากที่ไม่มีป้ายราคาและต้องแลกด้วยคำถามหรือความไว้ใจ</span></font></font></div><div style="text-align: left;"><font face="Sarabun"><font size="3"><span style="white-space-collapse: preserve;"><br></span></font></font></div><div style="text-align: left;"><font face="Sarabun"><font size="3"><span style="white-space-collapse: preserve;"> ที่นี่ไม่ใช่เพียงตลาดสำหรับการซื้อขาย แต่เป็นจุดรวมของข่าวสาร ผู้คน และความลับ กระซิบเรื่องภารกิจ การเคลื่อนไหวของเทพ หรือเหตุการณ์ที่ยังไม่ถูกบันทึกอย่างเป็นทางการ มักเริ่มต้นขึ้นระหว่างการเลือกของหรือการนั่งดื่มกาแฟข้างแผงเล็ก ๆ ด้วยทำเลที่อยู่ใกล้ฟอรัม ตลาดแห่งกรุงโรมใหม่ จึงเปรียบเสมือนเส้นเลือดฝอยของกรุงโรมใหม่ สถานที่ซึ่งชีวิตประจำวัน เรื่องลับ และชะตากรรมของเมือง ไหลมาบรรจบกันอย่างแนบเนียน</span></font></font></div><div style="text-align: left;"><font face="Sarabun"><font size="3"><span style="white-space-collapse: preserve;"><br></span></font></font></div><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/000878c2dd8a5ab99163.png" width="600" _height="75" border="0"><font face="Sarabun"><font size="3"><span style="white-space-collapse: preserve;"></span></font></font></div>
</div><br><br><br></div>
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/image63bf16cc353d38c2.png"); background-attachment:fixed; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px; height:5px; }
::-webkit-scrollbar-track-piece:decrement{ background:#704e42!important; }
::-webkit-scrollbar-track-piece:increment { background:#704e42!important; }
::-webkit-scrollbar-button{ background:#704e42!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background:#896650!important; border-top:5px solid #c7a996;border-bottom:5px solid #c7a996; }
::-webkit-scrollbar-thumb:hover{ background: #c7a996!important; border-top:5px solid #896650; border-bottom:5px solid #896650; }</style>
<style>
a:link {
color: #c5ae9f; /* ลิงก์ปกติ */
transition: color 0.4s ease; /* ใส่ transition */
}
a:visited {
color: #c5ae9f; /* ลิงก์ที่เคยกดแล้ว */
transition: color 0.4s ease;
}
a:hover {
color: #948767; /* สีตอนเมาส์วาง */
}
</style>
<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}</style>
</div>
<style type="text/css">
/* เปลี่ยนสีพื้นหลังบาร์ด้านบนและส่วนหัวของกระทู้ */
#ct, .mn, .wp, .bm, .tb, .p_pop, .ct2_a, .ct3_a {
background-color: transparent !important;
border: none !important;
}
/* เปลี่ยนสีส่วนหัวที่มีปุ่มตั้งกระทู้และตอบกระทู้ (ส่วนสีขาวที่วงไว้) */
.bm.bw0 {
background-color: rgba(2, 10, 10, 0.9) !important; /* สีเขียวดำลึกแบบโปร่งแสง */
color: #ffffff !important;
border: 1px solid rgba(197, 160, 89, 0.2) !important;
}
/* เปลี่ยนสีบาร์เมนูย่อย */
.tb a {
background-color: #0a2823 !important; /* สีเขียวหม่นแบบที่คุณวงไว้ */
color: #c5a059 !important;
border-color: #c5a059 !important;
}
/* บังคับสีพื้นหลังของ Container ทั้งหมดให้โปร่งใสเพื่อโชว์พื้นหลัง GIF/Gradient */
#pt, #ct, .mn, .wp {
background: none !important;
}
/* ปรับแต่งส่วนรายชื่อผู้เข้าชม (ล่างบาร์ขาว) */
.bm_h {
background: #0a2823 !important;
border-color: rgba(197, 160, 89, 0.3) !important;
}
</style>
หมวดหมู่ที่ตั้งสถานที่: อเมริกา รัฐคอนเนตทิคัตชื่อสถานที่: เมืองฮาร์ตเฟิร์ด
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ========== SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========== */
#soft-pastel{
/* Ivory Whip Palette (from your image) */
--ivory: #fdfaf4; /* Ivory Whip */
--peach: #f9e4d2; /* Peach Meringue */
--petal: #f3e3e9; /* Petal Blush */
--lavender: #bdb8be; /* Lavender Fog */
--sugar: #efc4c8; /* Sugarplum Silk */
/* map ชื่อเดิมไว้ เผื่อโค้ดข้างในเรียกใช้ */
--mango: var(--sugar);
--olive: var(--lavender);
--mustard: var(--peach);
--lemon: var(--petal);
--cream: color-mix(in oklab, var(--ivory) 86%, white 14%);
--ink: #3a2f34;
--soft-shadow: 0 12px 28px rgba(60,40,50,.16), 0 3px 8px rgba(60,40,50,.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 10% 0%,
color-mix(in oklab, var(--ivory) 88%, white 12%),
transparent 60%),
radial-gradient(55% 45% at 92% 4%,
color-mix(in oklab, var(--petal) 70%, transparent),
transparent 62%),
linear-gradient(180deg,
color-mix(in oklab, var(--ivory) 92%, white 8%) 0%,
color-mix(in oklab, var(--petal) 78%, var(--peach) 22%) 40%,
color-mix(in oklab, var(--peach) 70%, var(--sugar) 30%) 74%,
color-mix(in oklab, var(--lavender) 70%, var(--sugar) 30%) 100%);
opacity:.98;
}
/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, rgba(255,255,255,.40), transparent 72%);
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(--ivory) 92%, white 8%) 0%,
color-mix(in oklab, var(--petal) 72%, var(--peach) 28%) 44%,
color-mix(in oklab, var(--peach) 64%, var(--sugar) 36%) 78%,
color-mix(in oklab, var(--lavender) 70%, var(--petal) 30%) 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,.45), transparent 62%),
radial-gradient(55% 45% at 100% 0%,
color-mix(in oklab, var(--petal) 28%, transparent),
transparent 62%);
}
/* เฟรมเนื้อหา */
#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(--ivory) 92%, white 8%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--lavender) 18%, transparent),
var(--soft-shadow);
}
/* หัวเรื่อง: Sugarplum → Lavender */
#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(--sugar), var(--lavender));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(60,40,50,.14);
}
#soft-pastel .phx-sub{ text-align:center; color: rgba(58,47,52,.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(--lavender) 18%, transparent),
var(--soft-shadow);
background: color-mix(in oklab, var(--ivory) 88%, white 12%);
}
#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.04) contrast(1.02) }
/* การ์ดเนื้อหา: Ivory → Petal → 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,
color-mix(in oklab, var(--ivory) 96%, white 4%) 0%,
color-mix(in oklab, var(--petal) 82%, var(--ivory) 18%) 56%,
color-mix(in oklab, var(--peach) 70%, var(--sugar) 30%) 100%);
box-shadow:
0 12px 26px rgba(60,40,50,.12),
0 2px 6px rgba(60,40,50,.08),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--lavender) 14%, transparent);
}
#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 62%);
}
/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--lavender), var(--sugar));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(60,40,50,.10);
}
#soft-pastel .phx-tag{ color: rgba(58,47,52,.68); font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3a2f34; 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">Hartford</font></h1>
<div class="phx-sub"><font size="3">(รัฐคอนเนตทิคัต🌆สหรัฐอเมริกา)</font></div>
<figure class="phx-hero">
<img src="https://iili.io/fkixnQn.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองฮาร์ตเฟิร์ด</font></h2>
<div class="phx-tag"><font size="4">[ The Insurance Capital of the World ]</font></div>
<div class="phx-body">
<p><font size="3">เมืองฮาร์ตเฟิร์ดตั้งตระหง่านอยู่ริมฝั่งสายน้ำคอนเนตทิคัตอันเย็นเยียบ ประหนึ่งป้อมปราการหินแกร่งที่แฝงกายอยู่ในคราบมหานครร่วมสมัย ท่ามกลางหมู่ตึกระฟ้าที่สะท้อนเงาแดดและเงาไม้ดึกดำบรรพ์ซึ่งแผ่กิ่งก้านปกคลุมความลับในอดีต </font></p><p><font size="3">ที่นี่คือจุดบรรจบอันแปลกประหลาดระหว่างอำนาจแห่งความมั่งคั่งของมนุษย์และลิขิตแห่งโชคชะตาที่ยากจะคาดเดา ทุกย่างก้าวบนถนนสายเก่าเปี่ยมด้วยมนตร์ขลังนิวอิงแลนด์อันเคร่งขรึม ซ่อนเร้นร่องรอยของทวยเทพและเสียงกระซิบจากอดีตกาลไว้ใต้รอยจารึกนับร้อยปี รอคอยให้เดมิก็อดผู้มีสายเลือดพิเศษมาเปิดเผยความจริงที่ถูกพรางตาไว้ด้วยเงาของกรมธรรม์และตัวเลขมหาศาล</font></p>
</div>
</section>
</div>
</div>
</div>
</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+Thai:wght@300;400;700&family=Montserrat:wght@200;300;400&family=Playfair+Display:ital,wght@1,400&display=swap');
:root {
--damon-ocean: #2b6777;
--damon-teak: #9c6644;
--damon-marble: #ffffff;
--damon-sky: #f2f2f2;
--damon-gold-dust: rgba(212, 175, 55, 0.15);
--shadow-blur: 0 15px 45px rgba(43, 103, 119, 0.1);
}
/* --- The Dream Horizon Container --- */
.dream-chamber {
max-width: 900px;
margin: 50px auto;
background: var(--damon-marble);
background-image:
linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
url('https://www.transparenttextures.com/patterns/pinstriped-suit.png');
border: 1px solid #e0e0e0;
box-shadow: var(--shadow-blur);
position: relative;
overflow: hidden;
}
/* ตกแต่งด้วยเงาของผ้าม่านและระเบียง */
.dream-chamber::before {
content: '';
position: absolute;
top: 0; left: 0; width: 100%; height: 8px;
background: linear-gradient(to right, var(--damon-teak), var(--damon-ocean), var(--damon-teak));
}
/* Header Section: The Open-Air View */
.chamber-header {
height: 500px;
background: url('https://iili.io/fvkCbWJ.png') center center no-repeat;
background-size: cover;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
border-bottom: 10px solid var(--damon-teak);
}
.title-banner {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(5px);
padding: 40px 60px;
margin-bottom: -50px;
text-align: center;
width: 70%;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
border: 1px solid #ddd;
}
.chamber-name {
font-family: 'Cinzel', serif !important;
letter-spacing: 10px;
color: var(--damon-ocean);
font-weight: 700;
margin-bottom: 10px;
display: block;
}
/* Content Area */
.chamber-body {
padding: 100px 80px 80px;
font-family: 'Noto Serif Thai', serif;
line-height: 2.3;
color: #444;
}
.concept-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 50px;
}
.concept-item {
padding: 25px;
background: #fdfdfd;
border-left: 2px solid var(--damon-ocean);
}
.label {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--damon-teak);
font-weight: 700;
display: block;
margin-bottom: 15px;
}
/* Mirror Section (The Secret Corner) */
.mirror-corner {
margin-top: 60px;
padding: 40px;
background: #0a0a0a;
color: #ddd;
border-radius: 2px;
position: relative;
text-align: center;
}
.mirror-corner::after {
content: '◈';
position: absolute;
top: -10px; left: 50%;
transform: translateX(-50%);
background: var(--damon-marble);
color: #000;
padding: 0 10px;
}
.sensory-note {
font-family: 'Playfair Display', serif;
font-style: italic;
color: var(--damon-ocean);
font-size: 1.2rem;
text-align: center;
margin-top: 40px;
padding: 20px;
border-top: 1px double #ddd;
border-bottom: 1px double #ddd;
}
.chamber-footer {
padding: 40px;
text-align: center;
background: var(--damon-sky);
border-top: 1px solid #e0e0e0;
}
</style>
<div class="dream-chamber">
<div class="chamber-header">
<div class="title-banner">
<span class="chamber-name"><font size="6">DAMON'S DREAM</font></span>
<font face="Montserrat" size="2" color="#9c6644" style="letter-spacing: 5px;">THE TEAK PAVILION OVER OCEAN</font>
</div>
</div>
<div class="chamber-body">
<div style="text-align: center; margin-bottom: 60px;">
<font size="4">
โรงยิมไม้สักแบบเปิดโล่งบนหน้าผาสูงชันเหนือมหาสมุทรที่สงบนิ่ง <br>
สถาปัตยกรรมร่วมสมัยที่สว่างไสวด้วยแสงแดดยามบ่ายผ่านผ้าม่านสีขาวบางเบา <br>
ที่นี่ไม่มีภาพมายา... มีเพียง <b>ความปลอดภัย</b> และ <b>ความจริงใจ</b>
</font>
</div>
<div class="concept-grid">
<div class="concept-item">
<span class="label">◈ Art & Strength</span>
<font size="3">
กลางห้องมีลานกว้างสำหรับฝึกซ้อมร่างกายพร้อมดัมเบลเหล็กที่เป็นระเบียบ
ทว่าริมระเบียงกลับมีขาตั้งเฟรมผ้าใบและถาดสีน้ำวางรับแสงธรรมชาติ
สะท้อนความแข็งแกร่งที่ผสมผสานกับสุนทรียภาพอย่างลงตัว
</font>
</div>
<div class="concept-item">
<span class="label">◈ Minimalism</span>
<font size="3">
เฟอร์นิเจอร์ไม้เรียบง่ายเพียงไม่กี่ชิ้น หนังสือปรัชญาสองสามเล่มบนโต๊ะข้างเตียง
และราวไม้แขวนเสื้อยืดสีพื้นที่สวมสบาย ไร้ซึ่งเครื่องแต่งกายหรูหราที่ใช้ปกปิดตัวตน
</font>
</div>
</div>
<div class="sensory-note">
"กลิ่นเกลือทะเลจางๆ ผสมไม้สนซีดาร์... สะอาดและมั่นคง"
</div>
<div class="mirror-corner">
<span class="label" style="color: #666;">HIDDEN MIRROR</span>
<font size="3">
กระจกเงาเพียงบานเดียวถูกตั้งไว้ในมุมมืดและคลุมด้วยผ้าไว้ครึ่งหนึ่ง <br>
มันไม่ใช่ที่สำหรับชื่นชมรูปโฉม แต่เป็นสัญลักษณ์แห่งความเดียดฉันท์ <br>
ต่อพลังมนตร์มหาเสน่ห์ที่บดบังตัวตนที่แท้จริงของเขาจากสายตาโลก
</font>
</div>
</div>
<div class="chamber-footer">
<font face="Cinzel" size="2" color="#2b6777" style="letter-spacing: 8px;">AUTHENTICITY OVER APPEARANCE</font>
</div>
</div>
หมวดหมู่ : Dream World
ชื่อกระทู้ : Feria Dreams
<div align="center">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display|Kanit">
<style>
.profile-vertical {
width: 100%;
max-width: 75%;
background-color: #f4eadc;
border-radius: 22px;
overflow: hidden;
font-family: 'Kanit', sans-serif;
margin: 0 auto; /* จัดกลาง */
}
/* ตารางหลัก */
.profile-vertical table {
width: 100%;
border-collapse: collapse;
}
/* รูปด้านบน */
.profile-vertical .profile-img img {
width: 100%;
max-width: 100%;
display: block;
border-radius: 22px 22px 0 0; /* มุมมนด้านบน */
}
/* ส่วนข้อมูล */
.profile-vertical .profile-info {
padding: 28px 26px 32px;
position: relative;
text-align: center; /* จัดกลาง */
}
/* จุดตกแต่ง */
.profile-vertical .decor-dots {
margin-bottom: 14px;
}
.profile-vertical .decor-dots span {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
margin: 0 3px;
}
.dot1 { background-color: #e6b8a2; }
.dot2 { background-color: #d9d2c3; }
.dot3 { background-color: #9aa28f; }
/* หัวข้อ */
.profile-vertical .profile-title {
font-family: 'Playfair Display', serif;
font-size: 38px;
color: #9aa28f;
letter-spacing: 2px;
margin-bottom: 14px;
}
/* เส้นคั่น */
.profile-vertical .profile-divider {
width: 40px;
height: 2px;
background-color: #d6cfc0;
margin: 0 auto 16px;
}
/* คำบรรยาย */
.profile-vertical .profile-desc {
font-size: 14px;
color: #777;
line-height: 1.6;
}
</style>
<div class="profile-vertical">
<table>
<tbody><tr>
<td class="profile-img">
<img src="https://img5.pic.in.th/file/secure-sv1/IMG_5070ae183440990ef196.jpeg">
</td>
</tr>
<tr>
<td class="profile-info">
<div class="decor-dots">
<span class="dot1"></span>
<span class="dot2"></span>
<span class="dot3"></span>
</div>
<div class="profile-title">
Feria’s Dream
</div>
<div class="profile-divider"></div>
</td>
</tr>
</tbody></table>
</div>
</div>
แบบฟอร์มสร้างสถานที่ (2 สถานที่)หมวดหมู่ที่ตั้งสถานที่: ค่ายจูปิเตอร์, เขตกองร้อย, กองร้อยที่ 2, รัฐแคลิฟอเนียร์ สหรัฐอเมริกาชื่อสถานที่: 【Second Cohort】⚜ ⊣ STORAGE ROOM ⊢ ⚜
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Thasadith:wght@700&family=Kanit:wght@400;600&display=swap" rel="stylesheet">
<style>
/* =========================================================
=============== CONFIG (★ แก้ทีเดียวทั้งธีม) ===============
========================================================= */
:root{
/* ★ พื้นหลังทั้งหน้า (นิ่งกับจอ) */
--wall: url("https://img5.pic.in.th/file/secure-sv1/637821fc4488ff0cec6dc1cd278a9eb1.jpg");
/* ★ พื้นหลังเฉพาะโพสต์นี้ (เลื่อนขึ้นลงนุ่ม ๆ) */
--post-bg: url("https://img2.pic.in.th/pic/aca09435d60747a12df341f89187ff9b.jpg");
--post-pan-speed: 20s;
--post-pan-from: 0%;
--post-pan-to: 100%;
/* ★ สีตัวอักษร */
--text-color:#F7F8FA;
--title-color: #FFFFFF;
--sub-color: #EDF0F7;
/* ★ โทน “พาสเทล–ขาว” สำหรับฟุ้ง ๆ */
--accent: #F7EEFF;
--accent-rgb: 247,238,255;
/* ★ สี/ความใสของแก้ว */
--glass: rgba(245, 245, 220,.42);
--glass-b: rgba(255,255,255,.38);
/* ★ เอฟเฟกต์ฟุ้ง */
--glow-outer:rgba(255,255,255,.60);
--glow-inner:rgba(var(--accent-rgb), .35);
--glow-soft: rgba(255,255,255,.35);
--glow-spread: 34px;
--blur-amt: 10px;
/* ขนาดรูป/คอนเทนต์ */
--hero-h: 520px;
--maxw: 980px;
--item-h: 220px; /* fallback ถ้าเบราว์เซอร์ไม่รองรับ aspect-ratio */
}
/* ===== วอลเปเปอร์ทั้งหน้า ===== */
body{ background: transparent !important; }
html::before{
content:""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background: var(--wall) center/cover no-repeat;
filter: saturate(1.02) contrast(1.0);
opacity: .95;
}
/* ===== พื้นหลัง “เฉพาะโพสต์นี้” (เลื่อนอัตโนมัติ) ===== */
.post-bg{
padding: 30px;
background: var(--post-bg) 50% var(--post-pan-from) / cover no-repeat;
animation: postBgPan var(--post-pan-speed) linear infinite alternate;
}
@keyframes postBgPan{
from { background-position: 50% var(--post-pan-from); }
to { background-position: 50% var(--post-pan-to); }
}
/* ===== พื้นที่โพสต์ ===== */
.pj-post{
font-family:'Kanit',system-ui,-apple-system,sans-serif;
color: var(--text-color);
max-width: var(--maxw);
margin: 0 auto;
padding: 18px;
}
/* =============== กล่องโปร่งใส (แก้ว) + ฟุ้งพาสเทล =============== */
.pj-card{
position: relative;
background:
linear-gradient(135deg,
rgba(var(--accent-rgb), .22) 0%,
rgba(var(--accent-rgb), .10) 40%,
rgba(255,255,255,.12) 60%,
rgba(255,255,255,.06) 100%
),
var(--glass);
border: 1px solid var(--glass-b);
border-radius: 16px;
padding: 22px;
box-shadow:
0 10px 26px rgba(255,255,255,.12),
0 0 var(--glow-spread) 10px var(--glow-outer),
0 0 calc(var(--glow-spread) * 1.2) 0 var(--glow-inner),
0 0 40px 10px var(--glow-soft);
backdrop-filter: saturate(150%) blur(var(--blur-amt));
-webkit-backdrop-filter: saturate(150%) blur(var(--blur-amt));
margin-bottom: 18px;
overflow: hidden;
}
.pj-card::before{
content:""; position:absolute; inset:-16% -12% -30% -12%;
pointer-events:none; z-index:0;
background:
radial-gradient(60% 45% at 12% -5%,rgba(var(--accent-rgb), .35), transparent 60%),
radial-gradient(48% 45% at 100% -15%, rgba(var(--accent-rgb), .25), transparent 60%),
radial-gradient(60% 30% at 50% 110%, rgba(255,255,255,.25), transparent 60%);
mix-blend-mode: screen;
}
.pj-card > *{ position: relative; z-index: 1; }
/* 1) กล่องหัวเรื่อง */
.pj-hero{ text-align:center; padding: 28px 22px 22px; }
.pj-title{
font-family:'Thasadith','Kanit',sans-serif;
font-weight:700; font-size:28px; line-height:1.2; margin:0 0 8px;
color: var(--title-color);
text-shadow: 0 8px 24px rgba(255,255,255,.25);
}
.pj-sub{ color: var(--sub-color); }
/* 2) สื่อ: ภาพหลักใหญ่ */
.pj-media .pj-heroimg{
position: relative; overflow:hidden; border-radius: 14px;
margin-bottom: 12px;
box-shadow:
0 8px 18px rgba(255,255,255,.16),
0 0 28px 8px rgba(var(--accent-rgb), .22);
}
.pj-media .pj-heroimg img{
display:block !important;
width:100% !important;
max-width:none !important;
height: var(--hero-h) !important;
object-fit: cover !important;
object-position: 50% 40% !important;
image-rendering: -webkit-optimize-contrast;
image-rendering: auto;
}
.pj-media .pj-heroimg::after{
content:""; position:absolute; inset:0; pointer-events:none;
background: linear-gradient(180deg,
rgba(255,255,255,.10),
rgba(255,255,255,0) 40%,
rgba(255,255,255,.16)
);
}
/* ====== WIDTH CONTROL FOR .pj-content (drop-in patch) ====== */
/* ค่าเริ่มต้นทั้งหน้า (เปลี่ยนเลขนี้ได้) */
:root { --content-max: 840px; }
/* ให้ใช้ได้เฉพาะกรอบเนื้อหา ไม่กระทบกรอบรูป */
.pj-card.pj-content{
box-sizing: border-box;
width: clamp(320px, 92vw, var(--content-max)) !important;
max-width: var(--content-max) !important;
margin-left: auto !important;
margin-right: auto !important;
/* ปรับอินเนอร์แพดดิ้งตามชอบ */
padding-left: 56px !important;
padding-right: 50px !important;
}
/* กัน parent ครอบไว้แล้วทำให้ลูกขยายไม่ออก */
.pj-post{ max-width: none !important; } /* หรือทิ้งบรรทัดนี้ถ้าไม่จำเป็น */
/* 2.1) กริดรูปย่อย — บังคับ 5 ใบต่อแถว + ทำให้เท่ากันทุกใบ */
.pj-gallery{
display:grid;
gap:12px;
}
.pj-gallery.pj-five{
grid-template-columns: repeat(5, 1fr); /* เดสก์ท็อป: 5 ใบ */
}
.pj-gallery.pj-five img{
width:100% !important;
height:auto !important;
aspect-ratio: 1 / 1; /* สี่เหลี่ยมจัตุรัสเท่ากัน */
object-fit: cover;
display:block;
border-radius:12px;
padding:0 !important; /* รีเซ็ต padding จากสไตล์อื่น */
border:none !important; /* รีเซ็ต border จากสไตล์อื่น */
box-shadow:
0 6px 12px rgba(255,255,255,.12),
0 0 18px 4px rgba(var(--accent-rgb), .18);
}
/* fallback ถ้าไม่รองรับ aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
.pj-gallery.pj-five img{ height: var(--item-h); }
}
/* 3) เนื้อหา */
.pj-content{ line-height:1.9; font-size:16px; }
.pj-content p{ margin:10px 0; }
.pj-content img{ max-width:100%; border-radius:10px; display:block; margin:10px auto; }
/* Responsive */
@media (max-width: 900px){
.pj-gallery.pj-five{ grid-template-columns: repeat(3, 1fr); } /* แท็บเล็ต: 3 ใบ */
}
@media (max-width:560px){
.pj-post{ max-width: 100%; padding: 12px; }
:root{ --hero-h: 340px; --item-h: 180px; }
.pj-title{ font-size:24px; }
.pj-gallery.pj-five{ grid-template-columns: repeat(2, 1fr); } /* มือถือ: 2 ใบ */
}
</style>
<!-- ================== HTML พร้อมใช้ ================== -->
<div class="post-bg">
<div class="pj-post">
<!-- โลโก้/หัว -->
<div style="text-align:center;"><img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" border="0">
<br><font face="Sekuya"><font size="6" color="#a0522d">2nd Company Storage</font></font><br><font face="Google Sans"><font size="5"><b><font color="DimGray">(ชั่วคราว)</font></b></font></font><br><br>
</div>
<!-- กล่องที่ 2: สื่อ — ภาพหลักใหญ่ + กริด 5 รูป -->
<section class="pj-card pj-media">
<div class="pj-heroimg">
<img src="https://iili.io/fg8k6Ux.jpg" alt="ภาพหลัก">
</div>
<!-- ★ เพิ่ม class pj-five เพื่อบังคับ 5 คอลัมน์ -->
<div class="pj-gallery pj-five">
<img src="https://iili.io/fg8k4lj.jpg" alt="ภาพ 1">
<img src="https://iili.io/fg8kkD7.jpg" alt="ภาพ 2">
<img src="https://iili.io/fg8k8x9.jpg" alt="ภาพ 3">
<img src="https://iili.io/fg8kSVe.jpg" alt="ภาพ 4">
<img src="https://iili.io/fg8kUiu.jpg" alt="ภาพ 5">
</div>
</section>
<!-- กล่องที่ 3: เนื้อหา -->
<section class="pj-card pj-content">
<p style="text-align:center;">
<img src="https://img5.pic.in.th/file/secure-sv1/1393c7135a482122d13e73dc482504c0171d25535ab9b-0tpXTr_fw658webp-1.md.png" width="500" alt="">
</p>
<p style="text-align: center;">
<font size="5" style="color: rgb(205, 133, 63);">【</font><font style="color: rgb(205, 133, 63); font-size: xx-large;"> </font><b style="font-size: xx-large; letter-spacing: 0.36px;"><font color="#a0522d" style="" face="TH Srisakdi">คลังกองร้อยที่ 2 ค่ายจูปิเตอร์</font><font color="#cd853f" style="font-family: " th="" charmonman";"=""> </font></b><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" style="color: rgb(205, 133, 63);"><span style="letter-spacing: 0.36px;"><b></b></span></font><font size="5" style="color: rgb(205, 133, 63);">】</font></p><p style="text-align: center;"><font color="#cd853f" face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4"><span style="letter-spacing: 0.36px;"><b>สำหรับสมาชิกกองร้อยที่ 2 ที่ต้องการใช้คลังโปรดติดต่อเซ็นจูเรี่ยนในขณะนี้ </b></span></font></p><p style="text-align: center;"><font color="#cd853f" face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4"><span style="letter-spacing: 0.36px;"><b>วัตถุดิบในคลังกรุณาตรวจสอบที่โพสต่อไป </b></span></font></p><p style="text-align: center;"><font color="#cd853f" face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4"><b style="letter-spacing: 0.36px;">ID คลัง : </b><span style="letter-spacing: 0.36px;"><b>2ndCoStore</b></span></font></p><p style="text-align: center;"><font face="Thasadith, Kanit, system-ui, -apple-system, sans-serif" size="4" color="#ff0000"><span style="letter-spacing: 0.36px;"><b style="">พื้นที่ส่วนบุคคล หากไม่ได้รับอนุญาตห้ามเข้า</b></span></font></p>
<p></p>
</section>
</div>
</div>
<!-- ★ เดิมมีสไตล์ img:hover ที่ไปกระทบทุกภาพ
→ จำกัดเฉพาะภาพในเนื้อหา (.pj-content) เพื่อไม่ให้รบกวนกริด -->
<style>
.pj-content img{
-webkit-transition: all .8s ease-out;
transition: all .8s ease-out;
border: none;
padding: 5px 0; /* ไม่ดันเลย์เอาต์ */
background: transparent;
}
.pj-content img:hover{
box-shadow:
inset 255px 0 1px #E8C374,
inset -255px 0 1px #8A6F37;
}
</style>
<style type="text/css">
img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
img:hover{
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter: none;;}
@-moz-keyframes shake /* Firefox*/
{
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform:translate(0px, 2px) rotate(0deg); }
40% { -moz-transform:translate(1px, -1px) rotate(1deg); }
50% { -moz-transform:translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform:translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform:translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform:translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform:translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes shake /* IE9*/
{
10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake /* Safari and Chrome */
{
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}</style>
มอนสเตอร์โดนัทสาขาออสโล ประเทศนอร์เวย์ ทวีปยุโรป
<!-- ฟอนต์ใช้เฉพาะในบล็อกนี้ -->
<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://iili.io/f4qphP4.jpg") center/cover no-repeat;
opacity:1;
}
/* ========== SCOPE LOCK: มีผลเฉพาะใน #lotus-pond-palette ========== */
#lotus-pond-palette{
/* Lotus Pond Palette (from your image) */
--darkgreen: #0A3323; /* Dark green */
--moss: #839958; /* Moss green */
--beige: #F7F4D5; /* Beige */
--rosy: #D3968C; /* Rosy brown */
--midnight:#105666; /* Midnight green */
/* map ชื่อเดิมไว้ เผื่อโค้ดข้างในเรียกใช้ */
--ivory: var(--beige);
--peach: color-mix(in oklab, var(--beige) 72%, var(--rosy) 28%);
--petal: color-mix(in oklab, var(--beige) 78%, white 22%);
--lavender: color-mix(in oklab, var(--moss) 55%, var(--midnight) 45%);
--sugar: var(--rosy);
--mango: var(--rosy);
--olive: var(--moss);
--mustard: color-mix(in oklab, var(--beige) 70%, var(--moss) 30%);
--lemon: var(--beige);
--cream: color-mix(in oklab, var(--beige) 88%, white 12%);
--ink: #133224; /* เข้มอ่านง่ายบนโทนอ่อน */
--soft-shadow: 0 12px 28px rgba(10,51,35,.18), 0 3px 8px rgba(16,86,102,.12);
--radius: 22px;
--maxw: 820px;
color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#lotus-pond-palette *{ box-sizing:border-box }
/* พื้นหลังโทนบัว/สระน้ำ: Beige + Moss + Midnight + Rosy */
#lotus-pond-palette::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 48% at 10% 0%,
color-mix(in oklab, var(--beige) 92%, white 8%),
transparent 60%),
radial-gradient(55% 50% at 92% 6%,
color-mix(in oklab, var(--rosy) 52%, transparent),
transparent 62%),
radial-gradient(62% 52% at 50% 92%,
color-mix(in oklab, var(--midnight) 44%, transparent),
transparent 62%),
linear-gradient(180deg,
color-mix(in oklab, var(--beige) 92%, white 8%) 0%,
color-mix(in oklab, var(--beige) 76%, var(--moss) 24%) 42%,
color-mix(in oklab, var(--moss) 72%, var(--midnight) 28%) 78%,
color-mix(in oklab, var(--darkgreen) 78%, var(--midnight) 22%) 100%);
opacity:.98;
}
/* ================= โครงหลัก ================= */
#lotus-pond-palette .post-wrap{
padding:28px;
background: linear-gradient(180deg, rgba(255,255,255,.32), transparent 72%);
border-radius: 16px;
}
#lotus-pond-palette #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
background: linear-gradient(180deg,
color-mix(in oklab, var(--beige) 92%, white 8%) 0%,
color-mix(in oklab, var(--beige) 74%, var(--moss) 26%) 44%,
color-mix(in oklab, var(--moss) 70%, var(--midnight) 30%) 78%,
color-mix(in oklab, var(--darkgreen) 80%, var(--midnight) 20%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.52);
position:relative; overflow:hidden;
}
/* ไฮไลต์แสงฟุ้ง */
#lotus-pond-palette #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,.40), transparent 62%),
radial-gradient(55% 45% at 100% 0%,
color-mix(in oklab, var(--rosy) 26%, transparent),
transparent 62%),
radial-gradient(70% 55% at 50% 110%,
color-mix(in oklab, var(--midnight) 18%, transparent),
transparent 60%);
}
/* เฟรมเนื้อหา */
#lotus-pond-palette .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(--beige) 92%, white 8%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--moss) 18%, transparent),
var(--soft-shadow);
}
/* หัวเรื่อง: Midnight → Moss (เข้าธีมสระน้ำ) */
#lotus-pond-palette .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(--midnight), var(--moss));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(10,51,35,.14);
}
#lotus-pond-palette .phx-sub{
text-align:center;
color: rgba(19,50,36,.72);
font-size:14px;
margin:0 0 18px;
}
/* รูป hero */
#lotus-pond-palette .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(--moss) 18%, transparent),
var(--soft-shadow);
background: color-mix(in oklab, var(--beige) 88%, white 12%);
}
#lotus-pond-palette .phx-hero img{
display:block; width:100%; height:auto;
transition:transform .5s ease, filter .5s ease;
}
#lotus-pond-palette .phx-hero img:hover{
transform:scale(1.03);
filter:saturate(1.04) contrast(1.02);
}
/* การ์ดเนื้อหา: Beige → Moss → Rosy (นุ่ม + มีดอกบัว) */
#lotus-pond-palette .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(--beige) 96%, white 4%) 0%,
color-mix(in oklab, var(--beige) 74%, var(--moss) 26%) 56%,
color-mix(in oklab, var(--rosy) 62%, var(--beige) 38%) 100%);
box-shadow:
0 12px 26px rgba(10,51,35,.12),
0 2px 6px rgba(16,86,102,.10),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--moss) 14%, transparent);
}
#lotus-pond-palette .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 62%);
}
/* ตัวหนังสือ */
#lotus-pond-palette .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--darkgreen), var(--midnight));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(10,51,35,.10);
}
#lotus-pond-palette .phx-tag{
color: rgba(19,50,36,.70);
font-weight:700;
margin:2px 0 12px;
letter-spacing:.02em;
}
#lotus-pond-palette .phx-body{
color:#133224;
line-height:1.95;
font-size:15.5px;
letter-spacing:.1px;
}
#lotus-pond-palette .phx-body p{ margin:10px 0 }
/* Responsive */
@media (max-width: 600px){
#lotus-pond-palette .phx-title{ font-size:40px }
#lotus-pond-palette .phx-card h2{ font-size:30px }
#lotus-pond-palette .phx-hero,
#lotus-pond-palette .phx-card{ width:92% }
}
</style>
<div id="lotus-pond-palette">
<div class="post-wrap">
<div id="box01">
<div class="phx-frame">
<div align="center"><img src="https://i.imgur.com/pBTl6Mv.png" border="0" alt="" style="max-width:400px"></div>
<h1 class="phx-title"><font size="7">Monster Donut - Oslo Branch</font></h1>
<div class="phx-sub"><font size="3">(มอนสเตอร์ โดนัท: สาขาออสโล ประเทศนอร์เวย์)</font></div>
<figure class="phx-hero">
<img src="https://iili.io/f4q4k9R.jpg" alt="Hero Image"><img src="https://iili.io/f4q4O8v.jpg" alt="Hero Image"></figure><section class="phx-card">
<div class="phx-tag"><font size="4" face="Pridi">[ กลิ่นหอมของแป้งทอดและน้ำตาลไหม้... ที่มาพร้อมกับความรู้สึกไม่น่าไว้วางใจที่ท้ายทอย ]</font></div>
<div class="phx-body">
<p></p><div style="text-align: left;"><span style="font-size: medium; letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">ท่ามกลางถนนที่ปูด้วยหินในย่านเศรษฐกิจของกรุงออสโล ประเทศนอร์เวย์ ร้าน มอนสเตอร์ โดนัท (Monster Donut) ตั้งอยู่อย่างแนบเนียนในฐานะแฟรนไชส์ฟาสต์ฟู้ดที่ขยายตัวอย่างรวดเร็ว (และน่าประหลาดใจ) ไปทั่วโลก ภายนอกดูเหมือนร้านขนมหวานสีสันสดใสทั่วไป แต่สำหรับเหล่ามนุษย์กึ่งเทพและผู้มีดวงตาเห็นแจ้ง ที่นี่คืออาณาจักรของเหล่าอสุรกายที่แฝงตัวอยู่ในคราบพนักงานบริการ</span></div><font size="3"><br><div style="text-align: left;"><b style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">🍩 บรรยากาศและการตกแต่ง</b></div><div style="text-align: left;"><span style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">สาขาออสโลมีการตกแต่งที่ผสมผสานระหว่างสไตล์ Pop-Art สีฉูดฉาดเข้ากับกลิ่นอาย Viking เล็กน้อยเพื่อให้เข้ากับท้องถิ่น ป้ายไฟนีออนรูปโดนัทที่มีเขี้ยวสีชมพูสว่างไสวสะท้อนกับกระจกหน้าร้าน ภายในเต็มไปด้วยพนักงานที่สวมเครื่องแบบสีส้มสดใสและหมวกแก๊ปที่กดลงต่ำเพื่อปิดบังดวงตาที่สามหรือใบหน้าที่บิดเบี้ยว แม้ภายนอกอากาศของออสโลจะหนาวเหน็บ แต่ภายในร้านกลับร้อนระอุด้วยเตาทอดที่ทำงานตลอด 24 ชั่วโมง</span></div><br><div style="text-align: left;"><span style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);"><b>🍴 เมนูพิเศษประจำสาขา (Scandinavian Specials)</b></span></div><div style="text-align: left;"><span style="background-color: rgba(0, 0, 0, 0); text-align: center;">1️⃣</span><span style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">Fjord Frosting: โดนัทเคลือบไอซิ่งสีฟ้าครามเย็นจัดเหมือนน้ำในฟยอร์ด แต่แฝงไปด้วยพิษอ่อนๆ ที่ทำให้ลิ้นชา</span></div><div style="text-align: left;"><span style="background-color: rgba(0, 0, 0, 0); text-align: center;">2️⃣</span><span style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">Berserker Bite: โดนัทเนื้อแน่นผสมเครื่องเทศนอร์ดิกที่กระตุ้นความบ้าคลั่งชั่วขณะ เหมาะสำหรับอสุรกายที่ต้องการพลังก่อนออกล่า</span></div><div style="text-align: left;"><span style="background-color: rgba(0, 0, 0, 0); text-align: center;">3️⃣</span><span style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">Lofoten Glaze: น้ำตาลเคลือบผสมผงเกล็ดมังกร (ซึ่งแน่นอนว่าไม่ใช่ของจริง แต่รสชาติใกล้เคียงจนน่าสยอง)</span></div></font><div class="phx-body"><font size="3"><img src="https://i.imgur.com/tUCMGcg.png" border="0" alt=""> </font></div><div class="phx-body"><font size="3"><b>โดนัทสูตรลับเฉพาะอสุรกาย</b><br>🏷 กล่องละ 25 ดรักม่า<br>(ทับทิมขนาดมหึมา 1 เม็ด</font><span style="background-color: rgba(0, 0, 0, 0);"><font size="3">💎</font></span><span style="font-size: medium; letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">แลกฟรีได้ 2 กล่อง)</span></div><div class="phx-body"><span style="font-size: medium; letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);"><br></span></div><font size="3"><div style="text-align: left;"><b style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">⚠️ ความลับหลังเคาน์เตอร์</b></div><div style="text-align: left;"><span style="letter-spacing: 0.1px; background-color: rgba(0, 0, 0, 0);">มอนสเตอร์ โดนัท ไม่ใช่แค่ร้านขนม แต่เป็น จุดยุทธศาสตร์ของกองทัพอสุรกาย ในยุโรปเหนือ สาขาออสโลทำหน้าที่เป็นจุดแวะพักสำหรับเหล่า ลินด์เวิร์ม (Lindworms) หรือยักษ์น้ำแข็งที่ปลอมตัวมาเพื่อสืบข่าวคราวจากรากของต้นไม้อิกดราซิลที่อาจเชื่อมต่ออยู่ใต้ดินของเมืองนี้ พนักงานที่นี่ขึ้นชื่อเรื่องการบริการที่ "สุภาพจนน่ากลัว" และมักจะแถม "โดนัทฟรี" ที่สอดไส้เวทมนตร์ติดตามตัวให้กับเหล่ามนุษย์กึ่งเทพที่หลงเข้ามาโดยไม่รู้ตัว</span></div><br><b>
📜 คำเตือนสำหรับวีรบุรุษ</b><br>
หากคุณเดินผ่านย่านคาร์ล โยฮันส์ (Karl Johans gate) แล้วได้กลิ่นโดนัทที่หอมหวานจนเกินไป จงตรวจสอบอาวุธในกระเป๋าให้พร้อม เพราะพนักงานหลังเคาน์เตอร์อาจไม่ได้อยากแค่ขายขนม แต่เขาอาจจะอยากลองชิม <b>"เลือดผสม"</b> อย่างคุณเป็นอาหารว่าง!<br></font></div><div class="phx-body"><p></p>
</div>
</section>
</div>
</div>
</div>
</div>