[ชั้นที่ 1] ล็อบบี้ (Lobby)
<style type="text/css">BODY{background:url("static/image/postbg/bgs13.png"); background-attachment:fixed; }</style>
<title>Valhalla Hotel - Lobby & Hunding</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Maitree:wght@300;400;600&display=swap');
html, body {
height: auto;
min-height: 100%;
margin: 0;
padding: 0;
background-color: #0c0c0c;
background-image: radial-gradient(circle at center, #1a1a1a 0%, #050505 100%);
color: #d4af37;
font-family: 'Maitree', serif;
overflow-y: auto;
scroll-behavior: smooth;
}
.valhalla-wrapper {
max-width: 1100px;
margin: 80px auto;
background: #0f0f0f;
border: 1px solid #4a3b1d;
box-shadow: 0 0 100px rgba(0,0,0,0.8), inset 0 0 50px rgba(212, 175, 55, 0.05);
position: relative;
padding: 60px 0;
}
/* โลโก้ */
.logo-container {
display: flex;
justify-content: center;
margin-top: -130px;
margin-bottom: 30px;
}
.logo-circle {
width: 160px;
height: 160px;
border-radius: 50%;
background: #000;
border: 3px solid #d4af37;
box-shadow: 0 0 40px rgba(212, 175, 55, 0.4);
padding: 5px;
object-fit: cover;
transition: 0.6s;
}
.title-gold {
font-family: 'Cinzel', serif;
text-align: center;
font-size: 38px;
background: linear-gradient(to bottom, #fff6e5 20%, #d4af37 50%, #8e6d13 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 40px;
letter-spacing: 7px;
}
/* โครงสร้างฟอนต์ตามคำสั่ง */
font {
display: block;
margin: 0 80px 40px 80px;
padding: 25px;
background: rgba(20, 18, 14, 0.8);
border-top: 1px solid #d4af37;
border-bottom: 1px solid #d4af37;
text-align: center;
color: #f3e5ab;
}
/* กรอบภาพสถานที่ */
.image-center-frame {
display: flex;
justify-content: center;
margin: 40px auto;
width: fit-content;
padding: 15px;
background: #000;
border: 2px solid #8e6d13;
box-shadow: 0 20px 50px rgba(0,0,0,0.9);
}
.image-center-frame img {
max-width: 800px;
width: 100%;
border: 1px solid #5a461a;
}
/* ส่วนของฮุนดิง (Hunding Section) */
.npc-section {
margin: 60px 100px;
display: flex;
align-items: center;
gap: 40px;
background: rgba(30, 25, 20, 0.5);
padding: 30px;
border: 1px ridge #d4af37;
border-radius: 15px;
}
.npc-image-wrap {
flex-shrink: 0;
width: 250px;
height: 250px;
border: 4px double #d4af37;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.npc-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.npc-info {
flex-grow: 1;
}
.npc-info h2 {
font-family: 'Cinzel', serif;
color: #fff;
margin-top: 0;
border-bottom: 2px solid #d4af37;
display: inline-block;
padding-bottom: 5px;
}
.npc-link {
display: inline-block;
margin-top: 15px;
padding: 10px 25px;
background: linear-gradient(135deg, #8e6d13, #d4af37);
color: #000;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
transition: 0.3s;
}
.npc-link:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
filter: brightness(1.2);
}
/* คำอธิบาย */
.full-description {
padding: 0 100px;
font-size: 19px;
line-height: 2;
color: #cfcfcf;
text-align: justify;
}
.full-description b { color: #ffd700; }
.ornament { text-align: center; margin: 40px 0; color: #d4af37; font-size: 24px; }
</style>
<div class="valhalla-wrapper">
<div class="logo-container">
<img src="https://iili.io/fkDf9Yx.png" class="logo-circle" alt="Valhalla Logo"><br><br><br><br></div><div class="title-gold"><font size="6"><br>[ชั้นที่ 1] ล็อบบี้ (Lobby)</font></div>
<font size="4"><b>ปลายทางแห่งวีรชน:</b> จุดจบของชีวิตจะต้องเป็นการตายอย่างมีเกียรติและกล้าหาญเท่านั้น <br>ก่อนจะถูกนำทางมาโดยเหล่านักรบวัลคีรี (ไอน์เฮริยาร์ผู้ถูกคัดเลือกโดยโอดิน)
</font>
<div class="image-center-frame">
<img src="https://i.imgur.com/Nb6X5bo.png" alt="Valhalla Lobby Scene">
</div>
<div class="ornament">✧ ⚔ ✧</div>
<div class="npc-section">
<div class="npc-image-wrap">
<img src="https://iili.io/fkm9QUl.jpg" alt="Hunding">
</div>
<div class="npc-info">
<h2><font size="4">เจ้าหน้าที่ต้อนรับ: ฮุนดิง (Hunding)</font></h2>
<p><font size="3">อดีตกษัตริย์ผู้สาบสูญที่ปัจจุบันรับหน้าที่ดูแลความเรียบร้อยในโถงต้อนรับของวัลฮัลล่า ฮุนดิงพร้อมให้บริการเหล่านักรบผู้ล่วงลับด้วยความอดทน (แม้เขาจะแอบเบื่อหน่ายบ้างในบางครั้ง)</font></p>
<a href="https://percyjackson.mooorp.com/plugin.php?id=dzs_npc:dzs_npc&npcid=221#221" target="_blank" class="npc-link"><font size="3">ดูข้อมูลเพิ่มเติม</font></a>
</div>
</div>
<div class="full-description">
เมื่อก้าวเท้าเข้ามาในล็อบบี้ของโรงแรมวัลฮัลล่า คุณจะสัมผัสได้ถึงความโอ่อ่าและยิ่งใหญ่ที่เกินความคาดหมาย โถงต้อนรับแห่งนี้ดูเหมือนจะกว้างขวางกว่าที่เห็นจากภายนอกเป็นเท่าตัว กินพื้นที่ราวหนึ่งเอเคอร์ที่ปูทับด้วยหนังสัตว์แปลกตาจากดินแดนมิธที่ไม่มีใครรู้จัก พรมหนังสัตว์เหล่านี้ไม่ได้เป็นแค่ของประดับ แต่เป็นเหมือนผืนพรมแดงแห่งชัยชนะที่เชิญชวนให้แขกผู้มาเยือนได้ดื่มด่ำกับเรื่องราวที่ซ่อนอยู่ใต้ฝ่าเท้า <br><br>
<b>จุดเด่นที่สะกดทุกสายตา</b> คือเตาผิงขนาดยักษ์ที่ใหญ่พอ ๆ กับห้องนอนขนาดมาตรฐานในโลกมนุษย์ เปลวไฟที่ลุกโชนอยู่ในนั้นไม่ได้ให้แค่ความอบอุ่น แต่ยังขับไล่ความมืดมิดและเป็นเหมือนสัญญาณต้อนรับผู้กล้าทุกคนที่กลับมาจากภารกิจที่ท้าทาย <br><br>
เคาน์เตอร์ประชาสัมพันธ์ที่ตั้งอยู่ด้านหน้าสร้างจาก <b>ท้องเรือโบราณของเฮลกี</b> ดูลึกลับและเปี่ยมไปด้วยเรื่องราวการผจญภัยในอดีต ราวกับว่าเรือลำนี้ได้นำพาแขกผู้มาเยือนจากอีกโลกหนึ่งมาสู่วัลฮัลล่าโดยตรง พนักงานที่คอยให้ข้อมูลก็เป็นมิตรและพร้อมให้ความช่วยเหลือเสมอ ไม่ว่าจะเป็นการเช็กอิน, สอบถามข้อมูล หรือแม้แต่การรับภารกิจใหม่ <br><br>
เงยหน้ามองเพดานแล้วคุณจะเห็นการตกแต่งที่น่าทึ่งยิ่งกว่า: <b>หอกแหลมคมนับร้อยนับพันเล่ม</b> ถูกจัดเรียงไว้อย่างเป็นระเบียบ แสงไฟที่ส่องลงมากระทบปลายหอกสะท้อนเป็นประกายระยิบระยับ ราวกับท้องฟ้าที่เต็มไปด้วยดวงดาว ผนังโดยรอบถูกประดับประดาด้วยโล่โบราณที่ผ่านศึกสงครามมาอย่างโชกโชน แต่ละโล่เล่าเรื่องราวความกล้าหาญและความเสียสละของผู้กล้าในอดีต <br><br>
และที่สำคัญที่สุดคือ <b>กระดานประกาศขนาดใหญ่</b> ที่ตั้งอยู่กลางล็อบบี้ อัปเดตกิจกรรมประจำวัน ข่าวสารสำคัญ และภารกิจใหม่ ๆ ที่รอคอยผู้กล้าทุกคน มันเป็นเหมือนศูนย์กลางข้อมูลที่ทำให้ทุกคนเชื่อมโยงกันและไม่พลาดทุกความเคลื่อนไหวในโรงแรมวัลฮัลล่าแห่งนี้
</div>
</div>
หน้า:
[1]