สมุดบันทึกโง่ ๆ ของ มอนอกอบอซอ - ห้องบันทึกเกี่ยวกับอสุรกาย - Percy Jackson and the Olympians Thailand

Moneka โพสต์ 2025-12-14 18:53:37

แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-12-14 18:54 <br /><br />
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 21</font></h2>
<div class="sd-sub"><font size="3">ฉันจะเป็นแม่มด เอามาาา จะเป็นแม่มด อยากเป็นแม่มด</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/KlUUlAM.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">แม่มดดำ หรือ Dark Witch</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">เฮคาที/ไทรเวีย</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         เมืองธีบส์ กรีซ <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9376" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">คือมันก็หลอนพอสมควรอยู่</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">นั้น</span>
<span class="sd-sample" style="color:var(--c2)">ล่ะ</span>
<span class="sd-sample" style="color:var(--c3)">ฮะ</span>
<span class="sd-sample" style="color:var(--c4)">ทั่น</span>
<span class="sd-sample" style="color:var(--c5)">ผู้ชม</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">แม่มดดำคือกลุ่มสตรีผู้สละตนเพื่อรับใช้เฮคาที (Hecate) เทพีแห่งเวทมนตร์และทางแยกในตำนานกรีก

พวกเธอมีบุคลิก ลึกลับซับซ้อน น่าเกรงขามและมีความโหดเหี้ยมเด็ดขาด พวกเธอเชี่ยวชาญในศาสตร์มืดและการปรุงยาพิษ และถูกขับเคลื่อนด้วยความภักดีอันแรงกล้าต่อเฮคาทีและความกระหายในอำนาจเวทมนตร์

แม่มดดำมักปรากฏตัวในสถานที่ลับตาคน เช่นป่าลึกหรือทางสามแพร่งเพื่อประกอบพิธีกรรมและปรุงยาที่สามารถเปลี่ยนแปลงชะตาชีวิต ตัวอย่างแม่มดที่มีชื่อเสียงเช่นเซอร์ซี ผู้แปลงร่างมนุษย์เป็นสัตว์และมีเดียผู้ใช้เวทมนตร์เพื่อแก้แค้น พวกเธอเป็นสัญลักษณ์ของอำนาจที่ไม่อาจมองข้ามของเทพีเฮคาที</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">อยากเป็นแม่มด อยากจะเป็นแม่มดดดด ปิ๊ว ๆ ชิ้้ว ๆ สำหรับเจอกันครั้งแรกไม่ค่อยเท่าไรนะ? แต่รู้สึกเหมือนว่าเลสเตอร์แม่งเนื้อหอมว่ะ สมแล้วที่เป็นกลิ่นของเทพนิดหนึ่ง เกือบเป็นซอยจุ๊กันไปซะหมดแล้วจังหวะนี้ แหม่ เขินจัง</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-15 01:55:28

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 22</font></h2>
<div class="sd-sub"><font size="3">ฉันเกลียดไอ้นกนี้ชิบหาย ไม่รู้ทำไมต้องกำจัดยาก ซากก็ไม่รู้จะเอาไปทำอะไร</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/TeMpraD.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">นกสติมฟาเลียน หรือ Stymphalian Birds</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">แอรีส</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         เมืองอาลิ อาร์โตส กรีซ <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9388" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">ฉันเกลียดมันมาก!!</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ชาติ</span>
<span class="sd-sample" style="color:var(--c2)">นี้</span>
<span class="sd-sample" style="color:var(--c3)">ไม่</span>
<span class="sd-sample" style="color:var(--c4)">ชอบ</span>
<span class="sd-sample" style="color:var(--c5)">เลย</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><span style="font-size: medium;">         </span><span style="font-size: medium;"> </span><font size="3">นกสติมฟาเลียนเป็นภัยพิบัติทางธรรมชาติที่มีชีวิตในตำนานกรีก และเป็นสัตว์เลี้ยงศักดิ์สิทธิ์ของแอรีสเทพเจ้าแห่งสงคราม ลักษณะเด่นคือพวกมันมีจะงอยปากและกรงเล็บทองแดง และสามารถยิงขนโลหะลงมาเหมือนลูกธนู เพื่อโจมตีเหยื่อจากระยะไกลได้

