God โพสต์ 2025-7-22 23:04:31

[กระท่อมที่ 8] กระท่อมอาร์เทมีส




<style type="text/css">
body {
background: url("https://i.postimg.cc/gJqtXKGr/image-2025-07-22-225045513.png") center center fixed;
background-size: cover;
overflow-x: hidden;
margin: 0;
padding: 0;
}

#artemisFrame {
box-shadow: 0 0 30px #88ddee, inset 0 0 20px #aafaff;
background: linear-gradient(rgba(10,10,20,0.0), rgba(20,30,40,0.85)), url("https://i.postimg.cc/gJqtXKGr/image-2025-07-22-225045513.png");
margin: 50px auto;
padding: 30px;
border-radius: 40px;
position: relative;
z-index: 1;
overflow: hidden;
}

#artemisFrame::before {
content: "";
position: absolute;
top: -30%;
left: -30%;
width: 100%;
height: 100%;
background: url(" - ") repeat;
background-size: cover;
opacity: 0.15;
mix-blend-mode: screen;
animation: slowLava 30s linear infinite;
z-index: 0;
}

#artemisContent {
background: rgba(20,30,40,0.75);
width: 860px;
margin: 0 auto; /* สำคัญ: ช่วยจัดให้อยู่ตรงกลางแนวนอน */
color: #d8f1ff;
text-shadow: 0 0 5px #1a2a33;
box-shadow: inset 0 0 2em rgba(150,200,255,0.2);
border-radius: 30px;
padding: 60px;
font-size: 3em;
line-height: 1.9em;
position: relative;
z-index: 2;
text-align: center;
}

#artemisText {
width: 500px;
margin: 0 auto; /* สำคัญ: ช่วยจัดให้อยู่ตรงกลางแนวนอน */
position: relative;

}

.artemisHeader {
font-family: 'Sriracha', cursive;
font-size: 60px;
color: #c4f3ff;
text-align: center;
text-shadow:
    0 0 10px #a0e4ff,
    0 0 20px #77c6f0,
    2px 2px 8px #446688;
animation: flameWave 1.2s infinite ease-in-out;
margin-bottom: 40px;
}

.artemisNote {
font-style: italic;
font-size: 0.95em;
color: #aeefff;
margin-top: 30px;
text-align: center;
}

.image-hover-container {
position: relative;
width: 512px;
margin: 0 auto 40px;
overflow: hidden;
}

.image-hover-container img {
width: 100%;
display: block;
transition: opacity 0.4s ease;
}

.image-hover-container img.hover-img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}

.image-hover-container:hover img.hover-img {
opacity: 1;
}

.image-hover-container:hover img.default-img {
opacity: 0;
}

/* Animation */
@keyframes flameWave {
0% { transform: scale(1); }
50% { transform: scale(1.02) rotate(-0.5deg); }
100% { transform: scale(1); }
}
@keyframes slowLava {
0% { background-position: 0 0; }
100% { background-position: 800px 800px; }
}
</style>

<div id="artemisFrame"><br><br>
<div id="artemisContent">
    <div class="artemisHeader">กระท่อมอาร์เทมีส</div>

    <div class="image-hover-container">
      <img src="https://i.imgur.com/gCwwZST.png" class="default-img">
      <img src="https://i.imgur.com/PxWdAd1.png" class="hover-img">
    </div>
<div id="artemisText">
    <p style="font-family: Kanit; text-align: justify;">
      กระท่อมอาร์เทมีสอาจดูเรียบง่ายไม่ต่างจากกระท่อมไม้ทั่วไปในยามกลางวัน แต่เมื่อรัตติกาลมาเยือน ที่นี่จะแปรเปลี่ยนเป็นอาณาจักรแห่งแสงจันทร์ กระท่อมทั้งหลังจะเปล่งประกายสีเงินนวลสว่างไสว ราวกับถูกอาบไล้ด้วยแสงจันทร์โดยตรง
