พิพิธภัณฑ์ประวัติศาสตร์ธรรมชาติอเมริกัน (AMNH)
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Bodoni+Moda:ital,wght@1,700&display=swap');
/* --- 🏛️ IMPERIAL MUSEUM CONTAINER --- */
.imperial-amnh-wrapper {
max-width: 1000px;
margin: 60px auto;
background: #ffffff;
border: 1px solid #c5a059;
box-shadow: 0 80px 150px rgba(0,0,0,0.3);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
}
/* --- 🌌 GRAND CINEMATIC HEADER --- */
.amnh-main-hero {
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
border-bottom: 5px solid #3d2b1f;
}
.amnh-main-hero img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.8) contrast(1.1);
}
.hero-title-sculpture {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 80%;
}
/* --- 🏺 MULTI-IMAGE EXHIBITION GRID --- */
.museum-exhibit-grid {
display: flex;
gap: 20px;
padding: 50px 80px;
background: #fdfaf2;
margin-top: -100px; /* ให้ภาพซ้อนทับส่วน Banner */
position: relative;
z-index: 10;
}
.exhibit-frame {
flex: 1;
border: 4px solid #ffffff;
box-shadow: 0 15px 40px rgba(0,0,0,0.2);
line-height: 0;
transition: 0.5s;
}
.exhibit-frame img {
width: 100%;
height: 250px;
object-fit: cover;
}
/* --- 📜 CONTENT LAYERS --- */
.museum-inner-scroll {
padding: 80px 120px;
background-color: #ffffff;
position: relative;
}
.chronos-box {
border: 2px solid #c5a059;
padding: 60px;
margin-top: 60px;
position: relative;
background: #fffdf8;
}
.chronos-box::after {
content: "";
position: absolute;
top: 10px; left: 10px; right: 10px; bottom: 10px;
border: 1px solid rgba(197, 160, 89, 0.3);
pointer-events: none;
}
/* --- 🕴️ GUARDIAN PROFILE SECTION --- */
.guardian-vault-card {
background: #1a1a1a;
margin-top: 100px;
padding: 60px;
display: flex;
gap: 50px;
align-items: center;
border: 1px solid #c5a059;
}
.guardian-portrait {
width: 300px;
height: 400px;
border: 5px solid #ffffff;
box-shadow: 0 0 30px rgba(197, 160, 89, 0.4);
flex-shrink: 0;
overflow: hidden;
}
.guardian-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* --- 🏁 FOOTER --- */
.amnh-royal-footer {
background: #000;
padding: 40px;
text-align: center;
border-top: 5px solid #c5a059;
}
</style>
<div class="imperial-amnh-wrapper">
<div class="amnh-main-hero">
<img src="https://iili.io/fU63ucv.png" alt="AMNH Exterior">
<div class="hero-title-sculpture">
<font face="Cinzel Decorative" size="7" color="#ffffff" style="letter-spacing: 15px; text-shadow: 0 0 30px #c5a059;">
<b>A M N H</b>
</font><br>
<div style="width: 200px; height: 1px; background: #c5a059; margin: 25px auto;"></div>
<font face="Cinzel Decorative" size="2" color="#ffffff" style="letter-spacing: 6px; opacity: 0.9;">THE AMERICAN MUSEUM OF NATURAL HISTORY</font>
</div>
</div>
<div class="museum-exhibit-grid">
<div class="exhibit-frame"><img src="https://iili.io/fU6Cbgn.png"></div>
<div class="exhibit-frame"><img src="https://iili.io/fU636OB.png"></div>
<div class="exhibit-frame"><img src="https://iili.io/fU6qskv.png"></div>
</div>
<div class="museum-inner-scroll">
<div style="text-align: center; margin-bottom: 80px;">
<font face="Bodoni Moda" size="6" color="#3d2b1f" style="font-style: italic;">"The Archive of Infinite Time"</font>
<br><br>
<font size="3" color="#666" style="line-height: 2.2;">
ย่าน Upper West Side แห่งแมนแฮตตัน คือที่ตั้งของวิหารแห่งความรู้ที่เชื่อมโยงมวลมนุษยชาติเข้ากับธรรมชาติ
อาคาร 21 หลังที่เชื่อมต่อกันคือพยานแห่งประวัติศาสตร์ที่บรรจุจิตวิญญาณของวิทยาศาสตร์ไว้ในทุกตารางฟุต
</font>
</div>
<div class="chronos-box">
<font face="Cinzel Decorative" size="4" color="#c5a059"><b>MUSEUM CHRONICLE</b></font><br><br>
<font size="3" color="#3d2b1f" style="line-height: 2.3;">
● <b>ของสะสมมหาศาล:</b> วัตถุทางวัฒนธรรมและตัวอย่างผลงานทางวิทยาศาสตร์กว่า 32 ล้านชิ้น<br>
● <b>ขนาดพื้นที่:</b> โอ่อ่าครอบคลุมพื้นที่มากกว่า 2,500,000 ตารางฟุต<br>
● <b>ภารกิจระดับโลก:</b> สนับสนุนการสำรวจภาคสนามพิเศษมากกว่า 120 ครั้งในแต่ละปี<br>
● <b>รากฐานกาลเวลา:</b> ก่อตั้งในปี 1861 และเปิดทำการ ณ อาคารปัจจุบันในปี 1877
</font>
</div>
<div style="margin-top: 100px; text-align: justify; line-height: 2.5;">
<font face="Cinzel Decorative" size="4" color="#c5a059">THE NIGHT WITNESS</font><br>
<font size="3" color="#444444">
เมื่อแสงอาทิตย์ลับขอบฟ้า ประตูบานยักษ์ถูกลั่นกลอน กฎแห่งกาลเวลาจะถูกเพิกถอนไปชั่วคราว โครงกระดูกทีเร็กซ์ขยับกรามกว้างเพื่อทักทายเหล่ารูปปั้นบุคคลสำคัญที่ลุกขึ้นมาจัดแจงเครื่องแต่งกาย ท่ามกลางความวุ่นวายที่มีชีวิตชีวานี้ มีรปภ.กะดึกนามว่า <b>เอเลียส วอล์กเกอร์</b> ผู้เดินตรวจตราด้วยใบหน้าเปื้อนยิ้มที่แฝงไปด้วยความลึกลับเหนือคำบรรยาย
</font>
</div>
<div class="guardian-vault-card">
<div class="guardian-portrait">
<img src="https://iili.io/fU69GWb.jpg" alt="Elias Walker Portrait">
</div>
<div>
<font face="Cinzel Decorative" size="5" color="#c5a059"><b>AEON : ELIAS WALKER</b></font><br>
<font face="Bodoni Moda" size="2" color="#ffffff" style="letter-spacing: 3px; font-style: italic;">GUARDIAN OF THE ETERNAL CYCLE</font>
<div style="width: 50px; height: 1px; background: #c5a059; margin: 25px 0;"></div>
<font size="3" color="#cccccc" style="line-height: 2;">
ภายใต้เครื่องแบบรปภ. คือเทพเจ้าแห่งกาลเวลาอันเป็นนิรันดร์ ผู้พิทักษ์กระแสเวลาที่ไม่ยอมให้ความมหัศจรรย์รั่วไหลออกไปสู่โลกภายนอก ทุกย่างก้าวคือวัฏจักรที่ไม่สิ้นสุด และไม้กระบองในมือคือคทาแห่งกาลเวลาที่หยุดทุกความเคลื่อนไหวได้เพียงเคาะลงบนพื้น
</font>
<br><br>
<a href="https://percyjackson.mooorp.com/dzs_npc-dzs_npc#213" target="_blank" style="text-decoration:none;">
<font face="Cinzel Decorative" size="2" color="#c5a059" style="border: 1px solid #c5a059; padding: 10px 20px;">ACCESS DATABASE</font>
</a>
</div>
</div>
</div>
<div class="amnh-royal-footer">
<font face="Cinzel Decorative" size="1" color="#c5a059" style="letter-spacing: 8px;">THE ARCHIVE OF AEON • NEW YORK CITY • MMXXVI</font>
</div>
</div>
หน้า:
[1]