จัตุรัสยูเนียน

God โพสต์ เมื่อวาน 09:11

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

<style>

/* วอลเปเปอร์ “ทั้งหน้า” (ยังใช้งาน) */
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img5.pic.in.th/file/secure-sv1/637821fc4488ff0cec6dc1cd278a9eb1.jpg") center/cover no-repeat;
opacity:1;
}

/* ============ SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ============ */
#soft-pastel{
/* Mocha-Rose Cozy Palette */
--porcelain: #DED5D0; /* ครีมเทาอุ่น */
--rose-dust: #D9BCB8; /* ชมพูฝุ่น */
--mauve: #CA9E93; /* ชมพูน้ำตาล */
--mocha: #8C6653; /* น้ำตาลมอคค่า */
--espresso:#462A1C; /* น้ำตาลเข้ม */

--ink: #3F2F27; /* สีตัวอักษรหลัก */
--soft-shadow: 0 12px 28px rgba(50,30,20,.14), 0 3px 8px rgba(50,30,20,.08);
--radius: 22px;
--maxw: 820px;

color: var(--ink);
font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
position:relative;
}
#soft-pastel *{ box-sizing:border-box }

/* พื้นหลังนวลอุ่นในบล็อกนี้เท่านั้น */
#soft-pastel::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(60% 45% at 12% 0%, var(--porcelain), transparent 55%),
linear-gradient(180deg,
 color-mix(in oklab, var(--rose-dust) 45%, white 55%) 0%,
 color-mix(in oklab, var(--mauve) 45%, white 55%) 55%,
 color-mix(in oklab, var(--porcelain) 65%, white 35%) 100%);
opacity:.95;
}

/* ================= โครงหลัก ================= */
#soft-pastel .post-wrap{
padding:28px;
background: linear-gradient(180deg, var(--porcelain), transparent 70%);
border-radius: 16px;
}

#soft-pastel #box01{
max-width:980px; margin:0 auto;
border-radius: var(--radius);
padding:40px 44px;
/* ขอบกลืน: ไม่มีเส้นแข็ง ใช้เงานุ่ม */
background: linear-gradient(180deg,
 color-mix(in oklab, var(--porcelain) 92%, white 8%) 0%,
 color-mix(in oklab, var(--rose-dust) 28%, var(--mauve) 72%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
position:relative; overflow:hidden;
}

/* ไฮไลต์แสงฟุ้ง */
#soft-pastel #box01::before{
content:""; position:absolute; inset:-6% -8% -20% -8%; pointer-events:none;
background:
radial-gradient(65% 55% at 8% 0%, rgba(255,255,255,.50), transparent 60%),
radial-gradient(55% 45% at 100% 0%, color-mix(in oklab, var(--mauve) 26%, transparent), transparent 60%);
}

/* เฟรมเนื้อหา: inner glow กลืนสีพื้น */
#soft-pastel .phx-frame{
max-width: var(--maxw);
margin:10px auto 0;
padding:18px 16px 8px;
border-radius: calc(var(--radius) + 2px);
background: color-mix(in oklab, var(--porcelain) 88%, white 12%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--rose-dust) 18%, var(--porcelain) 8%),
var(--soft-shadow);
}

/* หัวเรื่อง: ไล่เฉด Mauve -> Mocha */
#soft-pastel .phx-title{
margin:10px 0 6px; text-align:center; line-height:1;
font-family:'Pacifico', cursive; font-size:48px; letter-spacing:.5px;
background: linear-gradient(90deg, var(--mauve), var(--mocha));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(140,102,83,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#6d5c53; font-size:14px; margin:0 0 18px }

/* รูป hero: ขอบกลืนเนียน */
#soft-pastel .phx-hero{
width:78%; max-width:640px; margin:0 auto 20px;
border-radius:16px; overflow:hidden;
box-shadow:
0 0 0 1px color-mix(in oklab, var(--porcelain) 14%, var(--rose-dust) 10%),
var(--soft-shadow);
background: color-mix(in oklab, var(--porcelain) 12%, white 88%);
}
#soft-pastel .phx-hero img{ display:block; width:100%; height:auto; transition:transform .5s ease, filter .5s ease }
#soft-pastel .phx-hero img:hover{ transform:scale(1.03); filter:saturate(1.03) contrast(1.02) }

/* การ์ดเนื้อหา: ไล่เฉด Porcelain -> Mauve (ขอบละมุน) */
#soft-pastel .phx-card{
position:relative;
width:82%; max-width:660px; margin:12px auto 24px;
border-radius: var(--radius); padding:22px 24px; text-align:center;
background: linear-gradient(180deg, var(--porcelain) 0%,
 color-mix(in oklab, var(--mauve) 58%, white 42%) 100%);
box-shadow:
0 12px 26px rgba(50,30,20,.10),
0 2px 6px rgba(50,30,20,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--mauve) 14%, var(--rose-dust) 8%);
}
#soft-pastel .phx-card::before{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
background: radial-gradient(120% 85% at 50% -20%, rgba(255,255,255,.18), transparent 60%);
}