ย่างก้าวเข้าสู่ภายใน คุณจะพบกับบรรยากาศที่เรียบง่ายแต่เปี่ยมด้วยจิตวิญญาณแห่งพงไพร เตียงสองชั้นเรียงรายอยู่สองฝั่ง ทุกเตียงปูด้วย เครื่องนอนที่ทำจากหนังสัตว์ ให้สัมผัสอบอุ่นและเป็นธรรมชาติ โดยเฉพาะ ดอกแอสโฟเดลสีเหลืองทอง (พืชศักดิ์สิทธิ์ของอาร์เทมีส) ที่แซมอยู่บนผ้าห่มนั้น จะเรืองแสงเรื่อๆ คล้ายแสงจันทร์อ่อนๆ ยามค่ำคืน สร้างบรรยากาศสงบและศักดิ์สิทธิ์<br><br>

คานไม้ไซเปรสสีเขียวเข้ม ที่พาดผ่านเพดานเป็นซี่ๆ ผสานเข้ากับ ผนังสีเงินวาว ที่ถูกประดับด้วย หนังสัตว์นานาชนิดและอาวุธล่าสัตว์ บ่งบอกถึงวิถีชีวิตของนักล่าผู้กล้าหาญ กลิ่นอายของ ไม้สนและขนกวาง อบอวลไปทั่วทั้งกระท่อม ชวนให้รู้สึกราวกับอยู่ท่ามกลางป่าลึกอันบริสุทธิ์<br><br>

แม้จะถูกบรรยายว่าตกแต่งอย่างเรียบง่าย มีเพียงหนังสัตว์และดอกแอสโฟเดลเป็นเครื่องประดับ แต่ทุกองค์ประกอบล้วนสะท้อนถึงความผูกพันอันลึกซึ้งกับธรรมชาติและการล่าสัตว์ อันเป็นวิถีของอาร์เทมีส<br><br>

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

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

<style name="captain" type="text/css">
img {border-radius: 8px;}</style><style name="captain" type="text/css">
img {border-radius: 8px;}
      
