แบบฟอร์มสร้างสถานที่หมวดหมู่ที่ตั้งสถานที่: จิงโจว
ชื่อสถานที่: เมืองซินเย่
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/-30c0e069ab73ae2a2.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/6d0dea1e3f92aec8794ddbb4993f18a2.jpg");}
</style>
<style>
#boxsystem02 {
width: 600px;
border-radius: 20px;
padding: 3px;
box-shadow: #708090 0px 0px 1em;
background-image: url("https://img5.pic.in.th/file/secure-sv1/-38d26cc30f36a826f.png");}
</style>
<div id="boxsystem01">
<p><br></p><p><br><br></p><p><img src="https://img5.pic.in.th/file/secure-sv1/-170dde127b633429b.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/26c3c6702d4bd889688f1e6b559c9a91.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="#225e44"><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="#225e44"><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="#225e44"><br><img src="static/image/hrline/li10.png" border="0" alt=""><br><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="#225e44" face="Kanit" size="4">เมืองซินเย่ตั้งอยู่ในภูมิภาคจิงโจว ซึ่งเป็นพื้นที่ลุ่มแม่น้ำอุดมสมบูรณ์ ล้อมรอบด้วยแม่น้ำสายหลักและลำธารสาขาที่ช่วยสร้างระบบชลประทานธรรมชาติ เหมาะสำหรับการเพาะปลูกข้าวและพืชไร่อื่น ๆ พร้อมภูเขาเตี้ยและเนินเขาระยะไกลที่ช่วยเป็นแนวป้องกันตามธรรมชาติ สภาพอากาศอบอุ่นชื้นพร้อมฤดูฝนชัดเจนส่งเสริมการเกษตรอย่างยั่งยืน</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4">เศรษฐกิจของซินเย่จึงพัฒนาขึ้นจากการเกษตรเป็นหลัก โดยมีการผลิตข้าวและพืชไร่เพื่อบริโภคในท้องถิ่นและส่งออกยังพื้นที่อื่น นอกจากนี้ยังเป็นศูนย์กลางของงานหัตถกรรม เช่น การทอผ้าไหมที่มีชื่อเสียง การผลิตเครื่องมือโลหะโดยการหล่อเหล็ก รวมถึงการทำเครื่องปั้นดินเผาและงานไม้ต่าง ๆ ซึ่งสนับสนุนทั้งการใช้งานภายในและการค้าขายกับเมืองใกล้เคียง</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4">การตั้งอยู่บนทำเลที่เชื่อมโยงกับแม่น้ำและเส้นทางบกสำคัญ ทำให้ซินเย่เป็นจุดยุทธศาสตร์ที่มีความสำคัญทั้งทางเศรษฐกิจและการทหาร โดยมีการวางผังเมืองและโครงสร้างพื้นฐานที่ตอบสนองต่อการป้องกันและการพาณิชย์อย่างเป็นระบบ ส่งผลให้เมืองนี้มีความมั่นคงและรุ่งเรือง</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#225e44" face="Kanit" size="4"><br></font></p></div></div></div></div><p><img src="https://img5.pic.in.th/file/secure-sv1/-29b3e72b23145b33b.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>
มี 2 สถานที่หมวดหมู่ที่ตั้งสถานที่: ระเบียงเหอซีชื่อสถานที่: [เมืองรื่อเล่อ]<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/0d61e1eb6a398a9dc9c98b5f2ec16fe83ae1ca1440275-KNJIjV_fw658webp.png") center/cover no-repeat;
opacity:1;
}
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; }
/* =================== 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://img5.pic.in.th/file/secure-sv1/100000853844ca75a029bd517d.png?fbclid=IwY2xjawNKxZlleHRuA2FlbQIxMABicmlkETFQRkF6UXlIVFFyNHYycDlDAR68ETdkVWOJXmLqY7ZR6-4QonEvlxD8rkYTyB6asLIO-s_Hq-kymLV6924Ulw_aem_rlnZrpNxS_9Tj_QFnchm6Q" 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>
หมวดหมู่ที่ตั้งสถานที่: ระเบียงเหอซีชื่อสถานที่: [เมืองตุนหวง]<!-- ฟอนต์ -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Kanit:wght@400;600;800&display=swap" rel="stylesheet">
<style>
/* ปล่อย layout หลักของบอร์ดไว้ แต่ให้หน้าโปร่งเพื่อโชว์วอลเปเปอร์ */
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/11b468600c4fe15ac348112ce4bf110c5e5f915ea9c4-0qoAEk_fw658webp.png") center/cover no-repeat;
opacity:1;
}
/* =================== CORAL SATIN PALETTE =================== */
:root{
/* โทนจากภาพ */
--coral:#E78262; /* คอรัลส้มชมพู */
--rose:#DE9785; /* โรสพีช */
--apricot:#E79F74; /* แอปริคอต */
--blush:#EDBBA6; /* บลัชครีม */
/* ใช้งาน */
--ink:#45261F; /* ตัวอักษรหลัก – น้ำตาลอบอุ่นอ่านชัด */
--ink-soft:#6D4A41; /* ตัวอักษรรอง */
--paper:#FEFAF7; /* กระดาษโทนอุ่นนมชมพู */
--line:rgba(103,58,49,.16); /* เส้นขอบบาง โทนอบเชย */
--radius:22px;
--maxw:800px;
--shadow:0 14px 28px rgba(103,58,49,.14);
}
/* รีเซ็ต + วอลเปเปอร์ซาตินประกายพีช */
html,body{ height:100% }
body{
margin:0; color:var(--ink);
font-family:'Kanit',system-ui,-apple-system,sans-serif;
background:transparent !important;
}
html::before{
/* ไล่สีแบบผืนผ้าไหม: blush → rose → coral/apricot */
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(1200px 260px at 20% -5%, rgba(255,255,255,.35), transparent 60%),
radial-gradient(1000px 220px at 85% 10%, rgba(255,255,255,.28), transparent 65%),
linear-gradient(180deg,
#F8E6DD 0%,
var(--blush) 20%,
var(--rose) 48%,
var(--coral) 72%,
var(--apricot) 100%);
filter:saturate(1.02);
}
html::after{
/* แวววิ้งแบบกลิตเตอร์อ่อน ๆ */
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(800px 150px at 50% 80%, rgba(255,255,255,.22), transparent 70%),
radial-gradient(600px 120px at 10% 60%, rgba(255,255,255,.18), transparent 70%);
}
/* =================== SECTION =================== */
.post-bg{
padding:30px;
background:
radial-gradient(90% 70% at 10% 0%, rgba(255,255,255,.40), transparent 60%),
radial-gradient(70% 50% at 100% 0%, rgba(255,255,255,.26), transparent 60%);
}
/* กล่องหลัก */
#box01{
position:relative; max-width:980px; margin:0 auto; overflow:hidden;
border-radius:var(--radius);
padding:42px 48px;
background:
linear-gradient(180deg, rgba(237,187,166,.92), rgba(231,159,116,.88)); /* blush→apricot */
border:1px solid var(--line); /* ขอบจาง */
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
/* ไฮไลต์นุ่ม */
#box01::before{
content:""; position:absolute; inset:0; pointer-events:none;
background:
radial-gradient(70% 55% at 10% 0%, rgba(255,255,255,.55), transparent 60%),
radial-gradient(60% 45% at 100% 0%, rgba(231,130,98,.20), transparent 60%);
}
/* เฟรมด้านใน */
.phx-frame{
max-width:var(--maxw); margin:16px auto 0; padding:18px 16px 8px;
background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
border-radius:calc(var(--radius) + 2px);
border:1px solid var(--line);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55);
}
/* ====== หัวเรื่อง + “ฟุ๊ง ๆ” โทนคอรัลพีช ====== */
.phx-title{
font-family:'Pacifico',cursive;
font-size:48px; line-height:1; margin:10px 0 6px; text-align:center;
color:#3D2019;
text-shadow:
0 1px 0 rgba(255,255,255,.92), /* ไฮไลต์คม */
0 0 16px rgba(237,187,166,.95),/* blush glow */
0 0 26px rgba(222,151,133,.60),/* rose glow */
0 0 34px rgba(231,130,98,.45); /* coral glow */
letter-spacing:.5px;
}
.phx-sub{ text-align:center; color:var(--ink-soft); font-size:14px; margin:0 0 18px }
/* ฮีโร่ */
.phx-hero{
width:78%; max-width:640px; margin:0 auto 20px; border-radius:14px; overflow:hidden;
border:1px solid rgba(103,58,49,.12);
box-shadow:0 10px 24px rgba(103,58,49,.12), inset 0 0 0 1px rgba(255,255,255,.62);
}
.phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
.phx-hero img:hover{ transform:scale(1.02); filter:saturate(1.05) contrast(1.02) }
/* การ์ดเนื้อหา (นมชมพู→พีช) */
.phx-card{
width:82%; max-width:660px; margin:10px auto 24px; padding:22px 24px; text-align:center;
border-radius:var(--radius); border:none;
background:linear-gradient(180deg, #FEF2EC 0%, #F5D8CB 30%, #F0C4B2 55%, #E9A989 100%);
box-shadow:var(--shadow), 0 0 0 1px rgba(231,130,98,.16), inset 0 1px 0 rgba(255,255,255,.6);
}
.phx-card h2{
font-family:'Pacifico',cursive; font-size:36px; margin:4px 0 10px;
color:#3F231C;
text-shadow:
0 1px 0 rgba(255,255,255,.92),
0 0 12px rgba(237,187,166,.9),
0 0 22px rgba(231,130,98,.50);
}
.phx-tag{
display:inline-block; padding:.28rem .65rem; border-radius:999px;
color:#5B382F; font-weight:700; letter-spacing:.02em;
background:linear-gradient(90deg, var(--coral), var(--blush));
box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(103,58,49,.10);
}
.phx-body{ color:#4A2B23; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
.phx-body p{ margin:10px 0 }
/* ปุ่ม: Coral → Blush */
.btn{
display:inline-block; text-decoration:none; border:none; cursor:pointer;
padding:.65rem 1.1rem; border-radius:12px; color:#3C221B;
background:linear-gradient(180deg, var(--coral), var(--blush));
box-shadow:0 8px 18px rgba(103,58,49,.16), 0 0 0 1px rgba(103,58,49,.12);
}
.btn:hover{ filter:brightness(1.05) }
/* ฟุ๊งสำเร็จรูป: โทนคอรัล / โทนบลัช */
.glow-coral{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(231,130,98,.95),0 0 28px rgba(222,151,133,.55) }
.glow-blush{ text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 14px rgba(237,187,166,.95),0 0 28px rgba(231,159,116,.50) }
/* Responsive */
@media (max-width:600px){
.phx-title{ font-size:40px }
.phx-card h2{ font-size:30px }
.phx-hero, .phx-card{ width:92% }
}
</style>
<div class="post-bg">
<div id="box01">
<div class="phx-frame">
<h1 class="phx-title"><font size="7">敦煌</font></h1>
<div class="phx-sub"><font size="3">(เมืองตุนหวง • ระเบียงหอซี)</font></div>
<figure class="phx-hero">
<!-- เปลี่ยนรูปได้ตามต้องการ -->
<img src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_hcu9v2hcu9v2hcu9-1.png" alt="Coral Glass">
</figure>
<section class="phx-card">
<h2 class="glow-coral"><font size="6">เมืองตุนหวง</font></h2>
<div class="phx-tag"><font size="3">[ ประตูสู่ดินแดนตะวันตก ]</font></div>
<div class="phx-body">
<p><font size="3">เมืองตุนหวง ตั้งอยู่ ณ ปลายสุดด้านตะวันตกของระเบียงเหอซี ซึ่งเป็นเส้นทางแคบ ๆ ที่ทอดตัวยาวระหว่างภูเขาและทะเลทราย เป็นเมืองที่ถูกสร้างเป็น ป้อมปราการในยุคฮั่นเพื่อเป็นฐานทัพและจุดควบคุมการค้าและเพื่อปกป้องเส้นทางสายไหมและด่านสำคัญ</font></p><p><font size="3">ภูมิประเทศเป็นโอเอซิสขนาดใหญ่ที่อยู่กลางแอ่งตุนหวง ซึ่งถูกล้อมรอบด้วยทะเลทรายโกบี และเนินทรายหมิงซาซาน (Mingsha Shan - ภูเขาทรายร้อง) ท่ามกลางสภาพอากาศที่แห้งแล้งและมีอุณหภูมิแปรปรวนสูงมากระหว่างกลางวันกับกลางคืน อาศัยน้ำจากทะเลสาบพระจันทร์เสี้ยว (Crescent Lake - เยวี่ยหยาเฉวียน) และแหล่งน้ำที่ไหลจากเทือกเขาฉีเหลียนซานที่มีหิมะปกคลุมทางใต้</font></p>
</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>