พวกมันมีบุคลิกดุร้าย ก้าวร้าวและกระหายเลือด โดยมักจะโจมตีมาเป็นฝูงเพื่อสร้างความโกลาหล แหล่งที่อยู่หลักเดิมคือทะเลสาบสติมฟาเลียในอาร์คาเดีย ก่อนจะอพยพไปยังเกาะแห่งแอรีสในทะเลดำและพบได้ทั่วโลกในพื้นที่ ๆ มีสงคราม หรือมีลูกครึ่งเทพอยู่รวมกัน </font></p><p><span style="font-size: medium;">         </span><span style="font-size: medium;"> </span><font size="3">ในภารกิจที่หกของเฮอร์คิวลิส เขาต้องกำจัดพวกมันโดยใช้โครทาลา (เครื่องเขย่าทองแดง) ที่ได้รับความช่วยเหลือจากเทพีอะธีนา เพื่อขับไล่พวกมันขึ้นสู่ท้องฟ้า ก่อนจะใช้ธนูอาบพิษไฮดรายิงถล่ม </font></p><p><font size="3">          ในจักรวาลเพอร์ซีย์ แจ็กสัน พวกมันเคยบุกโจมตีค่ายฮาล์ฟบลัดและถูกปราบด้วยยุทธวิธีที่หลากหลาย เช่นเสียงเพลงสเตอริโอ และมังกรทองแดงเฟสตัส </font></p><p><span style="font-size: medium;">         </span><span style="font-size: medium;"> </span><font size="3"><b>ข้อควรระวัง: </b>เมื่อตายแล้วพวกมันจะไม่สลายเป็นฝุ่นสีทอง แต่จะทิ้งซากศพไว้ ซึ่งอาจทำให้มนุษย์ทั่วไปเห็นเป็นซากศพเด็กหรือนก</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">ฉัน เกลียด มัน มาก และ จะ บอก ว่า ทุก คน เกลียด มัน โคตร โคตร แม่งเอ้ยยยยยย</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-15 13:03:00

แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-12-15 13:05 <br /><br />
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 23</font></h2>
<div class="sd-sub"><font size="3">ทำใจไม่ได้ที่จะมีเด็กโป้เดินตาม... แม่งเอ้ย รับไม่ไหว</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/l2kNJYF.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">จิตวิญญาณแห่งธัญพืช (คาร์ปอส) หรือ Karpos</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name"> ไกอา / จิตวิญญาณอิสระ</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         เมืองลิวาเดีย กรีซ <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9396" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">เฉย ๆ อ่ะ </div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ไม่</span>
<span class="sd-sample" style="color:var(--c2)">ได้</span>
<span class="sd-sample" style="color:var(--c3)">อยาก</span>
<span class="sd-sample" style="color:var(--c4)">เลี้ยง</span>
<span class="sd-sample" style="color:var(--c5)">อ่ะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">คาร์ปอย (Karpoi) คือ จิตวิญญาณแห่งธัญพืชในตำนานกรีก ซึ่งเป็นบุตรของทาร์ทารัสและไกอา พวกเขามีรูปลักษณ์คล้ายเด็กวัยหัดเดิน มีพุงกลม ผิวสีเขียวอ่อนจากคลอโรฟิลล์ และมีปีกที่เปราะบางเหมือนเปลือกข้าวโพด พวกเขาสามารถสลายร่างกลายเป็นลมหมุนของธัญพืชได้ และเมื่อตายจะระเบิดกลายเป็นซีเรียล ต่าง ๆ

คาร์ปอสมีศัตรูคู่อาฆาตคือสายเลือดดีมิเทอร์/เซเรส เนื่องจากพวกเขาเกลียดที่เทพีเซเรสสอนมนุษย์ให้เพาะปลูก ซึ่งขัดต่อธรรมชาติที่ดุร้ายของพวกเขา

พวกเขาปรากฏตัวครั้งแรกในบุตรแห่งเนปจูน โดยจับตัวเฮเซล เลเวสค์ แต่ถูกหลอกให้ถกเถียงกันเอง แม้ส่วนใหญ่จะต่อต้านเทพและลูกครึ่งเทพ แต่ก็มีคาร์ปอสที่เป็นมิตร เช่น ตัวชื่อ พีชเชส ที่ช่วยเหลือเม็กในซีรีส์บททดสอบของอพอลโล</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">โมนีก้าไม่ได้อยากเลี้ยงคาร์ปอส แต่ถ้าว่าปลดหรือยัง ก็คือปลดแล้วอ่ะ แถมแบบเหมือนว่ามันจะนับผลไม้ด้วยนะ? เพราะพืชเชสของแม็คเป็นคาร์ปอสต้นพืช ...ผลพีชอ่ะ '-' อืม</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-16 07:47:56

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 24</font></h2>
<div class="sd-sub"><font size="3">น่าสงสารเนอะ ว่าไหม ก็นั้นแหละ เห่อ น่าสงสาร</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/HkfG5nx.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">ลาเมีย หรือ Lamia</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name"> -</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         เมืองเดลฟี กรีซ <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9407" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">เฉย ๆ อ่ะ </div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ก็</span>
<span class="sd-sample" style="color:var(--c2)">ไม่</span>
<span class="sd-sample" style="color:var(--c3)">ยาก</span>
<span class="sd-sample" style="color:var(--c4)">เท่า</span>
<span class="sd-sample" style="color:var(--c5)">ไร</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">ลาเมียคืออสุรกายในตำนานเทพเจ้ากรีกโบราณ ที่มีต้นกำเนิดจากราชินีแห่งลิเบียผู้เลอโฉมและเป็นที่รักของเทพซุส

