[กระท่อมที่ 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>
<!-- หนังสือพิมพ์เวทมนตร์สไตล์คลาสสิก -->
<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 </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);">เนื้อหาโรลเพลย์: </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);"><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);"><br></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);"> เมื่อเดินมาถึงหน้ากระท่อมริดาก็ต้องหยุดหายใจแผ่วเบา เพราะภาพเบื้องหน้าช่างน่าตราตรึงใจนัก กระท่อมอาร์เทมีส ตั้งตระหง่านอยู่ท่ามกลางพงไพร</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);"> ริดาเบิกตากว้าง จินตนาการภาพตามคำพูดของทีน่า ราวกับเห็นกระท่อมส่องแสงท่ามกลางความมืดของราตรีจริง เธออดไม่ได้ที่จะยกมือขึ้นทาบอก ความรู้สึกตื่นตะลึงและสงบสุขประดังเข้ามาพร้อมกัน</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);"><br></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);"> “กลิ่นนี้… มันอบอุ่นแต่ก็มีความดิบและเป็นธรรมชาติ น่าหลงใหลเหลือเกินค่ะ” ริดาเอ่ยเบาๆ ด้วยน้ำเสียงประทับใจ</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);"><br></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);"> ริดามองภาพนั้นด้วยสายตาที่เต็มไปด้วยความเคารพ ก่อนจะหันมากล่าวกับทีน่าเสียงอ่อนโยน “พี่ทีน่า… หนูเข้าใจแล้วว่าทำไมบ้านหลังนี้ถึงถูกยกย่องให้เป็นสถานที่ศักดิ์สิทธิ์ ไม่ใช่เพียงเพราะอาร์เทมีส แต่เพราะทุกสิ่งที่นี่หลอมรวมเป็นหนึ่งเดียวกับธรรมชาติอย่างแท้จริง”</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);"><br></p><p style="color: rgb(59, 59, 59);"> เมื่อพูดจบ ทีนาผายมือเชื้อเชิญให้ริดาก้าวเดินตาม ขณะที่สายลมพัดผ่าน ใบไม้ไหวพลิ้วดั่งกำลังโบกมือลาสองสาว ทั้งสองจึงเดินจากไปพร้อมกัน ทิ้งไว้เพียงความสงบและความศักดิ์สิทธิ์ของบ้านอาร์เทมีสที่ยังคงเปล่งประกายงดงามอยู่ท่ามกลางพงไพร</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);"> </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);"> </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);"> </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);"> </p><p style="text-align: right; color: rgb(59, 59, 59);"> </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> กระท่อมหมายเลขที่ 8 าร์เทมีส | <strong>หัวข้อ:</strong> อาณาจักรแห่งแสงจันทร์</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]