[ชั้นที่ 1] ห้องทำงานของเฮลกี
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Metamorphous&family=Playfair+Display:ital,wght@1,700&display=swap');
/* --- 🪓 HOTEL VALHALLA EXECUTIVE WRAPPER --- */
.valhalla-suite-wrapper {
max-width: 1050px;
margin: 50px auto;
background: #1a1510; /* สีน้ำตาลไม้โอ๊กเข้ม */
border: 3px solid #c5a059;
box-shadow: 0 60px 200px rgba(0,0,0,0.7);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
overflow: hidden;
}
/* --- 🖼️ MAIN HERO BANNER (FULL WIDTH) --- */
.suite-hero-frame {
width: 100%;
line-height: 0;
position: relative;
border-bottom: 5px solid #c5a059;
}
.suite-hero-frame img {
width: 100%;
height: auto;
display: block;
filter: brightness(0.8) sepia(0.2);
}
.suite-overlay-title {
position: absolute;
bottom: 0; left: 0; width: 100%;
background: linear-gradient(to top, rgba(26, 21, 16, 1), transparent);
padding: 60px 0 30px 0;
text-align: center;
}
/* --- 📜 EXECUTIVE CONTENT AREA --- */
.suite-body {
padding: 60px 80px;
background-image: url('https://www.transparenttextures.com/patterns/dark-leather.png');
}
.executive-card {
background: #fdfaf2;
border: 1px solid #c5a059;
padding: 50px;
position: relative;
box-shadow: 0 0 50px rgba(0,0,0,0.5);
}
/* ตกแต่งด้วยภาพแทรกขนาดเล็กด้านข้าง */
.side-image-float {
width: 300px;
float: right;
margin: 0 0 20px 30px;
border: 4px double #c5a059;
line-height: 0;
}
/* --- 📜 VIKING LAWS BOX --- */
.valhalla-laws-box {
background: #2a2118;
border: 2px solid #c5a059;
margin: 40px 0;
padding: 40px;
position: relative;
}
.law-item {
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px dashed rgba(197, 160, 89, 0.3);
}
/* --- ⚔️ EINHERJAR REGISTRATION --- */
.promotion-box {
background: linear-gradient(135deg, #3d2b1f 0%, #1a1510 100%);
padding: 40px;
text-align: center;
border: 2px solid #c5a059;
}
/* --- 🏁 FOOTER --- */
.suite-footer {
background: #000;
padding: 30px;
text-align: center;
border-top: 2px solid #c5a059;
}
</style>
<div class="valhalla-suite-wrapper">
<div class="suite-hero-frame">
<img src="https://iili.io/f8UJHru.png" alt="Helgi's Executive Suite Main">
<div class="suite-overlay-title">
<font face="Cinzel Decorative" size="7" color="#c5a059" style="letter-spacing: 10px; text-shadow: 0 0 20px #000;">
<b>HELGI'S SUITE</b>
</font>
<font face="Metamorphous" size="2" color="#ffffff" style="letter-spacing: 5px; display: block; margin-top: 10px;">EXECUTIVE MANAGER OF VALHALLA</font>
</div>
</div>
<div class="suite-body">
<div class="executive-card">
<div class="side-image-float">
<img src="https://iili.io/f8UJyjp.png" width="100%" alt="Helgi's Detail">
</div>
<font face="Metamorphous" size="5" color="#3d2b1f">ที่พำนักของผู้พิทักษ์วีรชน</font><br>
<font face="Playfair Display" size="2" color="#c5a059" style="letter-spacing: 3px;">THE ARCHIVE OF BRAVERY</font>
<hr style="border:0; border-top: 1px solid #c5a059; margin: 20px 0;">
<div style="line-height: 2.4; text-align: justify;">
<font size="3" color="#333333">
<b>ห้องทำงานของเฮลกี</b> ตั้งตระหง่านอย่างสง่างามอยู่ที่ชั้นเดียวกับล็อบบี้ของโรงแรมวัลฮัลล่า เพื่อให้เขาสามารถสอดส่องดูแลความเรียบร้อยของที่พักเหล่าวีรชนได้อย่างทั่วถึง ภายในตกแต่งด้วยสถาปัตยกรรมนอร์สโบราณที่ผสานความหรูหราของโรงแรมระดับห้าดาว ผนังไม้โอ๊กสลักลายอิกดราซิลประดับด้วยหัวกวางเรนเดียร์ทองคำและโล่เกียรติยศ
</font>
<br><br>
<font size="3" color="#333333">
บนโต๊ะหินชนวนมหึมาเต็มไปด้วยเอกสารสำคัญ ตั้งแต่การจองห้องพักไปจนถึงบัญชีรายชื่อของ <b>ไอน์เฮริยาร์ (Einherjar)</b> รุ่นใหม่ บรรยากาศอบอวลด้วยกลิ่นหนังเก่าและควันฟืนจางๆ สะท้อนมาดผู้จัดการโรงแรมผู้บริหารงานมานับพันปีด้วยความเป็นเลิศสูงสุด ไม่ว่าจะเป็นการต้อนรับวิญญาณหรือระงับเหตุทะเลาะวิวาท
</font>
</div>
<div style="clear: both;"></div>
</div>
<div class="valhalla-laws-box">
<div style="text-align: center; margin-bottom: 30px;">
<font face="Cinzel Decorative" size="5" color="#c5a059"><b>THE 3 IRON LAWS</b></font><br>
<font size="2" color="#ffffff">BY MANAGER HELGI</font>
</div>
<div class="law-item">
<font color="#c5a059" size="3"><b>01. ห้ามการประลองที่ถึงแก่ความตายภายในห้องพัก</b></font><br>
<font size="3" color="#cccccc">อนุญาตให้สู้รบได้เฉพาะในลานประลองที่จัดไว้ หากห้องพักเสียหาย ผู้กระทำผิดต้องรับผิดชอบค่าซ่อมแซมด้วยสกุลเงินโรงแรม</font>
</div>
<div class="law-item">
<font color="#c5a059" size="3"><b>02. ตรงต่อเวลาในมื้ออาหารค่ำที่โถงจัดเลี้ยง</b></font><br>
<font size="3" color="#cccccc">อาหารทิพย์จากหมูซาริมเนอร์เสิร์ฟตรงเวลาเสมอ การมาสายคือการดูหมิ่นเชฟและจะถูกงดเสิร์ฟน้ำเมดเป็นเวลาสามราตรี</font>
</div>
<div class="law-item" style="border:none;">
<font color="#c5a059" size="3"><b>03. เคารพสิทธิในความเป็นส่วนตัวของผู้อื่น</b></font><br>
<font size="3" color="#cccccc">ห้ามบุกรุกห้องพักผู้อื่นโดยไม่ได้รับอนุญาต เฮลกีมีสิทธิ์ขาดในการเนรเทศผู้ที่ก่อความเดือดร้อนรำคาญซ้ำซากออกสู่โลกภายนอกทันที</font>
</div>
</div>
</div>
<div class="suite-footer">
<font face="Cinzel Decorative" size="1" color="#c5a059" style="letter-spacing: 5px;">HOTEL VALHALLA • EXECUTIVE SUITE • SINCE ANCIENT TIMES</font>
</div>
</div>
หน้า:
[1]