ชะตากรรมของเธอถูกทำลายด้วยคำสาปของเทพีเฮร่า ซึ่งสังหารบุตรของเธอและสาปให้ลาเมียไม่สามารถหลับตาได้ เพื่อให้ต้องเห็นภาพความสูญเสียตลอดเวลา ด้วยความเจ็บปวดและความโศกเศร้า ลาเมียจึงกลายร่างเป็นอสุรกายกึ่งมนุษย์กึ่งงู และถูกขับเคลื่อนด้วยความกระหายที่จะบริโภคเด็กเล็กของผู้อื่นอย่างไม่สิ้นสุด

บุคลิกภาพของลาเมียจึงเย้ายวนชวนหลงใหล แต่แฝงไว้ด้วยความอาฆาตแค้นและความอำมหิต ปัจจุบันลาเมียที่พบเจออาจเป็นร่างของกึ่งเทพเด็กสาวที่ตายไปก่อนจะถูกองค์กรมืดชุบชีวิตให้กลับมาในฐานะอสุรกาย พวกมันมีจุดอ่อนคือเกลียดกลิ่นไหม้โดยเฉพาะกลิ่นขนมปังไหม้</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">สำหรับการพบครั้งแรกมันก็โอเคแหละ เจอแหล่งอะเนอะ แต่ก็เฉย ๆ อ่ะ ก็แค่มอนกาก ๆ ตัวหนึ่งสำหรับเรา 5555+ เอ่อออออ เหมือนอวดตัวเอง แต่มันจริงอย่างที่ว่า โฮ๊ก ๆ อย่ามาว่าฉันนะ </font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-16 10:02:00

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 25</font></h2>
<div class="sd-sub"><font size="3">ต้องตามหาแบบชิบหายวายวอด อยากจะกรี๊ดออกมาเป็นภาษากรีกแต่ทำไม่ได้</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/9Q9kxFj.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">ไนท์แมร์ หรือ Nightmare</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">ฮิปนอส/ซอมนัส, มอร์เฟียส/ซอมเนีย</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         ภูเขาไฟลูทรากิ คลองโครินท์ กรีซ <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9425" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">ทำไมต้องหายากด้วยน๊าาา</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ก็</span>
<span class="sd-sample" style="color:var(--c2)">เฉย</span>
<span class="sd-sample" style="color:var(--c3)">เฉย</span>
<span class="sd-sample" style="color:var(--c4)">แหละ</span>
<span class="sd-sample" style="color:var(--c5)">นะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">ไนท์แมร์คืออสุรกายม้าศึกสีดำร่างผอมโกรก มีดวงตาแดงก่ำและหายใจออกมาเป็นเพลิงกรุ่น ซึ่งผู้ที่สัมผัสเปลวเพลิงนี้จะต้องทนทานต่อไฟ มิฉะนั้นจะไหม้ถึงดวงวิญญาณ แม้ไม่มีปีกแต่ไนท์แมร์สามารถวิ่งกลางอากาศได้อย่างรวดเร็ว และทิ้งรอยเกือกม้าที่ลุกไหม้ตามทาง

อสุรกายตัวนี้มีนิสัยดุร้ายและเกลียดชังทุกสิ่ง แต่ชอบเล่นสนุกกับเหยื่อด้วยการมอบ ความฝันที่เลวร้ายที่สุดให้ก่อนจะสังหารเหยื่อที่จมอยู่ในนิทราด้วยฟันอันแหลมคม ไนท์แมร์สามารถเข้าสู่จิตใจของผู้ที่หลับไหลหรือโจมตีทางกายภาพได้

