[ทางด่วน CA-24]

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

<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/e303798d60f75a445b4243399c4956a7.jpg") center/cover no-repeat;
opacity:1;
}

/* ========= SCOPE LOCK: มีผลเฉพาะใน #soft-pastel ========= */
#soft-pastel{
/* Orange Color Palette (จากภาพ) */
--porcelain: #EBE3DD; /* ครีมงาช้าง */
--carmine: #DB3320; /* ส้มแดงสด */
--mocha: #5E443A; /* น้ำตาลเข้ม */
--tan: #A97B60; /* น้ำตาลอุ่น */
--ink: #3A2C25; /* ตัวอักษร */

--soft-shadow: 0 12px 28px rgba(50,35,28,.16), 0 3px 8px rgba(50,35,28,.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(--porcelain) 70%, white 30%) 0%,
 color-mix(in oklab, var(--tan) 40%, var(--porcelain) 60%) 55%,
 color-mix(in oklab, var(--mocha) 24%, white 76%) 100%);
opacity:.96;
}

/* =============== โครงหลัก =============== */
#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;
/* ขอบกลืนเนียน: ไม่มีเส้น border แข็ง */
background: linear-gradient(180deg,
color-mix(in oklab, var(--porcelain) 92%, white 8%) 0%,
color-mix(in oklab, var(--tan) 55%, var(--mocha) 45%) 100%);
box-shadow: var(--soft-shadow), inset 0 1px 0 rgba(255,255,255,.55);
position:relative; overflow:hidden;
}

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

/* เฟรมเนื้อหา */
#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) 92%, white 8%);
box-shadow:
inset 0 0 0 1px color-mix(in oklab, var(--tan) 18%, var(--porcelain) 10%),
var(--soft-shadow);
}

/* หัวเรื่อง: ไล่เฉด Carmine → Tan */
#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(--carmine), var(--tan));
-webkit-background-clip:text; background-clip:text; color:transparent;
text-shadow: 0 10px 24px rgba(219,51,32,.22);
}
#soft-pastel .phx-sub{ text-align:center; color:#6c564b; 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) 16%, var(--tan) 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 → Carmine (อบอุ่นมีพลัง) */
#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(--carmine) 54%, var(--tan) 46%) 100%);
box-shadow:
0 12px 26px rgba(50,35,28,.10),
0 2px 6px rgba(50,35,28,.06),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 0 0 1px color-mix(in oklab, var(--mocha) 14%, var(--tan) 10%);
}
#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,.30);
}
#soft-pastel .phx-tag{ color:#7b6357; font-weight:700; margin:2px 0 12px; letter-spacing:.02em }
#soft-pastel .phx-body{ color:#3a2c25; 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">ทางด่วน CA-24</h1>
 <div class="phx-sub">(รัฐแคลิฟอร์เนีย สหรัฐอเมริกา)</div>

 <figure class="phx-hero">
 <img src="https://img2.pic.in.th/pic/1ce4be96b2281d53b.png" alt="Hero Image">
 </figure>

 <section class="phx-card">
 <h2>ทางด่วน CA-24</h2>
 <div class="phx-tag">[ ประตูสู่อ่าวตะวันออก East Bay ]</div>
 <div class="phx-body">
 ทางด่วนแคลิฟอร์เนียสาย 24 (CA-24) เป็นเส้นทางสำคัญในบริเวณอ่าวซานฟรานซิสโก เชื่อมระหว่างโอ๊คแลนด์ (ใกล้ซานฟรานซิสโก) กับเมืองในฝั่งตะวันออก (East Bay) เช่น วอลนัทครีก จุดเด่นคือ อุโมงค์คัลลีคอตต์ (Caldecott Tunnel) ที่เจาะผ่านเนินเขาเบิร์กลีย์ (Berkeley Hills) ซึ่งเป็นเส้นทางหลักสำหรับผู้ที่เดินทางข้ามเนินเขาแห่งนี้และมีทัศนียภาพอันสวยงาม ทางด่วนนี้ยังขนานไปกับเส้นทางรถไฟ BART เป็นส่วนใหญ่ ทำให้เป็นเส้นทางคมนาคมที่สำคัญอย่างยิ่งในเขตนี้
 </div>
 </section>

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

