เว็บบอร์ด › Rule › ห้องเสนอสร้างสถานที่

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="">เมืองตี้เต้า เป็นหนึ่งในเมืองของเขตการปกครองหลงซี ซึ่งตั้งอยู่ในพื้นที่ยุทธศาสตร์ทางตะวันตกของจักรวรรดิ มีบทบาทสำคัญทั้งด้านการปกครองและการทหาร เมืองนี้ตั้งอยู่ในหุบเขาและที่ราบสูงกึ่งแห้งแล้ง ล้อมรอบด้วยภูเขาสูงและเนินดิน ซึ่งเป็นลักษณะภูมิประเทศที่ท้าทาย&nbsp;</font><span style="font-family: Kanit; font-size: large;">อยู่ในแนวกันชนชายแดน จึงเป็นจุดยุทธศาสตร์ในการรับมือกับชนเผ่าเร่ร่อน&nbsp;</span><span style="font-family: Kanit; font-size: large;">เหมาะแก่การตั้งป้อมปราการและชุมชนแนวชายแดน อีกทั้งยังตั้งอยู่ใกล้กับแม่น้ำเถา ซึ่งเป็นแหล่งน้ำหลักของพื้นที่ ช่วยสนับสนุนการเกษตรและการดำรงชีวิตของประชากรในบริเวณนั้น&nbsp;</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">เมืองจี้ ตั้งอยู่ในเขตปกครองของเทียนสุ่ย ซึ่งเป็นหนึ่งในเขตการปกครองหลักของภูมิภาคทางตะวันตกของจักรวรรดิ&nbsp;</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;">เมืองจี้มีความสำคัญในเชิงยุทธศาสตร์ เนื่องจากตั้งอยู่ใกล้แนวพรมแดนตะวันตกของจักรวรรดิ และใกล้เส้นทางการค้าไปยังดินแดนทางตะวันตก เช่น เส้นทางสายไหม&nbsp; ซึ่งผ่านแถบระเบียงเหอซี ด้วยเหตุนี้เมืองจี้จึงมีบทบาททั้งในด้านการทหาร การปกครอง และบางส่วนในด้านการขนส่งของการค้า โดยเฉพาะในฐานะเมืองศูนย์กลางของเขต&nbsp;</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&amp;family=Kanit:wght@400;600;800&amp;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">ลั่วหยางคือเมืองสำคัญที่มีความรุ่งเรืองในฐานะศูนย์กลางทางประวัติศาสตร์และวัฒนธรรมลักษณะเมืองเป็นไปตามผังเมืองแบบฮั่นคือมีกำแพงเมืองล้อมรอบและแบ่งเมืองออกเป็นส่วนต่างๆ อย่างชัดเจน มีกำแพงดินขนาดใหญ่ล้อมรอบ และมีการวางผังเมืองเป็นรูปทรงสี่เหลี่ยมจัตุรัส มีถนนสายหลักตัดกันเป็นตาราง&nbsp;</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&amp;family=Kanit:wght@400;600;800&amp;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&amp;family=Kanit:wght@400;600;800&amp;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&amp;family=Kanit:wght@400;600;800&amp;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><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">แพทย์ผู้โด่งดังจากเจียงโจว ผู้ย้ายถิ่นฐานมายังเมืองหลวงหลังจากสูญเสียภรรยา และตั้งรกรากอยู่ในบ้านเกิดของนางที่ล่วงลับไปแล้ว แม้เขาจะเป็นแพทย์มากฝีมือ มีฝีมือการรักษาที่หาตัวจับได้ยาก&nbsp;แต่ก็ไม่อาจช่วยชีวิตคนรักได้ทัน ความสูญเสียครั้งนั้นกลายเป็นรอยแผลลึกในใจ</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">เจิ้งเซียวเฉินเสียชีวิตอย่างกะทันหันด้วยโรคปริศนา&nbsp;</font>ก่อนเสียชีวิตเขาได้ฝากฝังคำสั่งเสียไว้อย่างชัดเจน ขอให้ลูกศิษย์สืบสานเจตนารมณ์ของเขาให้รักษาผู้คนด้วยหัวใจของ “หมอ” ไม่ใช่เพียงหน้าที่ และไม่ว่าใครจะยากดีมีจน ก็สมควรได้รับการเยียวยาอย่างเสมอภาค</font></div></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;"><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></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&amp;family=Kanit:wght@400;600;800&amp;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&amp;family=Kanit:wght@400;600;800&amp;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) ภูมิประเทศมีความหลากหลาย ทั้งพื้นที่ราบที่เหมาะแก่การเกษตร และพื้นที่เนินเขาทางใต้ เมืองนี้มีความสำคัญในฐานะ จุดเชื่อมต่อทางการคมนาคม ทั้งทางบกและทางน้ำ&nbsp;</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&amp;family=Kanit:wght@400;600;800&amp;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) ภูมิประเทศมีความชื้นสูงและมีเครือข่ายแม่น้ำลำคลองหนาแน่นมาก ทำให้เป็นพื้นที่ที่อุดมสมบูรณ์ กว่างหลิงเป็นเมืองที่สำคัญในเชิงยุทธศาสตร์ทางการค้าและน้ำ ในยุคฮั่น เนื่องจากเป็นจุดที่เชื่อมต่อเส้นทางน้ำทางใต้กับเส้นทางบกทางเหนือ&nbsp;</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>
หมวดหมู่ที่ตั้งสถานที่: เจียงหนานชื่อสถานที่: [เมืองโช่วชุน]<!-- THEME: Pink-Lavender (FFBCBD / FFDED7 / F6F6F6 / 757CAB) -->
<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&amp;family=Kanit:wght@400;600;800&amp;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) ซึ่งเป็นแม่น้ำสายหลักที่อยู่ระหว่างแม่น้ำเหลือง (ทางเหนือ) และแม่น้ำแยงซีเกียง (ทางใต้)&nbsp;</font></p><p><font size="3">เป็นเมืองที่มีกำแพงเมืองขนาดใหญ่และมีความแข็งแกร่งทางยุทธศาสตร์ เนื่องจากเป็นเมืองหน้าด่านทางเหนือของภูมิภาคหยางโจวและเป็นฐานที่มั่นเก่าแก่ของราชวงศ์ฉู่ และเป็นฐานทัพสำคัญในการควบคุมพื้นที่หวยหนาน (Huainan)</font></p>
          <div class="wave" aria-hidden="true"></div>
      </div>
      </section>
    </div>