ตามตำนาน กรีกและยุโรป ไนท์แมร์ถูกเชื่อมโยงกับเทพฮิปนอส (เทพแห่งการหลับ) และ มอร์เฟียส (เทพแห่งความฝัน) ซึ่งเชื่อว่าเป็นปีศาจหรือวิญญาณที่สร้างฝันร้ายและทำให้ผู้คนรู้สึกถูกกดทับขณะหลับ ไนท์แมร์มักพบได้ในภูเขาไฟทั่วโลก หรือสถานที่เกิดไฟไหม้ครั้งใหญ่ โดยพวกมันอาจมีส่วนเกี่ยวข้องกับอุบัติเหตุนั้นด้วย</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">การตามล่าเจ้าไนท์แมร์ทำให้โมนีก้าได้รับรู้ความลับของเทพโอลิมปัสเยอะมากเลยบ้าบอที่สุด เพราะเจ้าเลสเตอร์มัวแต่โม้แล้วก็ลากไส้ความลับของเทพโอลิมปัสมานั้นแหละ ทำให้ฉันอยากจะกรีดร้องออกมา โถ่เอ้ย แต่ละสถานที่ แต่ตอนนี้ฉันคงจะไม่ต้องไปวุ่นวายกับมันแล้วล่ะตอนนี้น่ะนะ</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-16 22:50:00

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 26</font></h2>
<div class="sd-sub"><font size="3">ไม่ได้ตั้งใจแล้วล่ะ ว่ามันจะเป็นยังไงเหมือนกัน</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/mGXdKxq.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">รถไฟจักรกลลีเจี้ยน หรือ Rust Engine Legion</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">กองกำลังที่ถูกทอดทิ้ง / กลุ่มต่อต้านเทคโนโลยีใหม่</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         สถานีคาตาเนีย แคว้นซิชิลี อิตาลีซ <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9468" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">มันก็....อืม เวล 200 อยากกรี๊ดว่ะ</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ก็</span>
<span class="sd-sample" style="color:var(--c2)">เฉย</span>
<span class="sd-sample" style="color:var(--c3)">เฉย</span>
<span class="sd-sample" style="color:var(--c4)">แหละ</span>
<span class="sd-sample" style="color:var(--c5)">นะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">รถไฟจักรกลลีเจี้ยนหรือ โครนอส เอ็กซ์เพรส คืออสุรกายที่เกิดจากเทคโนโลยีตำนานเทพกรีก โดยเป็นรถไฟขบวนแรกสุดที่ผลิตโดยเฮเฟตัส ซึ่งถูกจัดเป็นความล้มเหลวเนื่องจาก ความไม่เสถียรของเครื่องยนต์ และความบกพร่องทางความร้อนจึงถูกทิ้งไว้ในอุโมงค์เก่า

รูปลักษณ์ของมันคล้ายรถไฟเฮเฟตัสรุ่นแรก แต่มีลักษณะเด่นคือรอยสนิม รอยไหม้พร้อมโครงสร้างที่เต็มไปด้วย ไอน้ำร้อนจัดและควันสีดำพวยพุ่งออกมาจากรอยต่อภายในมืดมิด มีแสงไฟสีแดงสลัวและเสียงกลไกที่ดังราวกับรถไฟกำลังจะพัง

รถไฟจักรกลสนิมถูกปลุกให้มีชีวิตด้วยพลังงานเวทมนตร์ดิบ และขับเคลื่อนด้วยความแค้นอันเย็นชาและความรู้สึกถูกทอดทิ้งต่อผู้สร้าง มันจะพยายามหลอกล่อเหยื่อให้ขึ้นรถไฟด้วยภาพลวงตาที่ทำให้ดูเหมือนใหม่ ก่อนจะแสดงความเกรี้ยวกราดด้วยการ เคลื่อนที่ด้วยความเร็วสูงอย่างบ้าคลั่ง เพื่อบดขยี้เหยื่อในอุโมงค์ มันมักถูกพบในอุโมงค์รถไฟใต้ดินที่ถูกทิ้งร้างและเขตอุตสาหกรรมเก่า</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">ฉัน...ชอบมันอยู่นะ อย่างน้อยมันก็ไม่น่ากลัว...</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-17 22:13:54

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 27</font></h2>
<div class="sd-sub"><font size="3">ฉันอยากเจอมันมาก เพราะต้องใช้ของสิ่งที่เกิดขึ้นก็คือ กรี๊ดด ไอ้บ้าเอ้ยยย</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/mEkY92W.jpg" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">แวน มีเทอร์ หรือ Van Meter</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">-</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         เมืองโอมาฮา รัฐเนแบรสกา สหรัฐอเมริก <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1265&pid=9541" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">ตามหามาตั้งนาน เสือกไม่ดรอปปีก ไอ้บ้าเอ้ย</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ก็</span>
<span class="sd-sample" style="color:var(--c2)">เฉย</span>
<span class="sd-sample" style="color:var(--c3)">เฉย</span>
<span class="sd-sample" style="color:var(--c4)">แหละ</span>
<span class="sd-sample" style="color:var(--c5)">นะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">แวน มีเทอร์ เป็นอมนุษย์ลึกลับจากตำนานพื้นบ้านอเมริกัน มีรูปลักษณ์ครึ่งมนุษย์ครึ่งค้างคาวสูงเกือบ 3 เมตร มีเขาบนหัวและอุ้งเท้าสามนิ้ว จุดเด่นคือผิวหนังที่ทนทานต่อกระสุนปืน และความสามารถในการปล่อยลำแสงสว่างจ้าหรือสายฟ้าออกมาจากหน้าผากเพื่อตัดความมืด พร้อมทิ้งกลิ่นเหม็นรุนแรงเอาไว้ในทุกที่ที่ปรากฏตัว