img { filter: alpha
(opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}
      
img:hover{
-webkit-transform:scale(0.9);
transform:scale(0.9);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>

Parida โพสต์ 2025-9-3 23:54:05


<!-- หนังสือพิมพ์เวทมนตร์สไตล์คลาสสิก -->
<div style="
    font-family: 'Sarabun', sans-serif;
    background-color: #FAF0E6;
    border: 6px solid #4B2E2E;
    border-radius: 10px;
    padding: 30px;
    width: 90%;
    max-width: 1000px;
    margin: 50px auto;
    box-shadow: 0 0 20px #8B4513 inset;
    position: relative;
    overflow: hidden;
">

    <!-- หัวข้อ -->
    <div class="draggable" style="
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      color: #3B3B3B;
      margin-bottom: 10px;
      cursor: move;
    ">ค่ายฮาล์ฟบลัด</div>

    <!-- วันที่ -->
    <div class="draggable" style="
      font-size: 16px;
      color: #3B3B3B;
      text-align: right;
      margin-bottom: 10px;
      cursor: move;
    ">วันที่: 3 กันยายน 2025&nbsp;</div>

    <!-- บันทึกลึกลับ -->
    <div class="draggable" style="
      font-size: 22px;
      font-weight: bold;
      color: #3B3B3B;
      text-align: center;
      margin-bottom: 20px;
      cursor: move;
    ">บันทึกลึกลับ ของ บุตรีเฮคาที ฉบับที่ 45</div>

    <!-- คอลัมน์รูปภาพ + ข้อความ พร้อม scroll ทั้งกล่อง -->
    <div style="display: flex; gap: 20px; align-items: flex-start; max-height: 600px; overflow-y: auto; padding-right: 10px;">

      <!-- รูปภาพ -->
      <div class="draggable floating-image" style="flex: 0 0 280px; cursor: move;">
            <img src="https://img5.pic.in.th/file/secure-sv1/1000065558.md.jpg" alt="ภาพลึกลับ" style="width: 100%; border: 4px solid #5D3A66; border-radius: 10px; box-shadow: 0 0 15px #B497BD;">
      </div>

      <!-- เส้นคั่น -->
      <div style="width: 2px; background-color: #4B2E2E;"></div>

      <!-- ข้อความเนื้อหา -->
      <div class="draggable floating-text" style="flex: 1 1 0%; font-size: 18px; line-height: 1.8; cursor: move;">
            <p style="color: rgb(59, 59, 59);">เนื้อหาโรลเพลย์:&nbsp;</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; หลังจากเยี่ยมชมบ้านอะพอลโลแล้ว ทีน่า แซนโดวาล ได้พา ภริดา อารยภักดีเทวราช หรือ ริดา มุ่งหน้าสู่บ้านอาร์เทมีสซึ่งตั้งอยู่ลึกเข้าไปทางทิศเหนือของค่าย บริเวณที่เงียบสงบและถูกโอบล้อมไปด้วยแนวไม้สูงชะลูดราวกับเป็นม่านธรรมชาติที่คอยปกปักรักษาพื้นที่ศักดิ์สิทธิ์แห่งนี้</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;​เสียงใบไม้เสียดสีกันดัง “ซู่ซ่า” ตามแรงลมที่พัดผ่าน กลิ่นหอมสดชื่นของพงไพรและไอหมอกบางๆ ที่ลอยอ้อยอิ่งบนพื้นดินทำให้บรรยากาศรอบๆ เต็มไปด้วยความลี้ลับและขลัง ขณะที่ริดาเดินตามทีน่าไป เธออดไม่ได้ที่จะหันซ้ายแลขวาอย่างสนใจ ดวงตาสีน้ำตาลเข้มของเธอสะท้อนประกายความตื่นเต้นและอยากรู้อยากเห็น</p><p style="color: rgb(59, 59, 59);">“ที่นี่… ให้ความรู้สึกแตกต่างจากบ้านอะพอลโลมากเลยค่ะพี่ทีน่า” ริดาเอ่ยเสียงแผ่ว แต่เต็มไปด้วยความตื่นตาตื่นใจ “ราวกับว่าเราได้เดินเข้าสู่โลกอีกใบที่สงบและศักดิ์สิทธิ์กว่าเดิม”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;​ทีนาหันมายิ้มบางๆ พลางพยักหน้าช้าๆ “ถูกต้องเลยจ้ะ ริดา บ้านอาร์เทมีสถือเป็นสถานที่พิเศษมาก เพราะเหล่าลูกครึ่งเทพของอาร์เทมีสล้วนถือคำปฏิญาณอันศักดิ์สิทธิ์ที่จะดำรงชีวิตอย่างนักล่าผู้ยึดมั่นในธรรมชาติ บ้านหลังนี้จึงไม่เหมือนใคร… แม้เราจะไม่ได้รับอนุญาตให้เข้าไปภายใน แต่พี่ก็อยากให้เธอได้สัมผัสถึงความงดงามจากตรงนี้”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp; ​เมื่อเดินมาถึงหน้ากระท่อมริดาก็ต้องหยุดหายใจแผ่วเบา เพราะภาพเบื้องหน้าช่างน่าตราตรึงใจนัก กระท่อมอาร์เทมีส ตั้งตระหง่านอยู่ท่ามกลางพงไพร</p><p style="color: rgb(59, 59, 59);">​ในยามกลางวัน กระท่อมแห่งนี้ดูเรียบง่าย เป็นเพียงกระท่อมไม้ที่ถ่อมตนและกลมกลืนไปกับธรรมชาติ แต่ทีน่าได้ชี้ให้ริดาดูพร้อมบรรยายอย่างละเอียด</p><p style="color: rgb(59, 59, 59);">“แม้จะดูเรียบง่ายแบบนี้ แต่เมื่อรัตติกาลมาเยือน ที่นี่จะแปรเปลี่ยนเป็น อาณาจักรแห่งแสงจันทร์ ทั้งหลังจะเปล่งประกายเป็นสีเงินนวลสว่างไสว ราวกับถูกอาบไล้ด้วยแสงจันทร์โดยตรง… เป็นภาพที่สวยงามจนยากจะลืมเลือน”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; ​ริดาเบิกตากว้าง จินตนาการภาพตามคำพูดของทีน่า ราวกับเห็นกระท่อมส่องแสงท่ามกลางความมืดของราตรีจริง เธออดไม่ได้ที่จะยกมือขึ้นทาบอก ความรู้สึกตื่นตะลึงและสงบสุขประดังเข้ามาพร้อมกัน</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp; ทีน่าบรรยายต่อด้วยน้ำเสียงละมุนราวเสียงสายลมพัดผ่านต้นสน “หากก้าวเข้าสู่ภายใน จะพบว่ากระท่อมนี้ตกแต่งด้วยความเรียบง่าย แต่ทุกองค์ประกอบล้วนสะท้อนจิตวิญญาณแห่งพงไพร เตียงสองชั้นจะถูกจัดเรียงอย่างเป็นระเบียบอยู่สองฝั่งของห้อง แต่ละเตียงปูด้วยเครื่องนอนที่ทำจากหนังสัตว์ ให้ความอบอุ่นและเป็นธรรมชาติยิ่งนัก ที่สำคัญคือ ดอกแอสโฟเดลสีเหลืองทอง ซึ่งเป็นพืชศักดิ์สิทธิ์ของอาร์เทมีส ถูกแซมไว้บนผ้าห่ม และในยามค่ำคืนดอกไม้นี้จะเรืองแสงอ่อนๆ คล้ายแสงจันทร์ สร้างบรรยากาศสงบและศักดิ์สิทธิ์จนทำให้ผู้พักอาศัยรู้สึกราวกับกำลังนอนอยู่ท่ามกลางแสงของเทพีอาร์เทมีสเอง”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp; ​ริดายิ้มอย่างซาบซึ้ง เธอเงยหน้ามองหลังคากระท่อมซึ่งทำจากไม้ไซเปรสสีเขียวเข้มที่พาดเป็นคานอย่างแข็งแรงและสง่างาม แม้จะยืนอยู่ด้านนอก แต่กลิ่นอายของไม้สนผสมขนกวางที่ลอยอวลออกมาจากภายในก็ทำให้เธอเหมือนได้ยืนอยู่กลางป่าลึก</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; “กลิ่นนี้… มันอบอุ่นแต่ก็มีความดิบและเป็นธรรมชาติ น่าหลงใหลเหลือเกินค่ะ” ริดาเอ่ยเบาๆ ด้วยน้ำเสียงประทับใจ</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;ทีน่ายิ้มและพยักหน้าอย่างเข้าใจ “ใช่เลยริดา ความรู้สึกนี้เป็นเอกลักษณ์ของบ้านอาร์เทมีส ทุกอย่างที่นี่ไม่ได้ตกแต่งเพื่อความหรูหรา แต่เพื่อแสดงถึงความผูกพันอันลึกซึ้งระหว่างเหล่านักล่ากับธรรมชาติและสัตว์ป่า”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp; ​ทีน่าชี้ไปยังหน้าต่างที่มองทะลุเข้าไปเห็นมุมหนึ่งของห้องซึ่งมีชั้นหนังสือเก่าแก่ตั้งสูงตระหง่าน “นั่นคือคลังความรู้ที่ถูกส่งต่อจากรุ่นสู่รุ่น ภายในเต็มไปด้วยตำราล้ำค่ามากมาย เช่น วิธีล่าสัตว์และสัตว์ประหลาด, วิธีแกะรอย, หรือแม้แต่เรื่องราวของเทพีอาร์เทมีสเอง หนังสือเหล่านี้คือขุมทรัพย์ทางปัญญาที่ช่วยให้เหล่านักล่าเชี่ยวชาญทั้งการต่อสู้ การเอาชีวิตรอด และการเข้าใจธรรมชาติอย่างถ่องแท้”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;ริดามองภาพนั้นด้วยสายตาที่เต็มไปด้วยความเคารพ ก่อนจะหันมากล่าวกับทีน่าเสียงอ่อนโยน “พี่ทีน่า… หนูเข้าใจแล้วว่าทำไมบ้านหลังนี้ถึงถูกยกย่องให้เป็นสถานที่ศักดิ์สิทธิ์ ไม่ใช่เพียงเพราะอาร์เทมีส แต่เพราะทุกสิ่งที่นี่หลอมรวมเป็นหนึ่งเดียวกับธรรมชาติอย่างแท้จริง”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;ทีน่ายิ้มกว้างอย่างภาคภูมิใจ ดวงตาของเธอเปล่งประกายด้วยความสุขที่ได้เห็นริดาซาบซึ้งถึงความหมายของสถานที่แห่งนี้ “ดีใจที่เธอรับรู้ถึงสิ่งนั้นจ้ะ ริดา… เอาล่ะ พี่ว่าเราไปสถานที่ถัดไปกันต่อดีกว่า ระหว่างทางพี่จะเล่าเรื่องราวของนักล่าผู้กล้าหาญในอดีตให้ฟังด้วย เธอจะได้เข้าใจถึงตำนานของอาร์เทมีสมากยิ่งขึ้น”</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;​เมื่อพูดจบ ทีนาผายมือเชื้อเชิญให้ริดาก้าวเดินตาม ขณะที่สายลมพัดผ่าน ใบไม้ไหวพลิ้วดั่งกำลังโบกมือลาสองสาว ทั้งสองจึงเดินจากไปพร้อมกัน ทิ้งไว้เพียงความสงบและความศักดิ์สิทธิ์ของบ้านอาร์เทมีสที่ยังคงเปล่งประกายงดงามอยู่ท่ามกลางพงไพร</p><p style="color: rgb(59, 59, 59);"><br></p><p style="text-align: right;"><font color="#8b0000">รับรางวัล : +15EXP</font></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">​</p><p style="color: rgb(59, 59, 59);">​</p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; ​</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;​</p><p style="color: rgb(59, 59, 59);">​</p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; &nbsp;​</p><p style="color: rgb(59, 59, 59);">​</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp;</p><p style="color: rgb(59, 59, 59);"><br></p><p style="color: rgb(59, 59, 59);">&nbsp;</p><p style="color: rgb(59, 59, 59);">&nbsp; &nbsp; ​</p><p style="color: rgb(59, 59, 59);">&nbsp;&nbsp;</p><p style="text-align: right; color: rgb(59, 59, 59);">&nbsp; &nbsp;&nbsp;</p>

            <p style="color: rgb(59, 59, 59); text-align: center; margin-top: 30px;"><br></p>

            <p style="color: rgb(59, 59, 59); text-align: center; margin-top: 15px;"><br></p>
      </div>

    </div>

    <!-- คำคมเวทมนตร์ -->
    <div class="draggable floating-text" style="
      font-size: 20px;
      font-style: italic;
      text-align: center;
      margin-top: 30px;
      color: #4B2E2E;
      border-top: 2px solid #4B2E2E;
      padding-top: 10px;
      cursor: move;
    ">
      "ในความมืดมิดยังมีแสงนำทางผู้กล้าแห่งเฮคาที"
    </div>

    <!-- สถานที่และหัวข้อเพิ่มเติม -->
    <div class="draggable" style="font-size: 16px; margin-top: 15px; cursor: move;">
      <strong>สถานที่:</strong>&nbsp;กระท่อมหมายเลขที่ 8 าร์เทมีส |&nbsp; <strong>หัวข้อ:</strong>&nbsp;อาณาจักรแห่งแสงจันทร์</div>

</div>

<!-- CSS สำหรับ Floating Effect และ Scrollbar -->
<style>
@keyframes floatText {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-3px); }
    100% { transform: translateY(0px); }
}
.floating-text {
    animation: floatText 4s ease-in-out infinite;
}

@keyframes floatImage {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}
.floating-image img {
    animation: floatImage 5s ease-in-out infinite;
}

/* Scrollbar กล่องหลัก */
div::-webkit-scrollbar {
    width: 10px;
}
div::-webkit-scrollbar-track {
    background: #FAF0E6;
}
div::-webkit-scrollbar-thumb {
    background-color: #4B2E2E;
    border-radius: 10px;
    border: 2px solid #FAF0E6;
}
</style>
หน้า: [1]
ดูในรูปแบบกติ: [กระท่อมที่ 8] กระท่อมอาร์เทมีส