ห้องเสนอสร้างสถานที่

RongXiuying · โพสต์ 2025-9-8 16:14:27

แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: เหลียงโจว

ชื่อสถานที่: เมืองตี้เต้า

<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/Seamless-repeating-pattern-background-minimalistic-design-with-soft-warm-tones--light-orange-muted-brown-pale-yellow.-Subtle-texture-like-soft-paper-or-dust-no-complex-illustrations-orac9e86220bfdda60.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0 px;
border: 0 px double #D2691E;
padding: 30 px;
box-shadow: #D2691E 0px 0px 5 em;
background-image: url("https://img2.pic.in.th/pic/Seamless-repeating-pattern-background-minimalistic-design-with-soft-warm-tones--light-orange-muted-brown-pale-yellow.-Subtle-texture-like-soft-paper-or-dust-no-complex-illustrations-or532935e3e8093934.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #D2691E 0px 0px 1em;
background-image: url("https://img2.pic.in.th/pic/Seamless-repeating-pattern-background-ultra-minimalist-and-very-soft-in-tone.-Designed-specifically-to-be-used-behind-text.-Use-extremely-light-and-desaturated-warm-colors--pale-orange-beige-soft-tan-.jpg");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img2.pic.in.th/pic/df4c7202275b4fa60a3bdb400cc6c195.png" border="0"></p><p><br></p><font face="Browallia New"><br>
</font><center>
<div class="jedi0">
<style>
.jedi0 {
border-radius: 0 px;
background: url("https://img2.pic.in.th/pic/Ancient-Han-dynasty-frontier-city-of-Didao--nestled-in-a-semi-arid-mountain-valley-surrounded-by-yellow-loess-hills-and-rugged-cliffs-with-the-Tao-River-flowing-through-the-town.-A-fortified-city-with.jpg") no-repeat;
box-shadow: 1px 1px 2px #D2691E, 0 0 25px #D2691E, 0 0 5px #D2691E;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius: 25 px;
height: 539px;
width: 800px;
image-size:cover;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
.tengah {
position: absolute;
}
</style>
</div>
</center>
<font face="Browallia New"><br><br>
</font><div id="boxsystem02">
<p><font style="" face="Browallia New"><font size="5" style="" color="#4169e1"><br></font></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><span style="background-color: transparent; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><font style="" face="Kanit" size="6" color="#b94524"><b style="">เมืองตี้เต้า</b></font></span></p><p><font face="Kanit" size="6" color="#3b720d"><b><span id="docs-internal-guid-1b1d71d7-7fff-52da-26c3-00e402e95cda"></span></b></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><br></p><p style="text-align: left;"><font color="#873e17"><font face="Kanit" size="4" style="">เมืองตี้เต้า เป็นหนึ่งในเมืองของเขตการปกครองหลงซี ซึ่งตั้งอยู่ในพื้นที่ยุทธศาสตร์ทางตะวันตกของจักรวรรดิ มีบทบาทสำคัญทั้งด้านการปกครองและการทหาร เมืองนี้ตั้งอยู่ในหุบเขาและที่ราบสูงกึ่งแห้งแล้ง ล้อมรอบด้วยภูเขาสูงและเนินดิน ซึ่งเป็นลักษณะภูมิประเทศที่ท้าทาย </font><span style="font-family: Kanit; font-size: large;">อยู่ในแนวกันชนชายแดน จึงเป็นจุดยุทธศาสตร์ในการรับมือกับชนเผ่าเร่ร่อน </span><span style="font-family: Kanit; font-size: large;">เหมาะแก่การตั้งป้อมปราการและชุมชนแนวชายแดน อีกทั้งยังตั้งอยู่ใกล้กับแม่น้ำเถา ซึ่งเป็นแหล่งน้ำหลักของพื้นที่ ช่วยสนับสนุนการเกษตรและการดำรงชีวิตของประชากรในบริเวณนั้น </span></font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#873e17"><br></font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#873e17">ทางด้านเศรษฐกิจ ตี้เต้าอยู่ภายใต้ระบบเศรษฐกิจที่ควบคุมโดยรัฐของราชวงศ์ฮั่น รัฐมีการผูกขาดการผลิตสินค้า เช่น เกลือ เหล็ก และสุรา และควบคุมราคาสินค้าโดยใช้ระบบที่เรียกว่า ผิงจวินฝ่า และ จวินซูฝ่า ซึ่งมีเป้าหมายเพื่อรักษาเสถียรภาพทางเศรษฐกิจ รายได้ของรัฐนอกจากภาษีที่ดินและแรงงาน ยังมาจากการเก็บภาษีจากพ่อค้าและการผลิตที่รัฐควบคุม</font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#873e17"><br></font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#873e17">มีการจัดตั้งชุมชนเกษตรกรรมแนวชายแดนที่เรียกว่า ถุนเถียน คือ การให้ทหารและชาวบ้านอพยพมาตั้งถิ่นฐานและทำการเกษตรในพื้นที่ชายแดน เพื่อสนับสนุนการดำรงอยู่ของกองทัพ ผลิตอาหาร และเสริมความมั่นคงของจักรวรรดิในพื้นที่ห่างไกล นอกจากนี้ เมืองตี้เต้ายังเป็นจุดยุทธศาสตร์ในระบบการผลิตของรัฐ เช่น การผลิตอาวุธ ยุทโธปกรณ์ และสินค้ารองรับภารกิจทางการทหารและการปกครอง</font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#873e17"><br></font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#873e17">แม้เมืองนี้จะไม่ใช่ศูนย์กลางการค้าเสรีหรืออุตสาหกรรมขนาดใหญ่ แต่ก็มีบทบาทสำคัญในฐานะเมืองแนวหน้าที่คอยสนับสนุนระบบเศรษฐกิจแบบรวมศูนย์ของราชวงศ์ฮั่น</font></p><p style="text-align: left;"><font face="Kanit" size="4" color="#a0522d"><br></font></p><div style="text-align: center;"><br></div><p><img src="https://img2.pic.in.th/pic/442656121c1a3be5d90a9c2ad6ebf9a9.png" border="0"></p><p><br></p><p><br></p>
</div><font face="Kanit"><font size="3"><font color="black">
<br><br><br><br>
</font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></div>

คัดลอกไปที่คลิปบอร์ด

RongXiuying · โพสต์ 2025-9-16 19:23:51

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

แบบฟอร์มสร้างสถานที่

หมวดหมู่ที่ตั้งสถานที่: เหลียงโจว

ชื่อสถานที่: เมืองจี้

<style type="text/css">BODY{background:url("https://img2.pic.in.th/pic/-55ae6b460ce10f0dc.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0 px;
border: 0 px double #708090;
padding: 30 px;
box-shadow: #708090 0px 0px 5 em;
background-image: url("https://img2.pic.in.th/pic/-47222bba052730de4.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #708090 0px 0px 1em;
background-image: url("https://img2.pic.in.th/pic/-32af43c852d2b41ba.jpg");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img5.pic.in.th/file/secure-sv1/6ecea4ad8709f244b6abc499e5e9ab20.png" border="0"></p><p><br></p><font face="Browallia New"><br>
</font><center>
<div class="jedi0">
<style>
.jedi0 {
border-radius: 0 px;
background: url("https://img5.pic.in.th/file/secure-sv1/A-dynamic-wide-angle-view-of-Ji-County--a-Han-Dynasty-administrative-city-captured-from-a-slightly-low-angled-perspective-that-shows-depth-and-movement.-In-the-foreground-detailed-wood82613aaf5de78de6.jpg") no-repeat;
box-shadow: 1px 1px 2px #708090, 0 0 25px #708090, 0 0 5px #708090;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius: 25 px;
height: 539px;
width: 800px;
image-size:cover;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
.tengah {
position: absolute;
}
</style>
</div>
</center>
<font face="Browallia New"><br><br>
</font><div id="boxsystem02">
<p><font size="5" style="" color="#4169e1" face="Kanit"><br></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><span style="background-color: transparent; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><font style="" face="Kanit" size="6" color="#1c4e63"><b style="">เมืองจี้</b></font></span></p><p><font face="Kanit" size="6" color="#1c4e63"><b><span id="docs-internal-guid-1b1d71d7-7fff-52da-26c3-00e402e95cda"></span></b></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font color="#1c4e63" face="Kanit"><br></font></p><p style="text-align: left;"><font color="#1c4e63" face="Kanit" size="4">เมืองจี้ ตั้งอยู่ในเขตปกครองของเทียนสุ่ย ซึ่งเป็นหนึ่งในเขตการปกครองหลักของภูมิภาคทางตะวันตกของจักรวรรดิ </font><span style="color: rgb(28, 78, 99); font-family: Kanit; font-size: large;">ภูมิประเทศของเมืองจี้ตั้งอยู่ในเขตหุบเขา พื้นที่ส่วนใหญ่เป็นเขตภูเขาสลับที่ราบ มีแม่น้ำและลำธารไหลผ่านบางจุด แต่โดยรวมมีลักษณะภูมิอากาศแบบแห้งถึงกึ่งแห้งแล้ง ปริมาณน้ำฝนต่อปีไม่สูง การเกษตรจึงพึ่งพาการชลประทานและแหล่งน้ำตามธรรมชาติ การเพาะปลูกนิยมปลูกธัญพืช เช่น ข้าวฟ่าง ข้าวสาลี และพืชที่ทนแล้งได้ดี</span></p><p style="text-align: left;"><font color="#1c4e63" face="Kanit" size="4"><br></font></p><p style="text-align: left;"><span style="color: rgb(28, 78, 99); font-family: Kanit; font-size: large;">เมืองจี้มีความสำคัญในเชิงยุทธศาสตร์ เนื่องจากตั้งอยู่ใกล้แนวพรมแดนตะวันตกของจักรวรรดิ และใกล้เส้นทางการค้าไปยังดินแดนทางตะวันตก เช่น เส้นทางสายไหม  ซึ่งผ่านแถบระเบียงเหอซี ด้วยเหตุนี้เมืองจี้จึงมีบทบาททั้งในด้านการทหาร การปกครอง และบางส่วนในด้านการขนส่งของการค้า โดยเฉพาะในฐานะเมืองศูนย์กลางของเขต </span><span style="color: rgb(28, 78, 99); font-family: Kanit; font-size: large;">ด้วยลักษณะภูมิประเทศที่อยู่ห่างจากศูนย์กลางอำนาจและมีสภาพแวดล้อมทางธรรมชาติที่ไม่อุดมสมบูรณ์เท่าแถบลุ่มแม่น้ำฮวงโห เมืองจี้จึงต้องพึ่งพาการบริหารจัดการน้ำและแรงงานท้องถิ่นอย่างมีประสิทธิภาพ ระบบการเพาะปลูกที่นี่มักเกี่ยวข้องกับการระดมแรงงานชาวบ้านในรูปแบบแรงงานรัฐ และมีการจัดสรรที่ดินเพื่อใช้ในการปลูกพืชส่งส่วยให้แก่รัฐ</span></p><p style="text-align: left;"><br></p><div style="text-align: center;"><font face="Kanit"><br></font></div><p><font face="Kanit"><img src="https://img2.pic.in.th/pic/-1049775f2a847a59e.png" width="148" _height="110" border="0"></font></p><p><br></p>
</div><font face="Kanit"><font size="3"><font color="black">
<br><br><br><br>
</font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></div>

คัดลอกไปที่คลิปบอร์ด

LinYa · โพสต์ 2025-9-19 07:11:05

รูปแบบสร้างสถานที่ (มี 4 สถานที่)

หมวดหมู่ที่ตั้งสถานที่: กวนจง

ชื่อสถานที่: [เมืองลั่วหยาง]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/dfb7d05e26b08398e2e3d13c4cac4a2f76d8a9c118cf3-G2lZsK_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">洛陽</font></h1>
<div class="phx-sub"><font size="3" color="#ffffff">(เมืองลั่วหยาง - กวนจง)</font></div>
<figure class="phx-hero">
<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_vakyz0vakyz0vaky.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองลั่วหยาง</font></h2>
<div class="phx-tag"><font size="4">[ นครโบตั๋นแห่งราชสำนัก ]</font></div>
<div class="phx-body">
<p><font size="3" color="#ffffff">ลั่วหยางคือเมืองสำคัญที่มีความรุ่งเรืองในฐานะศูนย์กลางทางประวัติศาสตร์และวัฒนธรรม ลักษณะเมืองเป็นไปตามผังเมืองแบบฮั่นคือมีกำแพงเมืองล้อมรอบและแบ่งเมืองออกเป็นส่วนต่างๆ อย่างชัดเจน มีกำแพงดินขนาดใหญ่ล้อมรอบ และมีการวางผังเมืองเป็นรูปทรงสี่เหลี่ยมจัตุรัส มีถนนสายหลักตัดกันเป็นตาราง </font></p><p><font size="3" color="#ffffff">และที่สำคัญคือตลาดขนาดใหญ่ที่ตั้งอยู่ใจกลางเมือง เป็นศูนย์กลางการค้าและเศรษฐกิจ ลั่วหยางในยุคฮ่องเต้ฮั่นอู่ตี้มีความสำคัญในฐานะ จุดเชื่อมต่อที่สำคัญของเส้นทางสายไหม (Silk Road) ทำให้เมืองนี้เต็มไปด้วยผู้คนจากหลากหลายชนชาติ ทั้งพ่อค้า นักเดินทาง และทูต ที่เดินทางจากตะวันตกเข้ามายังแผ่นดินจีน สิ่งนี้ทำให้ลั่วหยางเป็นเมืองที่คึกคักและมีความหลากหลายทางวัฒนธรรม</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: เหอเป่ย

ชื่อสถานที่: [เมืองเย่]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/17e8c09a2c6d065218b258e03d48a7038d814b7341b984-RPSlDL_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<style>
/* =================== THEME SWITCH: BEIGE + SAGE ===================
เปลี่ยนเฉพาะ “ธีมสี” ของกล่องข้อความเดิม (#box01, .phx-*)
พาเลต: #f2ece7, #ede5d8, #9f8f7c, #6a8359
==================================================================== */
/* --- พาเลตหลัก --- */
:root{
--bg-cream: #f2ece7; /* พื้นครีมอ่อน */
--bg-ivory: #ede5d8; /* ครีมอมชมพูอ่อน */
--taupe: #9f8f7c; /* น้ำตาลเทา (กรอบ/ตัวอักษรรอง) */
--sage: #6a8359; /* เขียวใบเสจ (หัวข้อ/ปุ่ม) */
--ink-main: #6a645a; /* สีตัวอักษรหลักภายในการ์ด (อ่านสบาย) */
--ink-soft: #8b8173; /* ตัวอักษรรอง/คำโปรย */
}
/* ---- ฉากของ “โพสต์นี้” ให้สว่างละมุนขึ้น ---- */
.post-bg{
background:
radial-gradient(160% 120% at 50% -10%, rgba(154,171,136,.20), transparent 60%),
linear-gradient(180deg, var(--bg-cream), var(--bg-ivory));
}
/* ---- กรอบรวม (#box01) : เปลี่ยนจากดำเป็นครีม/ขอบเทาอบอุ่น ---- */
#box01{
background:
radial-gradient(120% 80% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
linear-gradient(180deg, var(--bg-cream) 0%, var(--bg-ivory) 100%);
border: 1px solid color-mix(in srgb, var(--taupe) 55%, white 45%);
box-shadow:
0 16px 34px rgba(159,143,124,.25),
inset 0 1px 0 rgba(255,255,255,.65);
color: var(--ink-main);
}
#box01::before{
/* ไฮไลต์นุ่ม ๆ ด้านบน */
background:
radial-gradient(80% 60% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(255,255,255,.30), transparent 60%);
}
/* ---- เฟรมด้านใน (.phx-frame) ---- */
.phx-frame{
background: linear-gradient(180deg, #ffffff, var(--bg-cream));
border: 1px solid color-mix(in srgb, var(--taupe) 50%, white 50%);
box-shadow:
0 10px 24px rgba(159,143,124,.18),
inset 0 1px 0 rgba(255,255,255,.85);
}
/* ---- หัวเรื่องใหญ่/คำโปรย ---- */
.phx-title{
color: var(--sage);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 12px color-mix(in srgb, var(--sage) 45%, white 55%),
0 10px 18px rgba(159,143,124,.20);
}
.phx-sub{ color: var(--ink-soft); }
/* ---- รูป Hero ---- */
.phx-hero{
background: #fff;
box-shadow:
0 10px 22px rgba(159,143,124,.22),
0 0 0 1px color-mix(in srgb, var(--taupe) 40%, white 60%) inset;
}
/* ---- การ์ดเนื้อหา (.phx-card) ---- */
.phx-card{
background:
radial-gradient(120% 85% at 50% -20%, rgba(106,131,89,.10), transparent 60%),
linear-gradient(180deg, #ffffff 0%, var(--bg-cream) 100%);
border: 1px solid color-mix(in srgb, var(--taupe) 55%, white 45%);
box-shadow:
0 12px 28px rgba(159,143,124,.22),
0 0 0 1px rgba(255,255,255,.65) inset;
color: var(--ink-main);
}
.phx-card h2{
color: var(--sage);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 10px color-mix(in srgb, var(--sage) 35%, white 65%);
}
.phx-tag{ color: var(--ink-soft); }
.phx-body{ color: var(--ink-main); }
/* ---- ปุ่ม/ลิงก์ภายในการ์ด ---- */
.phx-card .btn,
.phx-card a.button{
color: #ffffff;
background: linear-gradient(180deg, color-mix(in srgb, var(--sage) 90%, #8fb27d 10%), var(--sage));
box-shadow:
0 8px 18px color-mix(in srgb, var(--sage) 35%, transparent),
0 0 0 1px color-mix(in srgb, var(--taupe) 45%, #2a2a2a 55%) inset;
}
.phx-card .btn:hover,
.phx-card a.button:hover{ filter: brightness(1.05) saturate(1.02); }
/* ---- Responsive (คงเดิม แค่คงความอ่านง่ายบนพื้นอ่อน) ---- */
@media (max-width: 600px){
.phx-hero, .phx-card{ background: linear-gradient(180deg, #fff, var(--bg-cream)); }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">鄴</font></h1>
<div class="phx-sub"><font size="3" color="#ffffff">[เมืองเย่ - จี้โจว (เหอเป่ย)]</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_yma8lsyma8lsyma8-1.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองเย่</font></h2>
<div class="phx-tag"><font size="4">[ เมืองแห่งแม่น้ำสามสาย จุดกำเนิดของยอดขุนศึก ]</font></div>
<div class="phx-body">
<p><font size="3" color="#a0522d"> เมืองเย่ตั้งอยู่ในบริเวณที่ราบทางตอนเหนือของจีน มีแม่น้ำหลายสายไหลผ่าน ทำให้มีภูมิประเทศที่เหมาะแก่การเกษตร มีแม่น้ำจางเหอ (Zhanghe River) เป็นแม่น้ำสายหลักในบริเวณใกล้เคียง ซึ่งเป็นแหล่งน้ำสำคัญสำหรับการเพาะปลูกและเป็นเส้นทางคมนาคมในท้องถิ่น เนื่องจากภูมิประเทศที่เป็นที่ราบลุ่มและอุดมสมบูรณ์ ผู้คนส่วนใหญ่ในเมืองเย่และบริเวณโดยรอบจึงประกอบอาชีพเกษตรกรรมเป็นหลัก พืชผลที่ปลูกได้แก่ ข้าวฟ่าง ข้าวสาลี และถั่วต่าง ๆ</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: เหอเป่ย

ชื่อสถานที่: [เมืองผิงหยวน]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/12f6bdc4f45bf40661e551c9fc767c7a3a4653e412bf0-Bj3kdp_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<style>
/* =================== THEME: Natural (mint–sage–ivory) =================== */
/* พาเลต */
:root{
--nat-01:#8fb0a9; /* mint teal highlight */
--nat-02:#c7d1bd; /* mist green */
--nat-03:#a8c297; /* sage */
--nat-04:#d6d6ab; /* light khaki */
/* สีตัวอักษรในกล่อง */
--nat-ink:#3c4a45; /* หลัก */
--nat-ink-soft:#5a665f; /* รอง */
}
/* ฉากของโพสต์ (post-bg) — ไล่สีอ่อนให้อุ่นตา */
.post-bg{
background:
radial-gradient(140% 100% at 50% -10%, color-mix(in srgb, var(--nat-01) 25%, white 75%), transparent 60%),
linear-gradient(180deg, color-mix(in srgb, var(--nat-04) 55%, white 45%),
color-mix(in srgb, var(--nat-02) 70%, white 30%));
}
/* กรอบรวม */
#box01{
background:
radial-gradient(120% 80% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--nat-02) 65%, white 35%) 100%);
border:1px solid color-mix(in srgb, var(--nat-03) 45%, #74867c 55%);
box-shadow:
0 16px 34px color-mix(in srgb, var(--nat-03) 28%, black 12%),
inset 0 1px 0 rgba(255,255,255,.70);
color:var(--nat-ink);
}
#box01::before{
background:
radial-gradient(80% 60% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, color-mix(in srgb, var(--nat-04) 55%, white 45%), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--nat-04) 40%, white 60%));
border:1px solid color-mix(in srgb, var(--nat-03) 40%, white 60%);
box-shadow:
0 12px 26px color-mix(in srgb, var(--nat-03) 20%, black 10%),
inset 0 1px 0 rgba(255,255,255,.85);
}
/* หัวเรื่อง / คำโปรย */
.phx-title{
color: var(--nat-03);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 12px color-mix(in srgb, var(--nat-03) 40%, white 60%),
0 10px 18px rgba(0,0,0,.10);
}
.phx-sub{ color: var(--nat-ink-soft); }
/* รูป hero */
.phx-hero{
background:#fff;
box-shadow:
0 10px 22px color-mix(in srgb, var(--nat-03) 22%, black 10%),
0 0 0 1px color-mix(in srgb, var(--nat-03) 35%, white 65%) inset;
}
/* การ์ดเนื้อหา */
.phx-card{
background:
radial-gradient(120% 85% at 50% -20%, color-mix(in srgb, var(--nat-01) 18%, white 82%), transparent 60%),
linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--nat-04) 45%, white 55%) 100%);
border:1px solid color-mix(in srgb, var(--nat-03) 45%, white 55%);
box-shadow:
0 12px 28px color-mix(in srgb, var(--nat-03) 22%, black 10%),
0 0 0 1px rgba(255,255,255,.65) inset;
color:var(--nat-ink);
}
.phx-card h2{
color: var(--nat-03);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 10px color-mix(in srgb, var(--nat-03) 35%, white 65%);
}
.phx-tag{ color: var(--nat-ink-soft); }
.phx-body{ color: var(--nat-ink); }
/* ปุ่ม/ลิงก์ในกล่อง */
.phx-card .btn,
.phx-card a.button{
color:#163328;
background: linear-gradient(180deg, color-mix(in srgb, var(--nat-03) 88%, var(--nat-01) 12%), var(--nat-03));
box-shadow:
0 8px 18px color-mix(in srgb, var(--nat-03) 35%, transparent),
0 0 0 1px color-mix(in srgb, var(--nat-01) 40%, #2a2a2a 60%) inset;
}
.phx-card .btn:hover,
.phx-card a.button:hover{ filter:brightness(1.05) saturate(1.03); }
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">平原</font></h1>
<div class="phx-sub"><font size="3" color="#ffffff">[เมืองผิงหยวน - จี้โจว (เหอเป่ย)]</font></div>
<figure class="phx-hero">
<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_m3jretm3jretm3jr-1.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองผิงหยวน</font></h2>
<div class="phx-tag"><font size="4">[ ดินแดนแห่งความอุดมสมบูรณ์ จุดกำเนิดผู้ยิ่งใหญ่ ]</font></div>
<div class="phx-body">
<p><font size="3" color="#a0522d"> เมืองผิงหยวนเป็นเมืองที่มีพื้นที่ทางตะวันตกเฉียงเหนือของฉางอัน ในยุคฮั่นอู่ตี้เมืองผิงหยวนเป็นเมืองสำคัญในฐานะที่เป็นศูนย์กลางการปกครองในระดับมณฑล ภูมิประเทศของเมืองผิงหยวนเป็นที่ราบลุ่มและอุดมสมบูรณ์ เนื่องจากมีแม่น้ำไหลผ่าน ทำให้เมืองนี้เป็นแหล่งเกษตรกรรมที่สำคัญ ผู้คนส่วนใหญ่เป็นเกษตรกรที่ปลูกพืชผลทางการเกษตร เช่น ข้าวฟ่างและข้าวสาลี นอกจากนี้ยังมีพ่อค้าแลช่างฝีมือที่อาศัยอยู่ในตัวเมืองซึ่งเป็นศูนย์กลางการค้าในท้องถิ่น</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: เหอเป่ย

ชื่อสถานที่: [เขตป๋อไห่]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/6a70b1e63635550eb31c456ec4edc754618dc0cdcdb5-uH2pdu_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<style>
/* ================= THEME SWITCH: BLUE + MINT =================
ใช้กับโครงเดิม (#box01, .phx-frame, .phx-hero, .phx-card, .phx-title)
เปลี่ยน “เฉพาะสีและเอฟเฟ็กต์แสง” เท่านั้น
================================================================ */
/* พาเลต */
:root{
--blue-ice: #D7E6E6; /* น้ำแข็งฟ้า */
--sea: #78B9C6; /* น้ำทะเลอ่อน */
--deep: #425B80; /* น้ำเงินเข้ม */
--mint: #6FC885; /* เขียวมินต์ */
--ink-main: #294356; /* สีตัวอักษรหลักในกรอบ */
--ink-soft: #4f6a7c; /* ตัวอักษรรอง */
}
/* ฉากโพสต์ให้สว่างและฟุ้งโทนฟ้า */
.post-bg{
background:
radial-gradient(160% 120% at 50% -10%, rgba(66,91,128,.18), transparent 60%),
linear-gradient(180deg, var(--blue-ice), color-mix(in srgb, var(--blue-ice) 70%, white 30%));
}
/* กรอบรวม */
#box01{
background:
radial-gradient(120% 80% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
linear-gradient(180deg, var(--blue-ice) 0%, color-mix(in srgb, var(--blue-ice) 60%, white 40%) 100%);
border: 1px solid color-mix(in srgb, var(--deep) 35%, white 65%);
box-shadow:
0 16px 34px rgba(66,91,128,.20),
inset 0 1px 0 rgba(255,255,255,.70);
color: var(--ink-main);
}
#box01::before{
background:
radial-gradient(80% 60% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(120,185,198,.22), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
background: linear-gradient(180deg, #ffffff, var(--blue-ice));
border: 1px solid color-mix(in srgb, var(--deep) 28%, white 72%);
box-shadow:
0 12px 26px rgba(66,91,128,.16),
inset 0 1px 0 rgba(255,255,255,.85);
}
/* หัวเรื่องใหญ่ + คำโปรย */
.phx-title{
color: var(--deep);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 14px color-mix(in srgb, var(--sea) 40%, white 60%),
0 10px 20px rgba(66,91,128,.18);
}
.phx-sub{ color: var(--ink-soft); }
/* รูป Hero */
.phx-hero{
background:#fff;
box-shadow:
0 10px 22px rgba(66,91,128,.18),
0 0 0 1px color-mix(in srgb, var(--deep) 25%, white 75%) inset;
}
/* การ์ดเนื้อหา */
.phx-card{
background:
radial-gradient(120% 85% at 50% -20%, rgba(120,185,198,.12), transparent 60%),
linear-gradient(180deg, #ffffff 0%, var(--blue-ice) 100%);
border: 1px solid color-mix(in srgb, var(--deep) 30%, white 70%);
box-shadow:
0 12px 28px rgba(66,91,128,.18),
0 0 0 1px rgba(255,255,255,.65) inset;
color: var(--ink-main);
}
.phx-card h2{
color: var(--deep);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 10px color-mix(in srgb, var(--sea) 35%, white 65%);
}
.phx-tag{ color: var(--ink-soft); }
.phx-body{ color: var(--ink-main); }
/* ปุ่มภายในการ์ด (ถ้ามี) — ไล่จาก sea → mint */
.phx-card .btn,
.phx-card a.button{
color:#0f2b2f;
background: linear-gradient(180deg, var(--sea), var(--mint));
box-shadow:
0 8px 18px color-mix(in srgb, var(--sea) 35%, transparent),
0 0 0 1px color-mix(in srgb, var(--deep) 45%, #2a2a2a 55%) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05) saturate(1.04); }
/* Responsive – คงเดิม แค่คุมพื้นให้สว่างอ่านง่าย */
@media (max-width:600px){
.phx-hero, .phx-card{ background: linear-gradient(180deg, #fff, var(--blue-ice)); }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">渤海</font></h1>
<div class="phx-sub"><font size="3" color="#ffffff">[เขตป๋อไห่ - จี้โจว (เหอเป่ย)]</font></div>
<figure class="phx-hero">
<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_5nvpy45nvpy45nvp-1.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เขตป๋อไห่</font></h2>
<div class="phx-tag"><font size="4">[ ดินแดนเกลือและปลา ประตูแห่งท้องทะเล ]</font></div>
<div class="phx-body">
<p><font size="3" color="#008080">เขตป๋อไห่เป็นอาณาเขตครอบคลุมพื้นที่ใกล้กับชายฝั่งทะเลป๋อไห่ ในยุคฮั่นอู่ตี้ป๋อไห่ถือเป็นเขตปกครองที่มีความสำคัญเชิงยุทธศาสตร์และเศรษฐกิจเนื่องจากอยู่ติดชายฝั่งทะเล เป็นพื้นที่ราบลุ่มที่อยู่ใกล้กับชายฝั่งทะเลป๋อไห่มีแม่น้ำหลายสายไหลลงสู่ทะเล ด้วยลักษณะภูมิประเทศที่อยู่ติดทะเลทำให้ผู้คนในป๋อไห่มีอาชีพที่หลากหลาย การประมงและการผลิตเกลือเป็นอาชีพหลักที่สำคัญเนื่องจากเป็นพื้นที่ชายฝั่งทะเล ในพื้นที่ห่างจากชายฝั่ง ผู้คนจะทำเกษตรกรรมบนที่ราบลุ่ม โดยเฉพาะการปลูกพืชที่ทนทานต่อดินเค็ม</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

RongXiuying · โพสต์ 2025-9-20 14:31:11

แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: เหลียงโจว

ชื่อสถานที่: เขตจางเย่

<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/-BG1.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0 px;
border: 0 px double #708090;
padding: 30 px;
box-shadow: #708090 0px 0px 5 em;
background-image: url("https://img5.pic.in.th/file/secure-sv1/-BG.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #708090 0px 0px 1em;
background-image: url("https://img2.pic.in.th/pic/BG9d465f9f4963cd85.png");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img5.pic.in.th/file/secure-sv1/d3af1e761f7816989e6b2c9f06a1dc55.png" border="0"></p><p><br></p><font face="Browallia New"><br>
</font><center>
<div class="jedi0">
<style>
.jedi0 {
border-radius: 0 px;
background: url("https://img5.pic.in.th/file/secure-sv1/4931ab9cf4e22b3762a73dc962a40abc.jpg") no-repeat;
box-shadow: 1px 1px 2px #708090, 0 0 25px #708090, 0 0 5px #708090;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius: 25 px;
height: 539px;
width: 800px;
image-size:cover;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
.tengah {
position: absolute;
}
</style>
</div>
</center>
<font face="Browallia New"><br><br>
</font><div id="boxsystem02">
<p><font size="5" style="" color="#4169e1" face="Kanit"><br></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><span style="background-color: transparent; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><font style="" face="Kanit" size="6" color="#92341b"><b style="">เขตจางเย่</b></font></span></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><span style="background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline;"><font style="" face="Kanit" color="#92341b"><span style="white-space-collapse: preserve;"><b style=""><font size="5">ดินแดนธรณีสีรุ้ง </font></b></span><font size="6"><b style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; text-decoration-line: none; white-space: pre-wrap;"></b></font></font></span></p><p><font face="Kanit" size="6" color="#92341b"><b><span id="docs-internal-guid-1b1d71d7-7fff-52da-26c3-00e402e95cda"></span></b></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" color="#92341b"><br></font></p><div style="text-align: left;"><font face="Kanit"><font color="#92341b" size="4">เขตจางเย่ เป็นพื้นที่ทางตะวันตกเฉียงเหนือ ตั้งอยู่บนที่ราบกว้างขวางล้อมรอบด้วยเทือกเขาสูงหลายแนว ภูมิประเทศส่วนใหญ่ประกอบด้วยที่ราบกว้างและที่ราบสูง มีแม่น้ำสายหลักไหลผ่านเพื่อหล่อเลี้ยงผืนดินทำให้เหมาะแก่การเพาะปลูกและตั้งถิ่นฐานของผู้คน ภูเขาสีสันสดใสที่รู้จักกันในชื่อ “ตันเซี๋ย” ตั้งตระหง่านเป็นฉากหลังของภูมิภาคนี้ โดยมีชั้นหินหลากสีสวยงามซึ่งเกิดจากการสะสมแร่ธาตุและกระบวนการทางธรณีวิทยามายาวนาน เขตนี้เป็นจุดเชื่อมต่อสำคัญของเส้นทางสายไหม ที่ช่วยเปิดประตูสู่การค้าขายและแลกเปลี่ยนวัฒนธรรมระหว่างต้าฮั่นและดินแดนทางตะวันตก รวมถึงมีบทบาทเป็นเขตป้องกันชายแดนที่สำคัญในเชิงยุทธศาสตร์ ภูมิประเทศของจางเย่จึงเป็นการผสมผสานระหว่างความอุดมสมบูรณ์ของที่ราบและความงามตามธรรมชาติของภูเขาสีสันสะดุดตาอย่างลงตัว</font></font></div><div style="text-align: left;"><font face="Kanit"><font color="#92341b" size="4"><br></font></font></div><p><img src="https://img5.pic.in.th/file/secure-sv1/b5f6119433b1d45d546282fe83faa67f.png" border="0"></p><p><br></p>
</div><font face="Kanit"><font size="3"><font color="black">
<br><br><br><br>
</font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></div>

คัดลอกไปที่คลิปบอร์ด

SuYao · โพสต์ 2025-9-21 21:21:48

แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: ปาสู่

ชื่อสถานที่: เมืองเฉิงตู

<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/bg-1d1a11490ec076994.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0 px;
border: 0 px double #708090;
padding: 30 px;
box-shadow: #708090 0px 0px 5 em;
background-image: url("https://img2.pic.in.th/pic/bg-2.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #708090 0px 0px 1em;
background-image: url("https://img2.pic.in.th/pic/cad3c0.png");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img5.pic.in.th/file/secure-sv1/404f58198f16e93f8a24dbdd2c0af3f2.png" border="0"></p><p><br></p><center>
<div class="jedi0">
<style>
.jedi0 {
border-radius: 0 px;
background: url("https://img5.pic.in.th/file/secure-sv1/6de711ef88453611a6b98c99663e191e.jpg") no-repeat;
box-shadow: 1px 1px 2px #708090, 0 0 25px #708090, 0 0 5px #708090;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius: 25 px;
height: 539px;
width: 800px;
image-size:cover;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
.tengah {
position: absolute;
}
</style>
</div>
</center>
<font face="Browallia New"><br><br>
</font><div id="boxsystem02">
<p><font size="5" style="" color="#4169e1" face="Kanit"><br></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" size="6" color="#2f4f4f"><span style="white-space-collapse: preserve;"><b style="">เมืองเฉิงตู</b></span></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" color="#2f4f4f"><span style="white-space-collapse: preserve;"><b style=""><font size="5">ดินแดนแห่งสวรรค์</font></b></span><font size="6"><b style="white-space-collapse: preserve;"></b></font></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" size="6" color="#2f4f4f"><span style="white-space-collapse: preserve;"><b><br></b></span></font></p><div style="text-align: left;"><div><font color="#2f4f4f" face="Kanit" size="4">เฉิงตู เป็นเมืองสำคัญที่มีบทบาททั้งในด้านการปกครอง เศรษฐกิจ และวัฒนธรรมของภูมิภาคตะวันตกเฉียงใต้ โดยเฉพาะในฐานะเมืองหลวงของมณฑลอี้โจว ด้วยสภาพภูมิประเทศที่อุดมสมบูรณ์และระบบชลประทานที่มีประสิทธิภาพอย่างตูเจียงเยี่ยน เมืองนี้จึงเป็นแหล่งเกษตรกรรมที่มั่งคั่ง และได้รับสมญาว่าเป็น “ดินแดนแห่งสวรรค์”</font></div><div><font color="#2f4f4f" face="Kanit" size="4"><br></font></div><div><font color="#2f4f4f" face="Kanit" size="4">ในด้านเศรษฐกิจเฉิงตูเป็นศูนย์กลางการผลิตข้าวและอาหารที่สำคัญ อีกทั้งยังมีบทบาทในการผลิตเงินตราของราชสำนัก เช่น เหรียญอู่จู ที่ใช้กันแพร่หลายทั่วอาณาจักร การวางผังเมืองก็ได้รับอิทธิพลจากรูปแบบราชสำนัก มีถนนและเขตกำแพงเมืองที่เป็นระเบียบ สะท้อนถึงความเจริญด้านการบริหารและวัฒนธรรมของเมือง</font></div><div><font color="#2f4f4f" face="Kanit" size="4"><br></font></div><div><font color="#2f4f4f" face="Kanit" size="4">ด้วยเหตุนี้เฉิงตูจึงเป็นมากกว่าเมืองภูธร หากแต่เป็นศูนย์กลางสำคัญที่เชื่อมโยงระหว่างการปกครองส่วนกลางกับดินแดนทางตะวันตกและเป็นรากฐานที่สำคัญของอาณาจักร</font></div><div><br></div></div><div style="text-align: left;"><font face="Kanit"><font color="#92341b" size="4"><br></font></font></div><p><img src="https://img2.pic.in.th/pic/11e0192912e4fe1a1b5e5381114eddb0.png" width="194" _height="180" border="0"></p><p><br></p>
</div><font face="Kanit"><font size="3"><font color="black">
<br><br><br><br>
</font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></div>

คัดลอกไปที่คลิปบอร์ด

SuYao · โพสต์ 2025-9-25 00:08:44

แบบฟอร์มสร้างสถานที่
หมวดหมู่ที่ตั้งสถานที่: ถนนสิบลี้

ชื่อสถานที่: โรงหมอเจิ้งเทียน (รีโนเวท)

<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/bg6a940646ee5e30410.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0 px;
border: 0 px double #999966 ;
padding: 30 px;
box-shadow: #999966 0px 0px 5 em;
background-image: url("https://img5.pic.in.th/file/secure-sv1/bg466ca4268a944fb00.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #999966 0px 0px 1em;
background-image: url("https://img2.pic.in.th/pic/bg-orange-1.png");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img2.pic.in.th/pic/c81555daf2d9ba0f2261d430d9c31848.png" border="0"></p><p><br></p><center>
<div class="jedi0">
<style>
.jedi0 {
border-radius: 0 px;
background: url("https://img5.pic.in.th/file/secure-sv1/A-vibrant-digital-art-scene-of-a-refined-Han-Dynasty-Chinese-medical-clinic-adapted-from-an-elegant-old-aristocratic-mansion.-The-viewpoint-is-at-human-eye-level--not-a-birds-eye-view--offering-a-natu.jpg") no-repeat;
box-shadow: 1px 1px 2px #999966, 0 0 25px #999966, 0 0 5px #999966;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius: 25 px;
height: 539px;
width: 800px;
image-size:cover;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
.tengah {
position: absolute;
}
</style>
</div>
</center>
<font face="Browallia New"><br><br>
</font><div id="boxsystem02">
<p><font size="5" style="" face="Kanit" color="#a0522d"><br></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" size="6" color="#5f6c41"><span style="white-space-collapse: preserve;"><b style="">โรงหมอเจิ้งเทียน</b></span></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font color="#5f6c41"><img src="https://img2.pic.in.th/pic/111953654.gif" width="404" _height="66" border="0"></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" size="6" color="#5f6c41"><span style="white-space-collapse: preserve;"><b><br></b></span></font></p><div style="text-align: left;"><div><div><font face="Kanit" size="4" color="#5f6c41">ไม่ไกลจากจตุรัสกลางนคร บนถนนสายหลักที่ค่อนข้างเงียบสงบ มีอาคารไม้หลังหนึ่งตั้งอยู่เรียบง่ายแต่สะดุดตา กลิ่นสมุนไพรจาง ๆ ที่ลอยออกมาจากภายในอาคารทำให้ผู้ผ่านไปมาต่างรู้ทันทีว่านี่คือโรงหมอ โรงหมอแห่งเดียวในเมืองที่ได้รับการรับรองจากจวนเจ้าเมือง แม้ภายนอกจะไม่หรูหรา ไม่มีป้ายทองหรือเสาหิน แต่แพทย์ทุกคนในเมืองล้วนรู้จักสถานที่นี้เป็นอย่างดี</font></div><div><font face="Kanit" size="4" color="#5f6c41"><br></font></div><div><font face="Kanit" size="4" color="#5f6c41">ตัวอาคารถูกดัดแปลงมาจากคฤหาสน์เก่าของตระกูลผู้ดีในยุคก่อน แม้จะผ่านการซ่อมแซมมาหลายครั้ง แต่ยังคงรักษาโครงสร้างไม้ดั้งเดิมเอาไว้ บริเวณด้านหน้าของโรงหมอเป็นลานกว้างสำหรับตากสมุนไพร โดยมักใช้กระด้งไม้หรือเสื่อเรียงไว้ให้แสงแดดช่วยคงคุณภาพของตัวยา ด้านทิศใต้ของอาคารเป็นแปลงสมุนไพรขนาดย่อม ล้อมรอบด้วยรั้วไม้เตี้ย มีทางเดินหินเล็ก ๆ คั่นระหว่างต้นยาและพืชสมุนไพรหลากชนิดที่ปลูกอย่างเป็นระเบียบ สะท้อนถึงการใช้งานจริงมากกว่าการตกแต่ง</font></div><div><font face="Kanit" size="4" color="#5f6c41"><br></font></div><div><font face="Kanit" size="4" color="#5f6c41">โรงหมอแห่งนี้เคยอยู่ภายใต้การดูแลของหมอเจิ้งเซียวเฉิน ผู้เป็นทั้งแพทย์และครูของผู้คนจำนวนมาก เขาเป็นผู้ก่อตั้งสถานที่แห่งนี้ และอุทิศชีวิตทั้งหมดให้กับการรักษาโรคภัย โดยไม่เคยไล่ตามลาภยศหรือเกียรติศักดิ์ใด ๆ หลังจากการจากไปของเขา โรงหมอแห่งนี้ได้ถูกโอนกรรมสิทธิ์ให้กับเจ้าของคนใหม่ ผู้ไม่เคยเอ่ยนามหรือแสดงตนอย่างเปิดเผย แต่ยังคงดำเนินกิจการภายใต้เจตนารมณ์เดิมของหมอเจิ้ง โดยมีลูกศิษย์เป็นผู้ดูแลและสืบสานวิชา</font></div><div><font face="Kanit" size="4" color="#5f6c41"><br></font></div><div><font face="Kanit" size="4" color="#5f6c41">บริเวณด้านหลังโรงหมอ มีสุสานเล็ก ๆ ฝังร่างของหมอเจิ้งเซียวเฉินไว้ใต้ร่มเงาไม้ในมุมสงบ ห่างจากอาคารหลักเพียงไม่กี่ก้าว บริเวณนั้นไม่เปิดให้บุคคลทั่วไปเข้าถึง แต่ถูกดูแลอย่างเรียบง่ายและเคารพ</font></div><div><font face="Kanit" size="4" color="#5f6c41"><br></font></div><div><font face="Kanit" size="4" color="#5f6c41">แม้เวลาจะเปลี่ยนผ่าน แต่โรงหมอเจิ้งยังคงทำหน้าที่เดิม เปิดรับผู้ป่วย ผู้เหนื่อยล้า และผู้ที่ต้องการใครสักคนรับฟัง เรื่องราวของร่างกายและหัวใจยังคงถูกถ่ายทอดที่นี่อย่างเงียบงาม ราวกับผู้ก่อตั้งยังไม่เคยจากไปไหนเลย</font></div></div><div><font face="Kanit" size="4" color="#5f6c41"><br></font></div><div style="text-align: center;"><font color="#5f6c41"><img src="https://img2.pic.in.th/pic/111953654.gif" width="404" _height="66" border="0"></font></div><div style="text-align: center;"><font color="#5f6c41"><br></font></div><div style="text-align: center;"><font color="#5f6c41"><img src="https://img2.pic.in.th/pic/9bc222077742f651eb9c184356789c21.png" border="0"></font></div><div style="text-align: center;"><font face="Kanit" size="5" color="#5f6c41"><b style="">เจิ้ง เซียวเฉิน (เสียชีวิต)</b></font></div><div style="text-align: center;"><div><font face="Kanit" size="4" color="#d46549"><i style=""><b style="">“ข้าทำส่วนหนึ่งของชีวิตขาดหายไป... จะไปตามหามันได้ที่ใดอีก”</b></i></font></div><div><font face="Kanit" size="4" color="#d46549"><i style=""><b style=""><br></b></i></font></div><div><div><div>[spoil]<div><font face="Kanit" color="#5f6c41"><img src="https://img5.pic.in.th/file/secure-sv1/ODXVgFe-1.png" border="0"></font></div><div><font size="4" face="Kanit" color="#5f6c41"><br></font></div><div style="text-align: left;"><font size="4"><font size="4" face="Kanit" color="#5f6c41">แพทย์ผู้โด่งดังจากเจียงโจว ผู้ย้ายถิ่นฐานมายังเมืองหลวงหลังจากสูญเสียภรรยา และตั้งรกรากอยู่ในบ้านเกิดของนางที่ล่วงลับไปแล้ว แม้เขาจะเป็นแพทย์มากฝีมือ มีฝีมือการรักษาที่หาตัวจับได้ยาก แต่ก็ไม่อาจช่วยชีวิตคนรักได้ทัน ความสูญเสียครั้งนั้นกลายเป็นรอยแผลลึกในใจ</font></font></div><div style="text-align: left;"><font size="4"><font size="4" face="Kanit" color="#5f6c41"><br></font></font></div><div style="text-align: left;"><font size="4"><font size="4" face="Kanit" color="#5f6c41">จากคนอัธยาศัยดี ช่างพูดและอ่อนโยน เขากลายเป็นคนพูดน้อย ยิ้มน้อยลง และมักจะจมอยู่ในความเงียบ แม้จะดูเฉยชาต่อผู้คน แต่เขากลับมีความอดทนอย่างยิ่งยวดในการรับฟัง มักใช้เวลาว่างนั่งเล่นกับเด็ก ๆ ที่มารอญาติรักษาตัว เหมือนต้องการปลอบโยนความรู้สึกของตนที่ยังคงผูกพันกับลูกน้อยซึ่งไม่มีโอกาสได้ลืมตาดูโลก</font></font></div><div style="text-align: left;"><font size="4"><font size="4" face="Kanit" color="#5f6c41"><br></font></font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41"><font size="4">เจิ้งเซียวเฉินเสียชีวิตอย่างกะทันหันด้วยโรคปริศนา </font>ก่อนเสียชีวิตเขาได้ฝากฝังคำสั่งเสียไว้อย่างชัดเจน ขอให้ลูกศิษย์สืบสานเจตนารมณ์ของเขาให้รักษาผู้คนด้วยหัวใจของ “หมอ” ไม่ใช่เพียงหน้าที่ และไม่ว่าใครจะยากดีมีจน ก็สมควรได้รับการเยียวยาอย่างเสมอภาค</font></div>[/spoil]</div></div></div><div><br></div><div><font color="#5f6c41"><img src="https://img2.pic.in.th/pic/111953654.gif" width="404" _height="66" border="0"><font size="4"></font></font></div><div><font color="#5f6c41"><br></font></div><div><font size="5" color="#5f6c41"><b>หมอใหญ่ประจำโรงหมอ</b></font></div><div><img src="https://img5.pic.in.th/file/secure-sv1/line_konoha01.gif" border="0"></div><div><font size="5" color="#d46549"><b style="">ซู เหยา</b></font></div><div><font color="#5f6c41"><img src="https://img2.pic.in.th/pic/419bba1ead5e6d2db03a945e4717b83b.png" border="0"></font></div><div><font color="#5f6c41"><br></font></div><div><div style="text-align: left;"><div style="text-align: center;">[spoil]<div><br></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41">แพทย์หญิงจากเมืองเฉิงตู ผู้มีชื่อเสียงด้านการปรุงยาสมุนไพรและการวินิจฉัยโรคอย่างแม่นยำ นางเคยช่วยดูแลเรือนยารักษาคนในหมู่บ้านชนบทโดยมีท่านตาซูมู่เฉิน เป็นผู้อบรมวิชาให้ตั้งแต่เยาว์วัย</font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41"><br></font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41">หลังการเสียชีวิตของท่านตา และการล่มสลายของชุมชนจากโรคระบาดปริศนา นางตัดสินใจละทิ้งชีวิตในป่าเขาและมุ่งสู่ฉางอัน เมืองหลวงแห่งแผ่นดิน หวังเพียงสืบสานปณิธานแห่งการรักษาผู้คนให้มากกว่าที่เคย</font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41"><br></font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41">ด้วยความสามารถอันโดดเด่นและหัวใจที่อ่อนโยน นางได้รับความเมตตาจากเจิ้ง เซียวเฉิน หมอใหญ่แห่งโรงหมอเจิ้งเทียน ผู้รับนางเข้าทำงานและถ่ายทอดวิชาเพิ่มเติมให้ด้วยตนเอง</font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41"><br></font></div><div style="text-align: left;"><font size="4" face="Kanit" color="#5f6c41">หลังการจากไปของเจิ้งเซียวเฉิน นางได้สืบทอดหน้าที่ดูแลโรงหมอเจิ้งเทียนด้วยความเคารพในปณิธานของเขาด้วยการรักษาผู้คนแบบไม่แบ่งแยกแม้เป็นผู้ยากไร้ก็ตาม</font></div>[/spoil]</div><div style="text-align: center;"><br></div></div></div><div><img src="https://img2.pic.in.th/pic/111953654.gif" width="404" _height="66" border="0"></div></div></div><p><br></p><p><br></p>
</div><font face="Kanit"><font size="3"><font color="black">
<br><br><br><br>
</font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></div>

คัดลอกไปที่คลิปบอร์ด

LinYa · โพสต์ 2025-9-26 09:39:06

รูปแบบสร้างสถานที่ (มี 5 สถานที่)

หมวดหมู่ที่ตั้งสถานที่: เหอเป่ย

ชื่อสถานที่: [เมืองจวี่]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/1d14e54ed03c4ab2c7e69452a7bc908da23a0c9088ea8-aRDfV5_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<style>
/* ================= THEME SWITCH: BLUE + MINT =================
ใช้กับโครงเดิม (#box01, .phx-frame, .phx-hero, .phx-card, .phx-title)
เปลี่ยน “เฉพาะสีและเอฟเฟ็กต์แสง” เท่านั้น
================================================================ */
/* พาเลต */
:root{
--blue-ice: #D7E6E6; /* น้ำแข็งฟ้า */
--sea: #78B9C6; /* น้ำทะเลอ่อน */
--deep: #425B80; /* น้ำเงินเข้ม */
--mint: #6FC885; /* เขียวมินต์ */
--ink-main: #294356; /* สีตัวอักษรหลักในกรอบ */
--ink-soft: #4f6a7c; /* ตัวอักษรรอง */
}
/* ฉากโพสต์ให้สว่างและฟุ้งโทนฟ้า */
.post-bg{
background:
radial-gradient(160% 120% at 50% -10%, rgba(66,91,128,.18), transparent 60%),
linear-gradient(180deg, var(--blue-ice), color-mix(in srgb, var(--blue-ice) 70%, white 30%));
}
/* กรอบรวม */
#box01{
background:
radial-gradient(120% 80% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
linear-gradient(180deg, var(--blue-ice) 0%, color-mix(in srgb, var(--blue-ice) 60%, white 40%) 100%);
border: 1px solid color-mix(in srgb, var(--deep) 35%, white 65%);
box-shadow:
0 16px 34px rgba(66,91,128,.20),
inset 0 1px 0 rgba(255,255,255,.70);
color: var(--ink-main);
}
#box01::before{
background:
radial-gradient(80% 60% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(120,185,198,.22), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
background: linear-gradient(180deg, #ffffff, var(--blue-ice));
border: 1px solid color-mix(in srgb, var(--deep) 28%, white 72%);
box-shadow:
0 12px 26px rgba(66,91,128,.16),
inset 0 1px 0 rgba(255,255,255,.85);
}
/* หัวเรื่องใหญ่ + คำโปรย */
.phx-title{
color: var(--deep);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 14px color-mix(in srgb, var(--sea) 40%, white 60%),
0 10px 20px rgba(66,91,128,.18);
}
.phx-sub{ color: var(--ink-soft); }
/* รูป Hero */
.phx-hero{
background:#fff;
box-shadow:
0 10px 22px rgba(66,91,128,.18),
0 0 0 1px color-mix(in srgb, var(--deep) 25%, white 75%) inset;
}
/* การ์ดเนื้อหา */
.phx-card{
background:
radial-gradient(120% 85% at 50% -20%, rgba(120,185,198,.12), transparent 60%),
linear-gradient(180deg, #ffffff 0%, var(--blue-ice) 100%);
border: 1px solid color-mix(in srgb, var(--deep) 30%, white 70%);
box-shadow:
0 12px 28px rgba(66,91,128,.18),
0 0 0 1px rgba(255,255,255,.65) inset;
color: var(--ink-main);
}
.phx-card h2{
color: var(--deep);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 10px color-mix(in srgb, var(--sea) 35%, white 65%);
}
.phx-tag{ color: var(--ink-soft); }
.phx-body{ color: var(--ink-main); }
/* ปุ่มภายในการ์ด (ถ้ามี) — ไล่จาก sea → mint */
.phx-card .btn,
.phx-card a.button{
color:#0f2b2f;
background: linear-gradient(180deg, var(--sea), var(--mint));
box-shadow:
0 8px 18px color-mix(in srgb, var(--sea) 35%, transparent),
0 0 0 1px color-mix(in srgb, var(--deep) 45%, #2a2a2a 55%) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05) saturate(1.04); }
/* Responsive – คงเดิม แค่คุมพื้นให้สว่างอ่านง่าย */
@media (max-width:600px){
.phx-hero, .phx-card{ background: linear-gradient(180deg, #fff, var(--blue-ice)); }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">莒</font></h1>
<div class="phx-sub"><font size="3" color="#696969">[เมืองจวี่ - ชิงโจว]</font></div>
<figure class="phx-hero">
<img src="https://img5.pic.in.th/file/secure-sv1/unnamed_96.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองจวี่</font></h2>
<div class="phx-tag"><font size="4">[ ด่านตะวันออกแห่งชิงโจว ]</font></div>
<div class="phx-body">
<p><font size="3" color="#008080">เมืองจวี่ตั้งอยู่บนพื้นที่ราบกึ่งภูเขาทางตะวันออกของแผ่นดินจีน บริเวณนี้อยู่ใกล้กับชายฝั่งทะเล ทำให้มีสภาพภูมิอากาศที่อุดมสมบูรณ์ เมืองจวี่มีความสำคัญทางประวัติศาสตร์มาตั้งแต่ยุคก่อนราชวงศ์ฉิน (เป็นเมืองหลวงของแคว้นจวี่) ในสมัยฮั่น เมืองนี้ทำหน้าที่เป็นศูนย์กลางการปกครองในระดับท้องถิ่น ผู้คนส่วนใหญ่ประกอบอาชีพเกษตรกรรมเนื่องจากพื้นที่อุดมสมบูรณ์ และเนื่องจากอยู่ไม่ไกลจากชายฝั่งทะเล ผู้คนในพื้นที่ใกล้เคียงจึงมีอาชีพเสริมด้านการประมงและการทำเกลือ</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: เจียงหนาน

ชื่อสถานที่: [เมืองลี่เฉิง]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/f15b5eeb4bcad39bc55c5e5536b68536b10c11fd1820e0-mPxiC7_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<style>
/* =================== THEME: Natural (mint–sage–ivory) =================== */
/* พาเลต */
:root{
--nat-01:#8fb0a9; /* mint teal highlight */
--nat-02:#c7d1bd; /* mist green */
--nat-03:#a8c297; /* sage */
--nat-04:#d6d6ab; /* light khaki */
/* สีตัวอักษรในกล่อง */
--nat-ink:#3c4a45; /* หลัก */
--nat-ink-soft:#5a665f; /* รอง */
}
/* ฉากของโพสต์ (post-bg) — ไล่สีอ่อนให้อุ่นตา */
.post-bg{
background:
radial-gradient(140% 100% at 50% -10%, color-mix(in srgb, var(--nat-01) 25%, white 75%), transparent 60%),
linear-gradient(180deg, color-mix(in srgb, var(--nat-04) 55%, white 45%),
color-mix(in srgb, var(--nat-02) 70%, white 30%));
}
/* กรอบรวม */
#box01{
background:
radial-gradient(120% 80% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--nat-02) 65%, white 35%) 100%);
border:1px solid color-mix(in srgb, var(--nat-03) 45%, #74867c 55%);
box-shadow:
0 16px 34px color-mix(in srgb, var(--nat-03) 28%, black 12%),
inset 0 1px 0 rgba(255,255,255,.70);
color:var(--nat-ink);
}
#box01::before{
background:
radial-gradient(80% 60% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, color-mix(in srgb, var(--nat-04) 55%, white 45%), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--nat-04) 40%, white 60%));
border:1px solid color-mix(in srgb, var(--nat-03) 40%, white 60%);
box-shadow:
0 12px 26px color-mix(in srgb, var(--nat-03) 20%, black 10%),
inset 0 1px 0 rgba(255,255,255,.85);
}
/* หัวเรื่อง / คำโปรย */
.phx-title{
color: var(--nat-03);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 12px color-mix(in srgb, var(--nat-03) 40%, white 60%),
0 10px 18px rgba(0,0,0,.10);
}
.phx-sub{ color: var(--nat-ink-soft); }
/* รูป hero */
.phx-hero{
background:#fff;
box-shadow:
0 10px 22px color-mix(in srgb, var(--nat-03) 22%, black 10%),
0 0 0 1px color-mix(in srgb, var(--nat-03) 35%, white 65%) inset;
}
/* การ์ดเนื้อหา */
.phx-card{
background:
radial-gradient(120% 85% at 50% -20%, color-mix(in srgb, var(--nat-01) 18%, white 82%), transparent 60%),
linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--nat-04) 45%, white 55%) 100%);
border:1px solid color-mix(in srgb, var(--nat-03) 45%, white 55%);
box-shadow:
0 12px 28px color-mix(in srgb, var(--nat-03) 22%, black 10%),
0 0 0 1px rgba(255,255,255,.65) inset;
color:var(--nat-ink);
}
.phx-card h2{
color: var(--nat-03);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 10px color-mix(in srgb, var(--nat-03) 35%, white 65%);
}
.phx-tag{ color: var(--nat-ink-soft); }
.phx-body{ color: var(--nat-ink); }
/* ปุ่ม/ลิงก์ในกล่อง */
.phx-card .btn,
.phx-card a.button{
color:#163328;
background: linear-gradient(180deg, color-mix(in srgb, var(--nat-03) 88%, var(--nat-01) 12%), var(--nat-03));
box-shadow:
0 8px 18px color-mix(in srgb, var(--nat-03) 35%, transparent),
0 0 0 1px color-mix(in srgb, var(--nat-01) 40%, #2a2a2a 60%) inset;
}
.phx-card .btn:hover,
.phx-card a.button:hover{ filter:brightness(1.05) saturate(1.03); }
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">歷城</font></h1>
<div class="phx-sub"><font size="3" color="#696969">[เมืองลี่เฉิง - มณฑลซูโจว]</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/unnamed_97.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองลี่เฉิง</font></h2>
<div class="phx-tag"><font size="4">[ เมืองแห่งน้ำพุ จุดบรรจบแห่งซูโจว ]</font></div>
<div class="phx-body">
<p><font size="3" color="#a0522d">เมืองลี่เฉิงตั้งอยู่ในบริเวณที่ราบลุ่มแม่น้ำเหลือง (Yellow River) และใกล้กับเทือกเขาไท่ซาน (Mount Tai) ภูมิประเทศมีความหลากหลาย ทั้งพื้นที่ราบที่เหมาะแก่การเกษตร และพื้นที่เนินเขาทางใต้ เมืองนี้มีความสำคัญในฐานะ จุดเชื่อมต่อทางการคมนาคม ทั้งทางบกและทางน้ำ </font></p><p><font size="3" color="#a0522d">เนื่องจากตั้งอยู่บนเส้นทางหลักที่เชื่อมระหว่างภาคกลางกับพื้นที่ชายฝั่งทะเลทำให้เป็นเมืองที่มีความคึกคัก ด้วยตำแหน่งที่เป็นจุดเชื่อมต่อสำคัญ ทำให้มีพ่อค้าจำนวนมากเดินทางผ่านและตั้งรกรากเพื่อทำธุรกิจการค้าและการขนส่งสินค้า เมืองลี่เฉิงเป็นที่รู้จักในภายหลังในฐานะ "เมืองแห่งน้ำพุ" (เนื่องจากมีน้ำพุธรรมชาติจำนวนมากในเขตจี่หนาน)</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: เจียงหนาน

ชื่อสถานที่: [เมืองกว่างหลิง]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/f5e66dff596bb77fb91254b35060b307c00535374ca3f-Pfl051_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== THEME: GOLD =================== */
:root{
/* พาเลตจากภาพ */
--gold-ink: #F3E7C6; /* สีตัวอักษรหลักให้อ่านชัด */
--gold-ink-soft:#E9DBB2; /* ตัวอักษรรอง */
--gold-01:#19171b; /* ดำทองเข้มมาก (ฉาก/เงา) */
--gold-02:#2f2921; /* น้ำตาลดำ (พื้นในเฟรม) */
--gold-03:#563a17; /* น้ำตาลทองเข้ม (ขอบ/เงาใน) */
--gold-04:#9e8123; /* ทองหลัก (ไฮไลต์/เรือง) */
--radius:22px;
--maxw:800px;
}
/* หน้าให้โปร่ง เพื่อโชว์วอลเปเปอร์เดิมของบอร์ด */
body{
background:transparent !important;
margin:0;
font-family:'Kanit',system-ui,-apple-system,sans-serif;
}
/* =================== SECTION ของโพสต์นี้ =================== */
.post-bg{
padding:30px;
/* ใช้พื้นมืดแบบกำมะหยี่นิด ๆ ให้ทองเด่น */
background: radial-gradient(120% 80% at 50% -10%, rgba(158,129,35,.20), transparent 60%),
radial-gradient(140% 90% at -10% 110%, rgba(25,23,27,.75), rgba(25,23,27,.95));
}
/* กรอบรวม */
#box01{
position:relative;
max-width:980px; margin:0 auto;
border-radius:calc(var(--radius) + 2px);
padding:42px 48px;
background:linear-gradient(180deg, rgba(47,41,33,.86) 0%, rgba(25,23,27,.90) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 18px 40px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
overflow:hidden;
}
/* แสงกระทบกึ่งทองบนขอบบน */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(158,129,35,.40), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(245,230,185,.18), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw);
margin:16px auto 0;
padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(47,41,33,.95), rgba(25,23,27,.95));
border-radius:calc(var(--radius) + 1px);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 14px 32px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.04);
}
/* หัวเรื่องใหญ่ */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
color:var(--gold-ink);
/* เรืองแสงทองนุ่ม ๆ */
text-shadow:
0 0 2px rgba(158,129,35,.65),
0 0 14px rgba(158,129,35,.45),
0 14px 26px rgba(0,0,0,.55);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--gold-ink-soft); font-size:14px; margin:0 0 18px;
}
/* รูป Hero */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
box-shadow:
0 12px 28px rgba(0,0,0,.45),
0 0 0 1px rgba(158,129,35,.22) inset;
background:#000; /* ให้คอนทราสต์กับภาพ */
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease; }
.phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.06) contrast(1.04); }
/* การ์ดเนื้อหา */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px;
border-radius:var(--radius);
background:
/* ขอบทองจางที่ด้านบน */
radial-gradient(120% 85% at 50% -20%, rgba(158,129,35,.28), transparent 60%),
linear-gradient(180deg, rgba(47,41,33,.96) 0%, rgba(25,23,27,.96) 100%);
border:1px solid rgba(158,129,35,.35);
box-shadow:
0 16px 36px rgba(0,0,0,.48),
0 0 0 1px rgba(245,230,185,.06) inset;
padding:22px 24px; text-align:center; color:var(--gold-ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px; color:var(--gold-ink);
text-shadow:
0 0 2px rgba(158,129,35,.55),
0 0 12px rgba(158,129,35,.35),
0 10px 22px rgba(0,0,0,.5);
}
.phx-tag{ color:var(--gold-ink-soft); font-weight:700; margin:2px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--gold-ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* ปุ่ม/ลิงก์ (ถ้าจะใช้ภายในการ์ด) */
.phx-card .btn, .phx-card a.button{
display:inline-block; padding:.6rem 1.1rem; border-radius:12px; text-decoration:none;
color:#1a1408; font-weight:700;
background:linear-gradient(180deg, #C4A23D, #9e8123);
box-shadow:0 8px 18px rgba(158,129,35,.35), 0 0 0 1px rgba(25,23,27,.65) inset;
}
.phx-card .btn:hover, .phx-card a.button:hover{ filter:brightness(1.05); }
/* Responsive */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<style>
/* =================== THEME SWITCH: BEIGE + SAGE ===================
เปลี่ยนเฉพาะ “ธีมสี” ของกล่องข้อความเดิม (#box01, .phx-*)
พาเลต: #f2ece7, #ede5d8, #9f8f7c, #6a8359
==================================================================== */
/* --- พาเลตหลัก --- */
:root{
--bg-cream: #f2ece7; /* พื้นครีมอ่อน */
--bg-ivory: #ede5d8; /* ครีมอมชมพูอ่อน */
--taupe: #9f8f7c; /* น้ำตาลเทา (กรอบ/ตัวอักษรรอง) */
--sage: #6a8359; /* เขียวใบเสจ (หัวข้อ/ปุ่ม) */
--ink-main: #6a645a; /* สีตัวอักษรหลักภายในการ์ด (อ่านสบาย) */
--ink-soft: #8b8173; /* ตัวอักษรรอง/คำโปรย */
}
/* ---- ฉากของ “โพสต์นี้” ให้สว่างละมุนขึ้น ---- */
.post-bg{
background:
radial-gradient(160% 120% at 50% -10%, rgba(154,171,136,.20), transparent 60%),
linear-gradient(180deg, var(--bg-cream), var(--bg-ivory));
}
/* ---- กรอบรวม (#box01) : เปลี่ยนจากดำเป็นครีม/ขอบเทาอบอุ่น ---- */
#box01{
background:
radial-gradient(120% 80% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
linear-gradient(180deg, var(--bg-cream) 0%, var(--bg-ivory) 100%);
border: 1px solid color-mix(in srgb, var(--taupe) 55%, white 45%);
box-shadow:
0 16px 34px rgba(159,143,124,.25),
inset 0 1px 0 rgba(255,255,255,.65);
color: var(--ink-main);
}
#box01::before{
/* ไฮไลต์นุ่ม ๆ ด้านบน */
background:
radial-gradient(80% 60% at 12% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(255,255,255,.30), transparent 60%);
}
/* ---- เฟรมด้านใน (.phx-frame) ---- */
.phx-frame{
background: linear-gradient(180deg, #ffffff, var(--bg-cream));
border: 1px solid color-mix(in srgb, var(--taupe) 50%, white 50%);
box-shadow:
0 10px 24px rgba(159,143,124,.18),
inset 0 1px 0 rgba(255,255,255,.85);
}
/* ---- หัวเรื่องใหญ่/คำโปรย ---- */
.phx-title{
color: var(--sage);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 12px color-mix(in srgb, var(--sage) 45%, white 55%),
0 10px 18px rgba(159,143,124,.20);
}
.phx-sub{ color: var(--ink-soft); }
/* ---- รูป Hero ---- */
.phx-hero{
background: #fff;
box-shadow:
0 10px 22px rgba(159,143,124,.22),
0 0 0 1px color-mix(in srgb, var(--taupe) 40%, white 60%) inset;
}
/* ---- การ์ดเนื้อหา (.phx-card) ---- */
.phx-card{
background:
radial-gradient(120% 85% at 50% -20%, rgba(106,131,89,.10), transparent 60%),
linear-gradient(180deg, #ffffff 0%, var(--bg-cream) 100%);
border: 1px solid color-mix(in srgb, var(--taupe) 55%, white 45%);
box-shadow:
0 12px 28px rgba(159,143,124,.22),
0 0 0 1px rgba(255,255,255,.65) inset;
color: var(--ink-main);
}
.phx-card h2{
color: var(--sage);
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 0 10px color-mix(in srgb, var(--sage) 35%, white 65%);
}
.phx-tag{ color: var(--ink-soft); }
.phx-body{ color: var(--ink-main); }
/* ---- ปุ่ม/ลิงก์ภายในการ์ด ---- */
.phx-card .btn,
.phx-card a.button{
color: #ffffff;
background: linear-gradient(180deg, color-mix(in srgb, var(--sage) 90%, #8fb27d 10%), var(--sage));
box-shadow:
0 8px 18px color-mix(in srgb, var(--sage) 35%, transparent),
0 0 0 1px color-mix(in srgb, var(--taupe) 45%, #2a2a2a 55%) inset;
}
.phx-card .btn:hover,
.phx-card a.button:hover{ filter: brightness(1.05) saturate(1.02); }
/* ---- Responsive (คงเดิม แค่คงความอ่านง่ายบนพื้นอ่อน) ---- */
@media (max-width: 600px){
.phx-hero, .phx-card{ background: linear-gradient(180deg, #fff, var(--bg-cream)); }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">廣陵</font></h1>
<div class="phx-sub"><font size="3" color="#696969">[เมืองกว่างหลิง - มณฑลซูโจว]</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/Gemini_Generated_Image_ofmsskofmsskofms_1.png" alt="Hero Image">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองกว่างหลิง</font></h2>
<div class="phx-tag"><font size="4">[ เมืองแห่งสายน้ำและเกลือ ท่าเรือหลวงแห่งซูโจว ]</font></div>
<div class="phx-body">
<p><font size="3" color="#a0522d">เมืองกว่างหลิงตั้งอยู่ในพื้นที่ราบลุ่มแม่น้ำ ซึ่งอยู่ใกล้กับปากแม่น้ำแยงซีเกียงและติดกับทะเลสาบเกาโหย่ว (Gaoyou Lake) ภูมิประเทศมีความชื้นสูงและมีเครือข่ายแม่น้ำลำคลองหนาแน่นมาก ทำให้เป็นพื้นที่ที่อุดมสมบูรณ์ กว่างหลิงเป็นเมืองที่สำคัญในเชิงยุทธศาสตร์ทางการค้าและน้ำ ในยุคฮั่น เนื่องจากเป็นจุดที่เชื่อมต่อเส้นทางน้ำทางใต้กับเส้นทางบกทางเหนือ </font></p><p><font size="3" color="#a0522d">อาชีพที่โดดเด่นที่สุดคือการค้าขายและการขนส่งทางเรือ เนื่องจากเมืองนี้เป็นศูนย์กลางการกระจายสินค้าที่สำคัญระหว่างภาคเหนือและภาคใต้ โดยสินค้าจากเจียงหนาน (ทางใต้) จะถูกส่งผ่านกว่างหลิงขึ้นไปยังทางเหนือ</font></p>
</div>
</section>
</div>
</div>
</div>
<style>
/* 0) รีเซ็ต: ไม่ให้ทั้งหน้าโดนฟอนต์พิเศษ */
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* 1) ใส่ฟอนต์เฉพาะ ‘โซนคอนเทนต์ของโพสต์’ เท่านั้น */
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){
font-family: 'Kanit', system-ui, -apple-system, sans-serif !important;
/* ถ้ามีบางจุดไม่อยากโดน ให้ครอบ class อื่นแล้วตั้ง font-family: inherit; */
}
/* 2) หัวเรื่องที่อยากเป็นลายมือสวย ๆ – จำกัดแค่ในกรอบนี้ */
.phx-frame :where(.phx-title, .phx-card h2){
font-family: 'Pacifico', cursive !important;
}
/* 3) กันสไตล์จากนอกกรอบหลุดเข้ามา */
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: เจียงหนาน

ชื่อสถานที่: [เมืองโช่วชุน]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/6706ff5837b0600ea9c5f76ab5b83198.jpg") center/cover no-repeat;
opacity:1;
}
/* =============== FOUNDATION =============== */
:root{
/* Palette from image */
--rose: #FFBCBD; /* ชมพูหลัก */
--peach: #FFDED7; /* พีชอ่อน */
--cloud: #F6F6F6; /* เทา/ขาวหมอก */
--violet: #757CAB; /* ม่วงน้ำเงิน */
--ink: #2E3146; /* สีตัวอักษรหลัก (เข้มโทนม่วงน้ำเงิน) */
--ink-2: #5D6080; /* ตัวอักษรรอง */
--radius: 22px;
--maxw: 980px;
}
/* ไม่ไปชน global ของบอร์ด */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* =============== POST WRAPPER =============== */
.post-bg{ padding:30px; background: transparent; }
#box01{
position:relative;
margin:0 auto; max-width:var(--maxw);
padding:42px 48px; border-radius: calc(var(--radius) + 2px);
/* พื้นผิวแบบครีมพาสเทล */
background:
radial-gradient(120% 80% at 50% -10%, rgba(255,188,189,.35), transparent 60%),
linear-gradient(180deg, rgba(255,222,215,.92) 0%, rgba(246,246,246,.96) 100%);
border:1px solid color-mix(in oklab, var(--violet) 30%, #ffffff 70%);
box-shadow:
0 24px 50px rgba(117,124,171,.28),
0 0 0 1px rgba(255,255,255,.35) inset;
overflow:hidden;
}
/* เงา/ไฮไลต์อ่อน ๆ บนกรอบ */
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(255,188,189,.30), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(117,124,171,.18), transparent 60%);
}
/* ชั้นใน */
.phx-frame{
margin:12px auto 0; max-width:860px;
padding:18px 16px 8px; border-radius: calc(var(--radius) + 1px);
background:
linear-gradient(180deg, #fff 0%, var(--cloud) 100%);
border:1px solid color-mix(in oklab, var(--violet) 25%, #ffffff 75%);
box-shadow:
0 18px 36px rgba(117,124,171,.18),
inset 0 1px 0 rgba(255,255,255,.8);
}
/* =============== TYPOGRAPHY =============== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
background: linear-gradient(90deg, var(--rose), var(--violet));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 26px rgba(117,124,171,.28);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--ink-2); font-size:14.5px; margin:0 0 18px;
}
/* =============== MEDIA (Hero) =============== */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
background:#fff;
border:1px solid color-mix(in oklab, var(--violet) 22%, #ffffff 78%);
box-shadow: 0 14px 30px rgba(117,124,171,.25);
}
.phx-hero img{
display:block; width:100%; height:auto;
transition: transform .5s ease, filter .5s ease;
filter: saturate(1.02) contrast(1.02);
}
.phx-hero img:hover{ transform:scale(1.03); }
/* =============== CARD =============== */
.phx-card{
width:82%; max-width:680px; margin:12px auto 24px; text-align:center;
border-radius: var(--radius);
background:
radial-gradient(120% 85% at 50% -20%, rgba(255,188,189,.22), transparent 60%),
linear-gradient(180deg, #fff 0%, var(--cloud) 100%);
border:1px solid color-mix(in oklab, var(--violet) 26%, #ffffff 74%);
box-shadow:
0 16px 32px rgba(117,124,171,.22),
0 0 0 1px rgba(255,255,255,.5) inset;
padding:22px 24px; color:var(--ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--violet), var(--rose));
-webkit-background-clip:text; background-clip:text; color:transparent;
}
.phx-tag{ color:var(--ink-2); font-weight:700; margin:4px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* =============== BUTTONS =============== */
.btn{ display:inline-block; padding:.65rem 1.1rem; border-radius:12px; text-decoration:none; font-weight:700; transition:.2s ease; }
.btn-rose{
color:#5E2630;
background: linear-gradient(180deg, color-mix(in oklab, var(--rose) 88%, #fff 12%), var(--rose));
border:1px solid color-mix(in oklab, var(--rose) 55%, #000 45%);
box-shadow: 0 10px 18px rgba(255,188,189,.35);
}
.btn-rose:hover{ filter:brightness(1.05); transform: translateY(-1px); }
.btn-violet{
color:#ffffff;
background: linear-gradient(180deg, color-mix(in oklab, var(--violet) 92%, #000 8%), var(--violet));
border:1px solid color-mix(in oklab, var(--violet) 65%, #000 35%);
box-shadow: 0 10px 18px rgba(117,124,171,.35);
}
.btn-violet:hover{ filter:brightness(1.06); transform: translateY(-1px); }
.btn-ghost{
color:var(--violet);
background: transparent;
border:1px solid color-mix(in oklab, var(--violet) 40%, #ffffff 60%);
}
.btn-ghost:hover{ background: color-mix(in oklab, var(--peach) 35%, #fff 65%); }
/* =============== DECOR =============== */
.wave{
width:100%; height:10px; margin:6px 0 0;
background:
linear-gradient(90deg,
var(--rose) 0% 25%,
var(--peach) 25% 50%,
var(--cloud) 50% 75%,
var(--violet) 75% 100%);
-webkit-mask: radial-gradient(12px 6px at 12px 6px, #000 99%, transparent) repeat-x left top / 24px 12px;
mask: radial-gradient(12px 6px at 12px 6px, #000 99%, transparent) repeat-x left top / 24px 12px;
opacity:.55;
border-radius:10px;
}
/* =============== RESPONSIVE =============== */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">壽春</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/unnamed_-_2025-09-25T224437.909.png" alt="Hero">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองโช่วชุน</font></h2>
<div class="phx-tag"><font size="3">[ ป้อมปราการ มรดกแห่งแคว้นฉู่ ]</font></div>
<div class="phx-body">
<p><font size="3">เป็นเมืองที่มีรากฐานสำคัญและเคยเป็นเมืองหลวงของแคว้นฉู่ (Chu) มาก่อน ทำให้เป็นเมืองที่สร้างอย่างมั่นคงและมีความสำคัญทางการเมืองในระดับภูมิภาค ตั้งอยู่ในพื้นที่ราบลุ่มที่อุดมสมบูรณ์มีความชื้นสูง จุดเด่นที่สุดคือตั้งอยู่ใกล้กับ แม่น้ำหวยเหอ (Huai River) ซึ่งเป็นแม่น้ำสายหลักที่อยู่ระหว่างแม่น้ำเหลือง (ทางเหนือ) และแม่น้ำแยงซีเกียง (ทางใต้) </font></p><p><font size="3">เป็นเมืองที่มีกำแพงเมืองขนาดใหญ่และมีความแข็งแกร่งทางยุทธศาสตร์ เนื่องจากเป็นเมืองหน้าด่านทางเหนือของภูมิภาคหยางโจวและเป็นฐานที่มั่นเก่าแก่ของราชวงศ์ฉู่ และเป็นฐานทัพสำคัญในการควบคุมพื้นที่หวยหนาน (Huainan)</font></p>
<div class="wave" aria-hidden="true"></div>
</div>
</section>
</div>
</div>
</div>
<style>
body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){ font-family:'Kanit',system-ui,-apple-system,sans-serif !important; }
.phx-frame :where(.phx-title, .phx-card h2){ font-family:'Pacifico',cursive !important; }
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

หมวดหมู่ที่ตั้งสถานที่: กวนจง

ชื่อสถานที่: [เมืองเฉินหลิว]

<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/11b468600c4fe15ac348112ce4bf110c5e5f915ea9c4-0qoAEk_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =============== FOUNDATION =============== */
:root{
/* Palette (จากภาพ) */
--blush: #EABBAF; /* ชมพูอมพีช */
--peach: #FADDD2; /* พีชอ่อน */
--cloud: #EDE6DB; /* เบจ/ไอวอรี่ */
--cacao: #5C5249; /* น้ำตาลเข้ม */
--ink: #463F39; /* ข้อความหลัก (เข้มกว่า cacao เล็กน้อย) */
--ink-2: #70665E; /* ข้อความรอง */
--radius: 22px;
--maxw: 980px;
}
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* =============== POST WRAPPER =============== */
.post-bg{ padding:30px; background: transparent; }
#box01{
position:relative;
margin:0 auto; max-width:var(--maxw);
padding:42px 48px; border-radius: calc(var(--radius) + 2px);
background:
radial-gradient(120% 80% at 50% -10%, rgba(234,187,175,.28), transparent 60%),
linear-gradient(180deg, rgba(250,221,210,.92) 0%, rgba(237,230,219,.96) 100%);
border:1px solid color-mix(in oklab, var(--cacao) 30%, #ffffff 70%);
box-shadow:
0 24px 50px rgba(92,82,73,.20),
0 0 0 1px rgba(255,255,255,.35) inset;
overflow:hidden;
}
#box01::before{
content:"";
position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(80% 60% at 10% 0%, rgba(234,187,175,.24), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(92,82,73,.12), transparent 60%);
}
/* ชั้นใน */
.phx-frame{
margin:12px auto 0; max-width:860px;
padding:18px 16px 8px; border-radius: calc(var(--radius) + 1px);
background: linear-gradient(180deg, #fff 0%, var(--cloud) 100%);
border:1px solid color-mix(in oklab, var(--cacao) 25%, #ffffff 75%);
box-shadow:
0 18px 36px rgba(92,82,73,.16),
inset 0 1px 0 rgba(255,255,255,.8);
}
/* =============== TYPOGRAPHY =============== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; text-align:center; margin:10px 0 6px;
background: linear-gradient(90deg, var(--blush), var(--cacao));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 26px rgba(92,82,73,.22);
letter-spacing:.5px;
}
.phx-sub{
text-align:center; color:var(--ink-2); font-size:14.5px; margin:0 0 18px;
}
/* =============== MEDIA (Hero) =============== */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
background:#fff;
border:1px solid color-mix(in oklab, var(--cacao) 22%, #ffffff 78%);
box-shadow: 0 14px 30px rgba(92,82,73,.20);
}
.phx-hero img{
display:block; width:100%; height:auto;
transition: transform .5s ease, filter .5s ease;
filter: saturate(1.02) contrast(1.02);
}
.phx-hero img:hover{ transform:scale(1.03); }
/* =============== CARD =============== */
.phx-card{
width:82%; max-width:680px; margin:12px auto 24px; text-align:center;
border-radius: var(--radius);
background:
radial-gradient(120% 85% at 50% -20%, rgba(234,187,175,.18), transparent 60%),
linear-gradient(180deg, #fff 0%, var(--cloud) 100%);
border:1px solid color-mix(in oklab, var(--cacao) 26%, #ffffff 74%);
box-shadow:
0 16px 32px rgba(92,82,73,.18),
0 0 0 1px rgba(255,255,255,.5) inset;
padding:22px 24px; color:var(--ink);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, var(--cacao), var(--blush));
-webkit-background-clip:text; background-clip:text; color:transparent;
}
.phx-tag{ color:var(--ink-2); font-weight:700; margin:4px 0 12px; letter-spacing:.02em; }
.phx-body{ color:var(--ink); line-height:1.95; font-size:15.5px; letter-spacing:.1px; }
.phx-body p{ margin:10px 0; }
/* =============== BUTTONS =============== */
.btn{ display:inline-block; padding:.65rem 1.1rem; border-radius:12px; text-decoration:none; font-weight:700; transition:.2s ease; }
.btn-rose{
color:#4A2F2A;
background: linear-gradient(180deg, color-mix(in oklab, var(--blush) 88%, #fff 12%), var(--blush));
border:1px solid color-mix(in oklab, var(--blush) 55%, #000 45%);
box-shadow: 0 10px 18px rgba(234,187,175,.30);
}
.btn-rose:hover{ filter:brightness(1.05); transform: translateY(-1px); }
.btn-violet{
/* เปลี่ยนให้เป็นโทน cacao เข้ม (คงคลาสเดิมเพื่อความเข้ากัน) */
color:#fff;
background: linear-gradient(180deg, color-mix(in oklab, var(--cacao) 92%, #000 8%), var(--cacao));
border:1px solid color-mix(in oklab, var(--cacao) 65%, #000 35%);
box-shadow: 0 10px 18px rgba(92,82,73,.28);
}
.btn-violet:hover{ filter:brightness(1.06); transform: translateY(-1px); }
.btn-ghost{
color:var(--cacao);
background: transparent;
border:1px solid color-mix(in oklab, var(--cacao) 40%, #ffffff 60%);
}
.btn-ghost:hover{ background: color-mix(in oklab, var(--peach) 40%, #fff 60%); }
/* =============== DECOR =============== */
.wave{
width:100%; height:10px; margin:6px 0 0;
background:
linear-gradient(90deg,
var(--blush) 0% 25%,
var(--peach) 25% 50%,
var(--cloud) 50% 75%,
var(--cacao) 75% 100%);
-webkit-mask: radial-gradient(12px 6px at 12px 6px, #000 99%, transparent) repeat-x left top / 24px 12px;
mask: radial-gradient(12px 6px at 12px 6px, #000 99%, transparent) repeat-x left top / 24px 12px;
opacity:.55;
border-radius:10px;
}
/* =============== RESPONSIVE =============== */
@media (max-width: 600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">陳留</font></h1>
<div class="phx-sub"><font size="3">(เมืองเฉินหลิว - มณฑลเอียนโจว)</font></div>
<figure class="phx-hero">
<img src="https://img2.pic.in.th/pic/unnamed_99.png" alt="Hero">
</figure>
<section class="phx-card">
<h2><font size="6">เมืองเฉินหลิว</font></h2>
<div class="phx-tag"><font size="3">[ นครแห่งการค้าใจกลางจงหยวน ]</font></div>
<div class="phx-body">
<p><font size="3">เมืองเฉินหลิวตั้งอยู่ในพื้นที่ที่ราบลุ่มแม่น้ำเหลือง (Yellow River) ทำให้พื้นที่โดยรอบอุดมสมบูรณ์มาก เฉินหลิวเป็นเมืองที่เก่าแก่และเป็นศูนย์กลางการค้าที่สำคัญที่สุดแห่งหนึ่งของจีนในยุคฮั่น ภูมิประเทศเป็นที่ราบเปิดโล่ง ทำให้เป็นเมืองที่เสี่ยงต่อสงคราม แต่ก็เหมาะแก่การคมนาคม ในสมัยฮั่นอู่ตี้ มีบทบาทเป็น ศูนย์กลางเศรษฐกิจ ที่ทำหน้าที่รวบรวมและกระจายสินค้าจากภาคเหนือไปยังภาคใต้ และจากภาคตะวันตกไปยังภาคตะวันออก</font></p>
<div class="wave" aria-hidden="true"></div>
</div>
</section>
</div>
</div>
</div>
<style>
body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){ font-family:'Kanit',system-ui,-apple-system,sans-serif !important; }
.phx-frame :where(.phx-title, .phx-card h2){ font-family:'Pacifico',cursive !important; }
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

คัดลอกไปที่คลิปบอร์ด

LinYa · โพสต์ 2025-9-27 15:13:46

หมวดหมู่ที่ตั้งสถานที่: เจียงหนาน

ชื่อสถานที่: [เมืองอู๋] ไร่ชาระเบียงหมอกขาว

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">白雾茶梯田</font></h1>
<div class="phx-sub"><font size="3">(เมืองอู๋ - มณฑลหยางโจว)</font></div>

<figure class="phx-hero">

<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_lhrolvlhrolvlhro.png" alt="Matcha Latte">
</figure>

<section class="phx-card">
<h2 class="glow-matcha"><font size="6">ไร่ชาระเบียงหมอกขาว</font></h2>
<div class="phx-tag"><font size="3">ระเบียงชาหมอกขาว เมืองอู๋</font></div>
<div class="phx-body">
<p style="text-align: left;"><font size="3">ยามอรุณคลื่นระเบียงชาสีเขียวซ้อนชั้นไต่เนินเขาไปจนสุดสายตา หมอกขาวบางลอยอาบปลายยอดชาให้เป็นประกายสมชื่อ “ไร่ชาระเบียงหมอกขาว” ศาลาไม้ทรงโบราณเรียงตัวรับแสงแรกของวัน คนเก็บชาสวมงอบเดินเป็นจังหวะ เงียบและเป็นระเบียบ ที่แห่งนี้มีคนดูแลมากพอสมควรเพราะมีเจ้าของไร่เป็นแม่ค้าจากฉางอัน </font></p><p style="text-align: left;"><font size="3">ความละเอียดของการดูแลแฝงอยู่ในทุกรายละเอียด ตั้งแต่วิธีบ่มใบอ่อนยามรุ่งสาง จนถึงการอบกลิ่นบนไม้หอมเผาอ่อน ๆ ใบชาถูกคัดด้วยมือ ส่งลงหุบไปยังโรงคั่ว ก่อนถูกส่งต่อถึงร้านในเมือง ว่ากันว่าชาที่นี่มีกลิ่นหมอกยามเช้าเหมือนตามมาทุกหยด ทุกจิบคือคำมั่นว่า ความสงบจากภูเขานี้ จะไหลผ่านถ้วยเล็ก ๆ สู่หัวใจผู้ดื่ม</font></p></div><section class="phx-card">
<div class="phx-tag"><font size="3">ผู้ดูแลไร่ชาระเบียงหมอกขาว</font></div>
<div class="phx-body">
<p style="text-align: center;"><img src="https://img2.pic.in.th/pic/7995e7183bc49926c422e7cb76bfbda9.md.jpg" width="300" _height="400" border="0"><font size="3"></font></p><p style="text-align: center;"><font size="3">กู้ หมิงหลาน (顾茗岚) </font></p><p style="text-align: center;"><font size="3">เธอคือหัวหน้าผู้ดูแลไร่ชา เธอเป็นเด็กกำพร้าที่หลินหยาเลือกจ้างให้มาดูแลไร่ชาของนาง กู้หมิงหลานอ่อนโยนต่อคนเข้มงวดต่อใบชา นางตื่นก่อนแสงเช้า เดินตรวจระดับหมอกความชื้นและอายุใบอ่อนด้วยปลายนิ้ว จัดสรรงานเงียบ ๆ แต่ทุกคนขยับตามเหมือนจังหวะลมกลางหุบ เข้มกับมาตรฐาน ไม่ยอมให้ใบแก่ปนแม้หนึ่งยอด ยิ้มละมุนแต่สายตาคม อ่านอารมณ์คนเก่ง สอนศิษย์ด้วยความอดทน ใช้คำสั้นชัด “คัด–คั่ว–พัก–หอม” ยามต่อรอง สุภาพแต่ไม่ถอย ซื่อสัตย์ต่อหลินหยาและชื่อไร่ยิ่งกว่าเกียรติส่วนตน </font></p><p style="text-align: center;"><font size="3">คติประจำใจ: <i>“ชาแก้วหนึ่ง ต้องสะอาดทั้งภูเขา”</i></font></p><p></p>
</div>
</section>

</section>
</div>
</div>
</div>


<style>
body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }
.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){ font-family:'Kanit',system-ui,-apple-system,sans-serif !important; }
.phx-frame :where(.phx-title, .phx-card h2){ font-family:'Pacifico',cursive !important; }
.phx-frame{ font-size: 100%; line-height: 1.6; }
</style>

RongXiuying · โพสต์ 2025-9-28 16:23:43

แบบฟอร์มสร้างสถานที่

หมวดหมู่ที่ตั้งสถานที่: เหลียงโจว (หรือระเบียงเหอซีก็ไม่รู้)

ชื่อสถานที่: เมืองกู้จาง

<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/-bg-2.jpg"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 0 px;
border: 0 px double #708090 ;
padding: 30 px;
box-shadow: #708090 0px 0px 5 em;
background-image: url("https://img5.pic.in.th/file/secure-sv1/-bg.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #708090 0px 0px 1em;
background-image: url("https://img2.pic.in.th/pic/-bg3.png");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img2.pic.in.th/pic/-171f0883993f05c2d.png" border="0"></p><p><br></p><center>
<div class="jedi0">
<style>
.jedi0 {
border-radius: 0 px;
background: url("https://img5.pic.in.th/file/secure-sv1/-1606aeb7015650ea7.png") no-repeat;
box-shadow: 1px 1px 2px #708090, 0 0 25px #708090, 0 0 5px #708090;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius: 25 px;
height: 539px;
width: 800px;
image-size:cover;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
.tengah {
position: absolute;
}
</style>
</div>
</center>
<font face="Browallia New"><br><br>
</font><div id="boxsystem02">
<p><font size="5" style="" face="Kanit" color="#a0522d"><br></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font face="Kanit" size="6" color="#33687a"><span style="white-space-collapse: preserve;"><b style="">เมืองกู้จาง</b></span></font></p><p dir="ltr" style="line-height:1.38;text-align: center;margin-top:0pt;margin-bottom:0pt;"><font color="#33687a"><img src="static/image/hrline/li9.png" border="0" alt=""><br></font></p><div style="text-align: left;"><div style="text-align: center;"><div style="text-align: left;"><div style="text-align: center;"><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#33687a"><span style="text-align: center;"><font face="Kanit" size="4">เมืองกู้จาง</font></span><font size="4" face="Kanit">เป็นศูนย์กลางของแคว้นตะวันตก </font><span style="text-align: center;"><font face="Kanit" size="4">ตั้งอยู่ในบริเวณโอเอซิสท่ามกลางภูมิประเทศแห้งแล้ง โดยรอบเป็นที่ราบทะเลทรายและภูเขาหินแห้งกร้าน แต่มีแหล่งน้ำบางจุดที่เพียงพอต่อการตั้งถิ่นฐานและทำเกษตรกรรมพื้นฐานได้ ความอุดมสมบูรณ์ในระดับจำกัดนี้ทำให้เมืองกลายเป็นจุดพักสำคัญของกองคาราวานพ่อค้าและกองทัพที่เดินทางข้ามภูมิภาคตะวันตก</font></span></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="text-align: center;"><font face="Kanit" size="4" color="#33687a"><br></font></span></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#33687a"><span style="text-align: center;"><font face="Kanit" size="4">กู้จางมีโครงสร้างแบบเมืองป้อม มีการสร้างกำแพงเมืองขนาดใหญ่ล้อมรอบ ถนนในเมืองเรียงตัวตามแนวทางการวางผังเมืองของทางการ นั่นคือต้องเป็นระเบียบ มีพื้นที่ราชการ ที่พักอาศัย และเขตทหารอย่างเป็นระบบ </font></span><span style="text-align: center;"><font face="Kanit" size="4" style="">ในฤดูแล้งอากาศจะร้อนจัด ลมแรง ฝุ่นฟุ้งทั่วทั้งบริเวณ ขณะที่ฤดูหนาวนั้นหนาวเหน็บจนน้ำค้างในรางไม้ แม้จะเป็นดินแดนกันดาร แต่กู้จางยังมีผลผลิตบางชนิดจากพื้นที่ใกล้เคียง เช่น ข้าวฟ่าง งา เกลือ และขนสัตว์ ที่สามารถเก็บรวบรวมและส่งต่อได้ ที่นี่จึงกลายเป็นศูนย์กลางแลกเปลี่ยนสินค้าของผู้คนจากหลายแดน ซึ่งนำของแปลกตา เช่น เครื่องหอม, โลหะจากทางตะวันตก, และม้าพันธุ์ดี เข้ามาแลกกับสิ่งของจากในเมืองชั้นใน</font></span></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="text-align: center;"><font face="Kanit" size="4"><br></font></span></p></div></div></div></div><p><img src="https://img5.pic.in.th/file/secure-sv1/a044cd0e4d927bce114993c1128e6e6d.png" border="0"></p><p><br></p><p><br></p>
</div><font face="Kanit"><font size="3"><font color="black">
<br><br><br><br>
</font></font></font><p></p></div><font face="Kanit"><font size="3"><font color="black"><b>
<br><br>
</b></font></font></font></div>

คัดลอกไปที่คลิปบอร์ด

LuBairan · โพสต์ 2025-9-28 20:43:43

โพสต์นี้มีการป้องกันรหัสผ่านไว้ กรุณากรอกรหัสผ่าน

บัญชี		จำการเข้าสู่ระบบไว้	ลืมรหัสผ่าน
รหัสผ่าน			ลงทะเบียน

ห้องเสนอสร้างสถานที่

แสดงความคิดเห็น

คะแนน

แสดงความคิดเห็น

คะแนน

แสดงความคิดเห็น

คะแนน

แสดงความคิดเห็น

คะแนน

แสดงความคิดเห็น

คะแนน

แสดงความคิดเห็น

แสดงความคิดเห็น

แสดงความคิดเห็น

คะแนน

แสดงความคิดเห็น

คะแนน

ตราผู้สนับสนุน