ตามชีวประวัติในปี 1903 ณ เมืองแวน มีเทอร์ รัฐไอโอวา สัตว์ประหลาดตัวนี้ได้สร้างความหวาดกลัวด้วยการบินเหนือเมืองและเกาะบนหลังคาบ้านนานนับสัปดาห์ แม้ชาวเมืองจะใช้ปืนยิงใส่แต่ก็ไม่สามารถทำอันตรายมันได้ จนกระทั่งกลุ่มชาวเมืองได้ไล่ล่าพวกมันไปยังเหมืองถ่านหินเก่าที่รกร้าง

ในเหมืองนั้นพวกเขาพบสัตว์ประหลาดอยู่ด้วยกันสองตัว ก่อนที่พวกมันจะหนีหายเข้าไปในความลึกของเหมืองและไม่กลับมาให้เห็นอีก อย่างไรก็ตาม ยังคงมีข่าวลือการพบเห็นสิ่งมีชีวิตลักษณะนี้ในหลายพื้นที่ของอเมริกาจนถึงปัจจุบัน</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">คืองี้เว้ย สิ่งที่ฉันอยากได้คือเยื่อบุแวนมีเทอร์ แต่คือไม่ได้ไง อยากจะกรี๊ดอ่ะ ต้องตีไปกี่รอบอ่ะประมาณ 2-3 ดันเจี้ยนอ่ะ ถึงจะไปรับได้ อยากจะกรี๊ด แบบว่ากว่าจะรวบรวมได้ครบ โฮ๊กๆๆๆ</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-18 12:17:54

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 28</font></h2>
<div class="sd-sub"><font size="3">กำลังพักอยู่ดี ๆ ก็เจอ งงมากนะ 555</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/NCazpAE.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">เคลพี / ม้านิลมังกร หรือ Kelpie</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">-</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         ท่าเรือฟิชเชอร์แมน ซานฟรานซิสโก <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1259&pid=9313" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">มันก็...ไม่ยาก(?)</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ก็</span>
<span class="sd-sample" style="color:var(--c2)">เฉย</span>
<span class="sd-sample" style="color:var(--c3)">เฉย</span>
<span class="sd-sample" style="color:var(--c4)">แหละ</span>
<span class="sd-sample" style="color:var(--c5)">นะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">เคลพี หรือที่รู้จักในชื่อ ม้านิลมังกร ในคติไทย เป็นวิญญาณน้ำจากตำนานสกอตแลนด์และยุโรป, ตำนานยุโรป, ตำนานพื้นบ้านสกอตแลนด์, ตำนานไทย] มักปรากฏกายในรูปม้าสีเทาหรือดำเงางามที่มีขนเปียกชื้นตลอดเวลา แผงคอถูกแทนที่ด้วยสาหร่ายหรือพืชน้ำ อสุรกายชนิดนี้เป็นศัตรูคู่อาฆาตกับสายเลือดเทพสมุทรและชอบอาศัยอยู่ตามแหล่งน้ำลึก

นิสัยของเคลพีมีความร้ายกาจและเจ้าเล่ห์ มันมักจะล่อลวงเหยื่อ (โดยเฉพาะเด็กและผู้หญิง) ให้ขึ้นขี่หลังด้วยรูปลักษณ์ที่ดึงดูดใจ ก่อนจะพาวิ่งลงสู่ก้นบึ้งของน้ำเพื่อทำให้จมน้ำและกินเป็นอาหาร นอกจากนี้ยังสามารถแปลงร่างเป็นมนุษย์รูปงามได้ แต่มักทิ้งร่องรอยให้จับได้จากเศษพืชน้ำที่ติดอยู่ในผม หรือกีบเท้าที่ผิดปกติ