/* ตัวหนังสือ */
#soft-pastel .phx-card h2{
font-family:'Pacifico', cursive; font-size:36px; margin:4px 0 8px;
background: linear-gradient(90deg, #ffffff, var(--porcelain));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 8px 18px rgba(255,255,255,.28);
}
#soft-pastel .phx-tag{ color:#7a675d; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#46372F; line-height:1.95; font-size:15.5px; letter-spacing:.1px }
#soft-pastel .phx-body p{ margin:10px 0 }

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

<div id="soft-pastel">
<div class="post-wrap">
<div id="box01">
 <div class="phx-frame">
 <h1 class="phx-title">Union Square</h1>
 <div class="phx-sub">(รัฐแคลิฟอร์เนีย สหรัฐอเมริกา)</div>

 <figure class="phx-hero">
 <img src="https://img5.pic.in.th/file/secure-sv1/imageb80a1213243ce43c.png" alt="Hero Image">
 </figure>

 <section class="phx-card">
 <h2>จัตุรัสยูเนียน</h2>
 <div class="phx-tag">[ ศูนย์กลางแห่งการช้อปปิ้งและวัฒนธรรม ]</div>
 <div class="phx-body">
 จัตุรัสยูเนียน (Union Square) คือหัวใจสำคัญของตัวเมืองซานฟรานซิสโก เป็นย่านการค้า โรงแรม และโรงละครที่คึกคักที่สุด ลานสาธารณะขนาด 2.6 เอเคอร์นี้รายล้อมไปด้วย ห้างสรรพสินค้า ชั้นนำ (เช่น Macy's) และ ร้านบูติคหรูหรา (เช่น Tiffany & Co., Louis Vuitton) เป็นสวรรค์ของนักช้อปอย่างแท้จริง นอกจากนี้ยังมี อนุสาวรีย์ Dewey และถูกใช้เป็นสถานที่จัดงานอีเวนต์สาธารณะและนิทรรศการศิลปะอยู่เสมอ คุณสามารถมาพักผ่อนบนม้านั่งใต้ต้นปาล์ม ถ่ายรูปกับรูปปั้นหัวใจ หรือขึ้น รถเคเบิลคาร์ ที่มีชื่อเสียง ซึ่งมีจุดกลับรถอยู่ใกล้ ๆ เพื่อสัมผัสบรรยากาศเมืองแบบคลาสสิก
 </div>
 </section>

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

Moneka โพสต์ เมื่อวาน 23:26

แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-10-19 23:48 <img src="https://img5.pic.in.th/file/secure-sv1/d697757ec3adf31103369129f57f11f78a521a5e61eae-qE3OHs_fw658webp-1-1.png" border="0" style="background-color: transparent; font-family: Sarabun, sans-serif; font-size: 12pt; white-space-collapse: preserve;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;">วันที่ 19 เดือน ตุลาคม ปี 2025<h2 style="margin-top: 4px; margin-bottom: 8px; box-sizing: border-box; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(222, 213, 208)) 0% 0% / auto repeat scroll padding-box text oklab(0.893294 0.00669232 0.00832215); text-shadow: rgba(255, 255, 255, 0.28) 0px 8px 18px; text-align: center;">จัตุรัสยูเนียน การรักษารูปขบวนในพื้นที่แคบและเนินชัน</h2> <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> แสงยามเย็นของวันทอดตัวเหนือยอดตึกในจัตุรัสยูเนียน สีทองอมส้มไหลผ่านกระจกของตึกสูงทั้งสี่ด้านเหมือนทะเลแห่งแสง กองร้อยที่ 2 ของค่ายจูปิเตอร์ยืนเรียงแถวในท่าพร้อมโล่ตั้งฉากกับพื้น สัมภาระเต็มหลัง ลมหายใจแต่ละจังหวะเต็มไปด้วยแรงสู้ที่เหลืออยู่จากระยะทางกว่า 19 กิโลเมตร โมนีก้า บลอสซัมยืนอยู่หัวขบวน ผมสีม่วงครามติดเหงื่อสะท้อนแสงเย็นราวกับเปลวโลหะมีชีวิต เสียงเฟเบียส รูฟัสดังขึ้นจากกิ่งไม้ข้างเอวของเธอ “เดินทัพปกติ! แถวหน้ากระดานสองแถว! รักษาแนวโล่ให้ชิดกัน!” คำสั่งนั้นสะท้อนระหว่างอาคารราวเสียงฆ้องศึก <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> โล่สคูทุมทุกใบขยับพร้อมกัน ครืด เสียงเหล็กครูดบนขอบพื้นคอนกรีตดังก้องราวสัญญาณเริ่มต้น พวกเขาเคลื่อนเข้าสู่เขตจัตุรัสที่คับแคบ แผ่นพื้นหินเรียงสลับกับเส้นรางเคเบิลคาร์ ทุกรอยต่อคือกับดักของการเสียจังหวะ โมนีก้าเอียงไหล่หมุนโล่เข้าหาตัวและก้าวสั้น ๆ เพื่อลดพื้นที่สัมผัสด้านข้าง เพื่อนร่วมหน่วยลอกเลียนจังหวะอย่างแม่น ราวกับเงาที่สอดประสานกัน “รักษาแนว! อย่าให้หัวไหล่แถวแตก!” เสียงเฟเบียสดังขึ้นเหนือเสียงรถรางที่แล่นห่างออกไป <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> พวกเขาผ่านช่องแคบระหว่างอาคาร Tiffany กับ Saks ซึ่งแคบจนโล่แทบชนกำแพงหินสีขาว โมนีก้าใช้ส้นเท้าเป็นจุดหมุน บิดตัวแน่น และใช้ปลายเท้าอีกข้างขับก้าวต่อ โล่ของเธอเฉียดหินจนได้ยินเสียงครืดเพียงเส้นเดียวไม่ดังเกินกว่าให้เฟเบียสตำหนิ ขบวนโรมันเล็ก ๆ เคลื่อนไปกลางจัตุรัสที่มีอนุสาวรีย์ Dewey ตั้งตระหง่าน แสงอาทิตย์สุดท้ายพาดผ่านปลายหอกของเทพีแห่งชัยชนะ ตกกระทบเกราะพวกเขาเป็นประกายแสงเงินวาบ เฟเบียสสั่งให้เดินให้สมจริงที่สุด “พวกเจ้าอยู่ในเมืองศัตรู จงให้ทุกก้าวของเจ้าคือประกาศแห่งวินัย!” เสียงโล่ขยับพร้อมกันเป็นจังหวะเดียว ครืน ครืน เหมือนกลองศึกเก่าที่ทุบด้วยหัวใจ <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> แล้วก็ถึงสิ่งที่ทำให้ใครหลายคนกลืนน้ำลาย เนินจำลอง Powell Street ทอดขึ้นไปจนเห็นเส้นรถรางตัดฟ้า มุมชันมากพอให้ร่างที่แบกสัมภาระหนักเกือบ 30 กิโลต้องย่อตัวแทบครึ่ง “เดินทัพเร่งด่วน ขึ้นเนิน!” เฟเบียสตะโกน <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> โมนีก้าโน้มตัวไปข้างหน้า ก้าวสั้น ปลายเท้าขับแรง ฝ่าเท้าเหยียบแน่นกับพื้นราวกับจะปลูกตัวเองเข้าไปในดิน เสียงโล่สคูทุมเสียดกันจนเกิดแรงกดต่อหัวไหล่ของทุกคน แต่ไม่มีใครยอมปล่อยช่องว่าง “หัวไหล่ชนกัน! อย่าให้ใครล้ม!” เธอสั่งเสียงพร่ากลางแรงลม กล้ามเนื้อน่องและต้นขาแผดเผา แต่กองร้อยที่ 2 ยังคงรักษาแนวแถวหน้ากระดานสองแถวได้มั่น ทุกคนขยับเป็นหนึ่งเดียว โล่เรียงชิดจนแทบจะเป็นกำแพงเดียว <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> ถึงยอดเนินไม่มีเสียงโห่ร้องหรือปรบมือ มีเพียงเสียงลมหอบที่หนักและแรง เฟเบียสไม่ให้เวลาหยุด “ลงเนิน ควบคุมจังหวะ! ห้ามปล่อยโล่กระแทก!” การลงชันยิ่งยากกว่า น้ำหนักสัมภาระผลักหลัง ทุกคนต้องเบรกด้วยต้นขา โมนีก้าใช้สัญญาณมือสั้น ๆ เพื่อรักษาจังหวะไม่ให้คนหลังชน เธอรู้สึกเหมือนกำลังรั้งทั้งกองร้อยไว้กับแรงโน้มถ่วงของเมืองนี้ <span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"> เมื่อเท้าทั้งคู่แตะพื้นราบของปลายเนิน เฟเบียสสั่ง “ลดโล่ ตรวจแนว!” เสียงโล่ทุกใบกระแทกพื้นเบา ๆ เป็นจังหวะเดียวครืนเดียวกันทั้งแถว “ดี ไปต่อ!!” กิ่งไม้ที่โดนสิงเอ่ยบอกแล้วเร่งสู่การเดินทางครั้งสุดท้ายก่อนกลับ<div style="text-align: center;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;"><img src="https://img5.pic.in.th/file/secure-sv1/d697757ec3adf31103369129f57f11f78a521a5e61eae-qE3OHs_fw658webp-1-1.png" width="500" _height="70" border="0"></div><div style="text-align: center;"><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; font-variant-emoji: normal; vertical-align: baseline; background-color: transparent; white-space-collapse: preserve;">รางวัล: พูดคุยกับ NPC ความสนิทสนม +5 เฟเบียส รูฟัส</div>

หน้า: [1]

Percy Jackson and the Olympians Thailand's Archiver

จัตุรัสยูเนียน