Moneka โพสต์ เมื่อวาน 21:33

แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-10-19 23:47 <img src="https://img5.pic.in.th/file/secure-sv1/d697757ec3adf31103369129f57f11f78a521a5e61eae-qE3OHs_fw658webp-1-1.png" width="500" _height="70" border="0" style="background-color: transparent; white-space-collapse: preserve;"><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; white-space-collapse: preserve;">วันที่ 19 เดือน ตุลาคม ปี 2025<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; white-space-collapse: preserve;">ช่วงเช้า เวลา 08.20 - 08.44 เป็นต้นไป ณ ทางด่วน CA-24 ซานฟรานซิสโก การเดินทัพในสภาพภูมิประเทศจำลอง (อุโมงค์/ทางลาดชัน) <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; white-space-collapse: preserve;"> เสียงลมหายใจหนักของกองร้อยที่ 2 ดังระงมขึ้นพร้อมกับแรงฝีเท้าที่กระแทกคอนกรีต เสียงโลหะกระทบกันเป็นจังหวะก้องกังวานทั่วโครงสร้างมหึมาของ ทางด่วน CA-24 ถนนคอนกรีตสายเก่าที่เคยเป็นเส้นเลือดใหญ่ของโลกมนุษย์ แต่บัดนี้กลับถูกแปรสภาพเป็นสนามทดสอบของทวยเทพและลูกครึ่งเทพโดยสมบูรณ์ ผิวทางร้าวลึกและขรุขระสะท้อนแสงแดดยามเช้าที่แทงลงมาระหว่างรอยแยกของโครงสร้างเบื้องบน ด้านหน้าพวกเขาคือทางลาดเอียงชันราวสี่สิบห้าองศาที่นำเข้าสู่อุโมงค์คัลลีคอตต์ ประตูหินที่ทั้งร้อนและมืด เหมือนรอยแผลในเนินเขาเบิร์กลีย์ <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; white-space-collapse: preserve;"> โมนีก้า บลอสซัม อยู่หัวแถว ท่ามกลางเสียงโลหะและฝุ่นร้อน เธอกัดฟันแน่น ร่างกายที่ผ่านการฝึกฝนมาอย่างหนักกลับรู้สึกสั่นเล็กน้อยเพราะสัมภาระที่กดทับอยู่บนบ่าทั้งสอง ความหนักนั้นเหมือนภูเขา แต่สายเลือดแห่งเซเรสในตัวเธอ สายเลือดของผู้ครอบครองพื้นดินและพืชผล ทำให้หัวใจเธอเชื่อมกับความมั่นคงของโลกทุกครั้งที่เท้าสัมผัสพื้นคอนกรีต <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; white-space-collapse: preserve;"> “จังหวะที่สี่!” เสียงของ เฟเบียส รูฟัส ดังชัดเจนจากกิ่งไม้ที่เหน็บอยู่ข้างเอว น้ำเสียงเยือกเย็นแต่เด็ดขาด “เปลี่ยนเป็นการเดินทัพเร่งด่วน! ใช้แรงจากน่อง! โมนีก้า! อย่าให้เท้าเจ้าไถล!” <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; white-space-collapse: preserve;"> โมนีก้าปรับท่าทันที เธอโน้มตัวไปข้างหน้าเล็กน้อย ลดการแกว่งแขน ใช้ปลายเท้าจิกเข้ากับรอยแตกของคอนกรีตทุกก้าวเพื่อเพิ่มแรงยึดเกาะ เสียงหอบของเพื่อนร่วมหน่วยดังประสานกันในอุโมงค์ที่สะท้อนเสียงอย่างโหดร้าย ราวกับทุกคนกำลังหายใจในอกของอสูรยักษ์ ขณะนั้นเธอรู้สึกถึงแรงดันจากข้างหลัง แรงจากเพื่อนร่วมหน่วยที่พยายามรักษาแนวแถวไม่ให้แตก แต่แรงโน้มถ่วงกลับดึงทุกคนลงอย่างไม่ปรานี <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; white-space-collapse: preserve;"> “ทหารที่สาม! รักษาระยะ! อย่าพิงเพื่อนข้างหน้า!” เสียงเฟเบียสดุดันขึ้นทันที “พวกเจ้าทุกคนต้องแบกน้ำหนักของตัวเอง!” แรงดุจากลาร์เรสเหมือนฟ้าผ่าที่ปลุกสติทั้งกองร้อย เสียงของรองเท้าเหล็กขูดกับคอนกรีตดังแสบแก้วหู ครืด ครืด ท่ามกลางเสียงเกราะกระทบและลมหายใจที่เหมือนเสียงคลื่นในถ้ำ <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; white-space-collapse: preserve;"> โมนีก้าเงยหน้ามองไปข้างหน้า เพดานอุโมงค์ทอดยาวเป็นแนวลาดขึ้นสู่ความมืดไร้สิ้นสุด เหงื่อไหลจากหน้าผากหยดลงพื้น เธอสูดลมหายใจลึก เปลี่ยนจากการหายใจถี่เป็นจังหวะยาวและคงที่ เหมือนรากไม้ที่ฝังลึกลงดิน เธอเริ่มรู้สึกถึงแรงสั่นจากพื้น ไม่ใช่เพราะแผ่นดินแต่เป็นเพราะจังหวะการก้าวของกองร้อยที่ประสานกันอย่างสมบูรณ์ <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; white-space-collapse: preserve;"> “โมนีก้า!” เสียงเฟเบียสกลับมาอีกครั้ง คราวนี้อ่อนลงแต่ยังหนักแน่น “ก้าวให้มั่นคง! หากเท้าเจ้าลื่น นั่นหมายถึงความล้มเหลวของทั้งหน่วย! เจ้าคือรากฐาน จงเป็นรากฐานที่มั่นคงของพวกเขา!” <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; white-space-collapse: preserve;"> คำพูดนั้นเหมือนเสียงจากในดิน มันแทรกซึมเข้าไปในเส้นเลือดของเธอ ร่างของโมนีก้าจึงเปลี่ยนเท้าที่เหยียบลงไปในรอยแตกของคอนกรีตรู้สึกแน่นหนาอย่างประหลาด สายเลือดแห่งเซเรสตอบสนองกับการเรียกของโลก เธอรับรู้ได้ถึงแรงจากพื้นดินที่ส่งกลับขึ้นมา แรงนั้นช่วยผลักเธอขึ้นทีละก้าวเหมือนมีรากไม้มองไม่เห็นคอยยึดไว้ใต้เท้า เพื่อนร่วมหน่วยด้านหลังเริ่มส่งเสียงเชียร์กันเบา ๆ ในระหว่างหอบ “อีกนิดเดียว... บลอสซัม นำต่อไป...!” เสียงนั้นแม้พร่าแต่เต็มไปด้วยความพยายาม <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; white-space-collapse: preserve;"> ใช้เวลาเกือบสิบห้านาทีเต็มกว่าพวกเขาจะขึ้นถึงยอดทางลาดสูงสุด เหงื่อของทุกคนหยดลงบนพื้นคอนกรีตเป็นรอยดำเรียงรายเหมือนแผนที่แห่งความอดทน พอถึงจุดสูงสุด ลมหายใจของพวกเขาหนักราวกับไฟที่กำลังมอด และเกราะเหล็กทุกชิ้นก็ร้อนระอุไปด้วยไอร่างกาย และทุกคนก็ต้องเตรียมตัวรับสำหรับการสอบต่อไป<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; white-space-collapse: preserve;"> <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; 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"><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; white-space-collapse: preserve;">รางวัล: พูดคุยกับ NPC ความสนิทสนม +5 เฟเบียส รูฟัส<div><span style="font-size: 12pt; font-family: Sarabun, sans-serif; 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; white-space-collapse: preserve;"> </div>

หน้า: [1]

Percy Jackson and the Olympians Thailand's Archiver

[ทางด่วน CA-24]