จุดอ่อนที่สำคัญคือสายบังเหียนหรือขนแผงคอ หากใครสามารถคว้าไว้ได้เคลพีจะสิ้นฤทธิ์และยอมทำตามคำสั่ง ทั้งยังพ่ายแพ้ต่อพันธนาการจากเหล็กหรือเงินบริสุทธิ์ เคลพียังสามารถผสมพันธุ์กับม้าปกติจนเกิดลูกผสมที่หายใจใต้น้ำได้และมีหูสั้นเป็นเอกลักษณ์</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">ไม่ได้คิดว่ามันต้องเป็นอะไรนะ คือแบบไม่ได้คิดว่ามันพิเศษเหมือนไปสอบแล้วเจอมันแล้วต้องสู้เฉย ๆ ไม่ได้สู้ยาก แต่อาจจะหายากนิดหน่อยงี้ ไม่รู้สิ มาเป็นฝูงหน่อยก็น่าสนใจเหมือนกัน แต่ไม่น่า 555+</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-18 22:07:13

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 29</font></h2>
<div class="sd-sub"><font size="3">ชื่อเป็นฝาแฝดแต่เสือกให้โจมตีสองตัว ผมนี้ร้องเห้อย่างไว</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/H3GAVfj.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">สุนัขล่าเนื้อทองคำและเงิน หรือ Golden and Silver Hounds</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">เฮเฟตัส</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         นครทวารกา มหาสมุทรอินเดีย <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1126&pid=9750" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">มันมี 2 ตัวและเวล 200 ทั้ง 2 ตัว เพราะงั้น ... สู้นะ</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ง่าย</span>
<span class="sd-sample" style="color:var(--c2)">ก็</span>
<span class="sd-sample" style="color:var(--c3)">เหี้ย</span>
<span class="sd-sample" style="color:var(--c4)">แล้ว</span>
<span class="sd-sample" style="color:var(--c5)">ล่ะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">สุนัขล่าเนื้อทองคำและเงิน คือสุดยอดออโตมาตอน (Automaton) หรือสิ่งประดิษฐ์ที่มีชีวิตอันน่าทึ่งฝีมือของเทพเฮเฟตัส ผู้รังสรรค์พวกมันขึ้นจากทองคำบริสุทธิ์และเงินวาววับ เพื่อมอบให้แก่กษัตริย์อัลซินอุสแห่งฟาเอเชีย สำหรับทำหน้าที่เป็นผู้พิทักษ์พระราชวังที่ซื่อสัตย์ ไร้อารมณ์และไร้เทียมทานมาทุกยุคสมัย

บุคลิกของพวกมันคือการเป็นยามที่สมบูรณ์แบบ เคร่งขรึมและแม่นยำไร้ที่ติ พวกมันไม่รู้จักความเหนื่อยล้าหรือการหลับใหล มีสติปัญญาที่ช่วยให้แยกแยะมิตรออกจากศัตรูได้อย่างแม่นยำตลอด 24 ชั่วโมง ทว่าในความสมบูรณ์แบบยังมี จุดอ่อนทางกลไก เช่นข้อต่อที่เปราะบาง หรือการถูกรบกวนระบบด้วยคลื่นแม่เหล็กไฟฟ้าและเวทมนตร์ รวมถึงการทำลายแกนพลังงานหรือท่อลำเลียงของเหลวศักดิ์สิทธิ์ (Ichor) ภายในร่าง

ในฐานะสัญลักษณ์แห่งอำนาจและอัจฉริยภาพทางเทคโนโลยีของเทพเจ้า สุนัขเหล่านี้ยังคงปฏิบัติหน้าที่ปกป้องอาณาเขตโบราณอย่างไม่แปรเปลี่ยน เป็นหนึ่งในสิ่งมหัศจรรย์ที่มีชีวิตที่น่าเกรงขามที่สุดในตำนานกรีก</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">ตอนกุเห็นเลเวลกุจะกรี๊ด ไอ้เหี้ย กุเจอแต่อะไรวะเนี้ย แม่งเอ้ยยย 5555555 แล้วตียากสุด ซูกิล้มไปเป็นสอบรอบละแม่งยังไม่ตายสักกะที กุจะล่าแบ้</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