</div>
</div>

<!-- Scoping ฟอนต์: ให้ใช้ Kanit เฉพาะในกรอบโพสต์ -->
<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>

หมวดหมู่ที่ตั้งสถานที่: กวนจงชื่อสถานที่: [เมืองเฉินหลิว]<!-- THEME: Pink-Cocoa (EABBAF / FADDD2 / EDE6DB / 5C5249) -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&amp;family=Kanit:wght@400;600;800&amp;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

<p></p><div><br></div><div style="text-align: center;"><div align="center" style="outline-style: none; font-family: Hei, Tahoma, SimHei, &quot;sans-serif&quot;, &quot;Microsoft YaHei&quot;, SimHei, Tahoma, Hei, sans-serif, MicrosoftYaHeiLight, &quot;Microsoft YaHei Light&quot;, &quot;Microsoft YaHei&quot;;"><font face="Hei, Tahoma, SimHei, &amp;quot;"><font face="TH SarabunPSK"><font size="5">หมวดหมู่ที่ตั้งสถานที่: เจียงหนาน</font></font></font></div><div align="center" style="outline-style: none; font-family: Hei, Tahoma, SimHei, &quot;sans-serif&quot;, &quot;Microsoft YaHei&quot;, SimHei, Tahoma, Hei, sans-serif, MicrosoftYaHeiLight, &quot;Microsoft YaHei Light&quot;, &quot;Microsoft YaHei&quot;;"><font face="Hei, Tahoma, SimHei, &amp;quot;"><font face="TH SarabunPSK"><font size="5">ชื่อสถานที่:&nbsp;</font></font><font face="TH SarabunPSK"><font size="5">[เมืองอู๋] ไร่ชาระเบียงหมอกขาว</font></font></font></div></div><div><br></div><div><div class="blockcode"><blockquote>&lt;!-- ฟอนต์ --&gt;<br>&lt;link href="https://fonts.googleapis.com/css2?family=Pacifico&amp;amp;family=Kanit:wght@400;600;800&amp;amp;display=swap" rel="stylesheet"&gt;<br><br>&lt;style&gt;<br>/* =================== MATCHA LATTE PALETTE =================== */<br>:root{<br>/* โทนจากภาพ */<br>--matcha:#ABBF9B;   /* เขียวมัทฉะ */<br>--milk:#E6E2D7;   /* นม */<br>--cream:#E4CDB0;    /* ครีม */<br>--caramel:#A2663C;/* คาราเมล */<br>--coffee:#3F1D0E;   /* กาแฟเข้ม */<br><br>/* ใช้งาน */<br>--ink:#2C1F17;               /* ตัวอักษรหลัก (กาแฟนุ่มลง) */<br>--ink-soft:#5B4436;            /* ตัวอักษรรอง */<br>--paper:#FAF9F6;               /* กระดาษโทนอุ่น */<br>--line:rgba(63,29,14,.16);   /* เส้นขอบบาง โทนกาแฟจาง */<br>--radius:22px;<br>--maxw:800px;<br>--shadow:0 14px 28px rgba(63,29,14,.14);<br>}<br><br>/* รีเซ็ตและวอลเปเปอร์โทน “มัทฉะลาเต้” */<br>html,body{ height:100% }<br>body{<br>margin:0; color:var(--ink);<br>font-family:'Kanit',system-ui,-apple-system,sans-serif;<br>background:transparent !important;<br>}<br>/* ด้านบนอุ่นครีม–นม ค่อยไล่สู่มัทฉะ */<br>html::before{<br>content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;<br>background:<br>    linear-gradient(180deg,<br>      #F6F2E9 0%,         /* milk สว่าง */<br>      var(--cream) 28%,<br>      #D9E6CB 58%,      /* matcha อ่อน */<br>      var(--matcha) 78%,<br>      #F3EFE6 100%);      /* เบลนด์กลับสู่นม */<br>}<br>/* ฟิล์มไลท์จาง ๆ */<br>html::after{<br>content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;<br>background:<br>    radial-gradient(900px 160px at 50% 12%, rgba(255,255,255,.35), transparent 60%),<br>    radial-gradient(700px 140px at 50% 80%, rgba(255,255,255,.25), transparent 70%);<br>}<br><br>/* =================== SECTION =================== */<br>.post-bg{<br>padding:30px;<br>background:<br>    radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),<br>    radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);<br>}<br><br>/* กล่องหลัก */<br>#box01{<br>position:relative; max-width:980px; margin:0 auto; overflow:hidden;<br>border-radius:var(--radius);<br>padding:42px 48px;<br>background:<br>    linear-gradient(180deg, rgba(230,226,215,.92), rgba(171,191,155,.88)); /* milk→matcha */<br>border:1px solid var(--line);                     /* ขอบบาง/จาง */<br>box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);<br>}<br>/* ไฮไลต์นุ่ม */<br>#box01::before{<br>content:""; position:absolute; inset:0; pointer-events:none;<br>background:<br>    radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),<br>    radial-gradient(60% 45% at 100% 0%, rgba(171,191,155,.22), transparent 60%);<br>}<br><br>/* เฟรมด้านใน */<br>.phx-frame{<br>max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;<br>background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));<br>border-radius:calc(var(--radius) + 2px);<br>border:1px solid var(--line);<br>box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);<br>}<br><br>/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” ลาเต้ ====== */<br>.phx-title{<br>font-family:'Pacifico',cursive;<br>font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;<br>color:#25170F;<br>text-shadow:<br>    0 1px 0 rgba(255,255,255,.92),      /* ไฮไลต์คม */<br>    0 0 16px rgba(230,226,215,.95),       /* milk glow */<br>    0 0 28px rgba(228,205,176,.60),       /* cream glow */<br>    0 0 34px rgba(171,191,155,.45);       /* matcha glow */<br>letter-spacing:.5px;<br>}<br>.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }<br><br>/* ฮีโร่ */<br>.phx-hero{<br>width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;<br>border:1px solid rgba(63,29,14,.12);<br>box-shadow:0 10px 24px rgba(63,29,14,.12), inset 0 0 0 1px rgba(255,255,255,.62);<br>}<br>.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }<br>.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.04) contrast(1.02) }<br><br>/* การ์ดเนื้อหา (milk→matcha) */<br>.phx-card{<br>width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;<br>border-radius:var(--radius); border:none;<br>background:linear-gradient(180deg, #F3F0E7 0%, #EBE4D5 32%, #D9E5CA 68%, #C9DAB9 100%);<br>box-shadow:var(--shadow), 0 0 0 1px rgba(171,191,155,.16), inset 0 1px 0 rgba(255,255,255,.6);<br>}<br>.phx-card h2{<br>font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;<br>color:#2B1C12;<br>text-shadow:<br>    0 1px 0 rgba(255,255,255,.92),<br>    0 0 12px rgba(230,226,215,.9),<br>    0 0 22px rgba(171,191,155,.55);<br>}<br>.phx-tag{<br>display:inline-block; padding:.28rem .65rem; border-radius:999px;<br>color:#4E392C; font-weight:700; letter-spacing:.02em;<br>background:linear-gradient(90deg, var(--matcha), var(--cream));<br>box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(63,29,14,.10);<br>}<br>.phx-body{ color:#3A2A20; line-height:1.95; font-size:15.5px; letter-spacing:.1px }<br>.phx-body p{ margin:10px 0 }<br><br>/* ปุ่ม: Caramel → Cream (อ่านชัดบนพื้นอุ่น) */<br>.btn{<br>display:inline-block; text-decoration:none; border:none; cursor:pointer;<br>padding:.65rem 1.1rem; border-radius:12px; color:#2A1B12;<br>background:linear-gradient(180deg, var(--caramel), var(--cream));<br>box-shadow:0 8px 18px rgba(63,29,14,.16), 0 0 0 1px rgba(63,29,14,.12);<br>}<br>.btn:hover{ filter:brightness(1.05) }<br><br>/* ฟุ๊งสำเร็จรูป: โทนมัทฉะ / โทนคาราเมล */<br>.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) }<br>.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) }<br><br>/* Responsive */<br>@media (max-width:600px){<br>.phx-title{ font-size:40px }<br>.phx-card h2{ font-size:30px }<br>.phx-hero, .phx-card{ width:92% }<br>}<br>&lt;/style&gt;<br><br>&lt;div class="post-bg"&gt;<br>&lt;div id="box01"&gt;<br>    &lt;div class="phx-frame"&gt;<br>      &lt;h1 class="phx-title"&gt;&lt;font size="7"&gt;白雾茶梯田&lt;/font&gt;&lt;/h1&gt;<br>      &lt;div class="phx-sub"&gt;&lt;font size="3"&gt;(เมืองอู๋ - มณฑลหยางโจว)&lt;/font&gt;&lt;/div&gt;<br><br>      &lt;figure class="phx-hero"&gt;<br>      &lt;!-- เปลี่ยนรูปได้ตามต้องการ --&gt;<br>      &lt;img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_lhrolvlhrolvlhro.png" alt="Matcha Latte"&gt;<br>      &lt;/figure&gt;<br><br>      &lt;section class="phx-card"&gt;<br>      &lt;h2 class="glow-matcha"&gt;&lt;font size="6"&gt;ไร่ชาระเบียงหมอกขาว&lt;/font&gt;&lt;/h2&gt;<br>      &lt;div class="phx-tag"&gt;&lt;font size="3"&gt;ระเบียงชาหมอกขาว เมืองอู๋&lt;/font&gt;&lt;/div&gt;<br>      &lt;div class="phx-body"&gt;<br>          &lt;p style="text-align: left;"&gt;&lt;font size="3"&gt;ยามอรุณคลื่นระเบียงชาสีเขียวซ้อนชั้นไต่เนินเขาไปจนสุดสายตา หมอกขาวบางลอยอาบปลายยอดชาให้เป็นประกายสมชื่อ “ไร่ชาระเบียงหมอกขาว” ศาลาไม้ทรงโบราณเรียงตัวรับแสงแรกของวัน คนเก็บชาสวมงอบเดินเป็นจังหวะ เงียบและเป็นระเบียบ ที่แห่งนี้มีคนดูแลมากพอสมควรเพราะมีเจ้าของไร่เป็นแม่ค้าจากฉางอัน&amp;nbsp;&lt;/font&gt;&lt;/p&gt;&lt;p style="text-align: left;"&gt;&lt;font size="3"&gt;ความละเอียดของการดูแลแฝงอยู่ในทุกรายละเอียด ตั้งแต่วิธีบ่มใบอ่อนยามรุ่งสาง จนถึงการอบกลิ่นบนไม้หอมเผาอ่อน ๆ ใบชาถูกคัดด้วยมือ ส่งลงหุบไปยังโรงคั่ว ก่อนถูกส่งต่อถึงร้านในเมือง ว่ากันว่าชาที่นี่มีกลิ่นหมอกยามเช้าเหมือนตามมาทุกหยด ทุกจิบคือคำมั่นว่า ความสงบจากภูเขานี้ จะไหลผ่านถ้วยเล็ก ๆ สู่หัวใจผู้ดื่ม&lt;/font&gt;&lt;/p&gt;&lt;/div&gt;&lt;section class="phx-card"&gt;<br>      &lt;div class="phx-tag"&gt;&lt;font size="3"&gt;ผู้ดูแลไร่ชาระเบียงหมอกขาว&lt;/font&gt;&lt;/div&gt;<br>      &lt;div class="phx-body"&gt;<br>          &lt;p style="text-align: center;"&gt;&lt;img src="https://img2.pic.in.th/pic/7995e7183bc49926c422e7cb76bfbda9.md.jpg" width="300" _height="400" border="0"&gt;&lt;font size="3"&gt;&lt;/font&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;font size="3"&gt;กู้ หมิงหลาน (顾 茗岚)&amp;nbsp;&lt;/font&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;font size="3"&gt;เธอคือหัวหน้าผู้ดูแลไร่ชา เธอเป็นเด็กกำพร้าที่หลินหยาเลือกจ้างให้มาดูแลไร่ชาของนาง กู้หมิงหลานอ่อนโยนต่อคนเข้มงวดต่อใบชา นางตื่นก่อนแสงเช้า เดินตรวจระดับหมอกความชื้นและอายุใบอ่อนด้วยปลายนิ้ว&amp;nbsp;จัดสรรงานเงียบ ๆ แต่ทุกคนขยับตามเหมือนจังหวะลมกลางหุบ เข้มกับมาตรฐาน ไม่ยอมให้ใบแก่ปนแม้หนึ่งยอด ยิ้มละมุนแต่สายตาคม อ่านอารมณ์คนเก่ง สอนศิษย์ด้วยความอดทน ใช้คำสั้นชัด “คัด–คั่ว–พัก–หอม” ยามต่อรอง สุภาพแต่ไม่ถอย ซื่อสัตย์ต่อหลินหยาและชื่อไร่ยิ่งกว่าเกียรติส่วนตน&amp;nbsp;&lt;/font&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;font size="3"&gt;คติประจำใจ: &lt;i&gt;“ชาแก้วหนึ่ง ต้องสะอาดทั้งภูเขา”&lt;/i&gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;<br>      &lt;/div&gt;<br>      &lt;/section&gt;<br><br>      &lt;/section&gt;<br>    &lt;/div&gt;<br>&lt;/div&gt;<br>&lt;/div&gt;<br><br><br>&lt;!-- คุมฟอนต์เฉพาะในกรอบโพสต์ --&gt;<br>&lt;style&gt;<br>body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif !important; }<br>.phx-frame :where(p, li, span, div, .phx-body, .phx-tag){ font-family:'Kanit',system-ui,-apple-system,sans-serif !important; }<br>.phx-frame :where(.phx-title, .phx-card h2){ font-family:'Pacifico',cursive !important; }<br>.phx-frame{ font-size: 100%; line-height: 1.6; }<br>&lt;/style&gt;<br></blockquote></div><br></div>

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">เป็นศูนย์กลางของแคว้นตะวันตก&nbsp;</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">กู้จางมีโครงสร้างแบบเมืองป้อม มีการสร้างกำแพงเมืองขนาดใหญ่ล้อมรอบ ถนนในเมืองเรียงตัวตามแนวทางการวางผังเมืองของทางการ นั่นคือต้องเป็นระเบียบ มีพื้นที่ราชการ ที่พักอาศัย และเขตทหารอย่างเป็นระบบ&nbsp;</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

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