Moneka โพสต์ 2025-12-19 09:40:50

<link href="https://fonts.googleapis.com/css2?family=Mali:wght@300;400;600;700&family=Sriracha&display=swap" rel="stylesheet">

<style>
/* ===== SCOPE เฉพาะใน .sd-wrap ===== */
.sd-wrap{
max-width:980px; margin:0 auto; background:#fff; border-radius:12px; padding:24px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
font-family:'Mali','Sarabun',system-ui,-apple-system,sans-serif; color:#2b2b2b; line-height:1.7;
}
.sd-wrap *{ box-sizing:border-box; }

/* พาเลทสี */
.sd-wrap{
--c1:#262e4c; /* Cosmic Night */
--c2:#45538a; /* Lunar Shadow */
--c3:#724972; /* Galaxy Mauve */
--c4:#b199db; /* Lilac */
--c5:#e9ccd3; /* Pale Nebula */
}

.sd-title{
text-align:center; font-size:36px; margin:0 0 8px;
font-family:'Sriracha','Mali',cursive; letter-spacing:.02em;
}
.sd-sub{ text-align:center; color:#777; margin:-2px 0 26px; font-size:15px; }

.sd-top{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-bottom:24px; }
.sd-img{ width:100%; height:100%; border-radius:12px; object-fit:cover; display:block; }

.sd-color-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.sd-chip{
display:flex; align-items:center; gap:12px; padding:10px; border-radius:12px;
background:#f7f7f9; border:1px solid #ececf0;
}
.sd-chip-swatch{ width:56px; height:56px; border-radius:10px; flex:0 0 56px; }
.sd-chip > div{ min-width:0; }          /* ให้ข้อความด้านขวาห่อบรรทัดได้ */
.sd-chip-code{ font-weight:700; font-size:15px; }
.sd-chip-name{ font-size:13px; color:#6a6a6a; word-break:break-word; }

.sd-samples{ display:flex; gap:22px; justify-content:center; margin:10px 0 26px; flex-wrap:wrap; }
.sd-sample{ font-weight:700; font-size:22px; }

/* ===== บล็อกหัวข้อ + กล่องเนื้อหา (ยืดสูงตามข้อความ) ===== */
.sd-section{ margin-bottom:18px; }
.sd-section-head{
border-radius:12px 12px 0 0; padding:12px 16px; color:#fff; font-weight:800; line-height:1.6;
word-break:break-word;
}
.sd-section-body{
border:1px solid #ececf0; border-top:0; background:#fafbff;
border-radius:0 0 12px 12px; padding:16px;
}

/* ฟุตเตอร์ */
.sd-footer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.sd-foot-box{
border-radius:12px; padding:18px; color:#fff; text-align:center; font-weight:800;
font-family:'Mali','Sarabun',sans-serif;
}
.sd-foot-note{ display:block; font-weight:600; opacity:.9; font-size:12px; margin-top:6px; }

/* มือถือ */
@media (max-width:768px){
.sd-top{ grid-template-columns:1fr; }
.sd-footer{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
.sd-footer{ grid-template-columns:1fr; }
}
</style>

<div class="sd-wrap">
<h2 class="sd-title"><font size="6">สมุดโง่ ๆ ของ มณีกานต์ บุปผชาติ หน้าที่ 30</font></h2>
<div class="sd-sub"><font size="3">เอาตรง ๆ มันก็ไม่ได้ฆ่าลำบาก แต่เนื้อคราเคนเอามาทำห่านอะไรวะเนี้ย</font></div>

<section class="sd-top">

<img class="sd-img" src="https://i.imgur.com/OeGT6t5.png" alt="Galaxy">
<div class="sd-color-list">
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c1)"></div>
   <div>
      <div class="sd-chip-code">ชื่ออสรุกาย</div>
      <div class="sd-chip-name">คราเคน หรือ Kraken</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c2)"></div>
   <div>
      <div class="sd-chip-code">สังกัด</div>
      <div class="sd-chip-name">-</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c3)"></div>
   <div>
      <div class="sd-chip-code">การพิชิตครั้งแรก</div>
      <div class="sd-chip-name">
         มหาสมุทรอินเดีย <a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&goto=findpost&ptid=1122&pid=9808" style="font-size: 12px;">[กุญแจนำทาง]</a></div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c4)"></div>
   <div>
      <div class="sd-chip-code">#คำเตือน</div>
      <div class="sd-chip-name">ใครที่เป็นลูกเทพที่บินหรีืออะไรไม่ได้ก็ลำบากนะสู้ตรงทะเลเนี้ย</div>
   </div>
   </div>
   <div class="sd-chip">
   <div class="sd-chip-swatch" style="background:var(--c5)"></div>
   <div>
      <div class="sd-chip-code">#เพิ่มเติม</div>
      <div class="sd-chip-name">ได้รับตื่นรู้ +1</div>
   </div>
   </div>
</div>
</section>

<div class="sd-samples">
<span class="sd-sample" style="color:var(--c1)">ง่าย</span>
<span class="sd-sample" style="color:var(--c2)">ก็</span>
<span class="sd-sample" style="color:var(--c3)">เหี้ย</span>
<span class="sd-sample" style="color:var(--c4)">แล้ว</span>
<span class="sd-sample" style="color:var(--c5)">ล่ะ</span>
</div>


<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c1),var(--c4))"><font size="4">
   เนื้อหา ประวัติอสุรกาย
</font></div>
<div class="sd-section-body"><p><font size="3">คราเคนคืออสุรกายแห่งท้องทะเลลึกผู้ทรงพลังจาก ตำนานนอร์สและสแกนดิเนเวียมีรูปลักษณ์คล้ายหมึกยักษ์ที่มีขนาดมหึมาจนนักเดินเรือยุคโบราณมักเข้าใจผิดว่าเป็นเกาะเมื่อมองจากระยะไกล มันมีนิสัยดุร้ายโหดเหี้ยม และคาดเดาไม่ได้ โดยมักจะซุ่มอยู่ใต้ผิวน้ำเพื่อรอคอยโจมตีเรือที่ล่วงล้ำอาณาเขต

ลักษณะเด่นที่น่าพรั่นพรึงคือหนวดขนาดมหึมาที่สามารถพันรอบเรือรบทั้งลำเพื่อบดขยี้หรือลากลงสู่ก้นบึ้งของมหาสมุทรได้อย่างง่ายดาย เพียงแค่การขยับตัวของมันก็สามารถสร้างกระแสน้ำวนที่รุนแรงมากพอจะดูดกลืนทุกสิ่งหายไปในพริบตา ชาวเรือเชื่อว่าการพบเห็นคราเคนเป็นลางร้ายของการละเมิดดินแดนต้องห้าม

แม้จะเป็นอสุรกายที่น่าเกรงขาม แต่มันก็ไม่ได้โจมตีเพราะความหิวโหยเสมอไป บ่อยครั้งที่คราเคนลงมือเพื่อปกป้องอาณาเขต หรือถูกรบกวนจากกิจกรรมของมนุษย์ ปัจจุบันสามารถพบเจอพวกมันได้ในใจกลางมหาสมุทรเกือบทุกแห่งทั่วโลกยกเว้นแถบมหาสมุทรแอตแลนติก</font></p>
</div>
</div>

<div class="sd-section">
<div class="sd-section-head" style="background:linear-gradient(90deg,var(--c2),var(--c5))"><font size="4">
   เนื้อหา ประสบการณ์ของคุณ
</font></div>
<div class="sd-section-body">
   <p><font size="3">ผมอยากจะบอกว่า อะไรคับเนี้ย อยากจะกรี๊ดออกมาเป็นภาษาต่างดาวตอนที่เจอมันคือพึ่งดูหนังผีกันมา ถ้าเจอผีก็คือกรี๊ดแตกแล้วน่ะ แต่เจอคราเคนแทนไงเลยไม่ได้กรี๊ดแตกอะไร เลยจัดการไป ถ้าถามว่ามันน่ากลัวไหม ก็ไม่นะ ถ้าเทียบกับกูล 555 แม่งน่ากลัวกว่าเยอะอันนั้นแหนะ แหวะ ๆ ง่ะ</font></p>
</div>
</div>

<div class="sd-footer">
<div class="sd-foot-box" style="background:var(--c1)"><font size="2">Cosmic Night
   </font><span class="sd-foot-note"><font size="2">RGB 38 46 76</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c2)"><font size="2">Lunar Shadow
   </font><span class="sd-foot-note"><font size="2">RGB 69 83 138</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c3)"><font size="2">Galaxy Mauve
   </font><span class="sd-foot-note"><font size="2">RGB 114 73 114</font></span>
</div>
<div class="sd-foot-box" style="background:var(--c5); color:#2b2b2b;"><font size="2">Pale Nebula
   </font><span class="sd-foot-note"><font size="2">RGB 233 204 211</font></span>
</div>
</div>
</div>

หน้า: 1 2 [3] 4

Percy Jackson and the Olympians Thailand's Archiver