[เปิดระดมทุนระบบ DUNGEON EVOLUTION & STATUS REMASTER]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Orbitron:wght@500;800&family=Metamorphous&display=swap');
/* --- 🌌 PROJECT EVOLUTION CONTAINER --- */
.fund-grand-wrapper {
max-width: 950px;
margin: 50px auto;
background: #0a0a0c;
border: 1px solid #c5a059;
box-shadow: 0 40px 150px rgba(0,0,0,0.8), inset 0 0 50px rgba(197, 160, 89, 0.1);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
overflow: hidden;
}
.fund-grand-wrapper::before {
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-image: linear-gradient(rgba(197, 160, 89, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(197, 160, 89, 0.05) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
}
/* --- ⚡ HEADER --- */
.fund-header {
padding: 80px 20px;
text-align: center;
background: linear-gradient(180deg, rgba(26, 26, 26, 1) 0%, transparent 100%);
border-bottom: 2px solid #c5a059;
}
.project-glitch-title {
font-family: 'Orbitron', sans-serif;
font-size: 38px;
color: #ffffff;
text-shadow: 0 0 15px #c5a059, 0 0 30px rgba(197, 160, 89, 0.5);
letter-spacing: 12px;
text-transform: uppercase;
}
/* --- 📊 PROGRESS STATUS --- */
.fund-status-card {
margin: -40px 80px 40px 80px;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(15px);
border: 1px solid rgba(197, 160, 89, 0.3);
padding: 40px;
position: relative;
z-index: 10;
}
.progress-track-gold {
width: 100%;
height: 8px;
background: #1a1a1a;
margin: 25px 0;
border-radius: 4px;
overflow: hidden;
}
.progress-fill-glow {
width: 50%;
height: 100%;
background: linear-gradient(90deg, #c5a059, #fff);
box-shadow: 0 0 20px #c5a059;
}
/* --- 🎁 REWARD GRID --- */
.reward-tier-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin: 40px 0;
}
.tier-card {
padding: 25px 15px;
text-align: center;
border: 1px solid rgba(197, 160, 89, 0.3);
background: rgba(255, 255, 255, 0.02);
transition: 0.3s;
}
.tier-card:hover {
border-color: #c5a059;
background: rgba(197, 160, 89, 0.05);
}
.tier-highlight {
border: 1px solid #ffffff !important;
background: rgba(255, 255, 255, 0.05) !important;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
}
.tier-imperial {
border: 2px solid #c5a059 !important;
background: linear-gradient(135deg, rgba(197, 160, 89, 0.1) 0%, transparent 100%) !important;
box-shadow: 0 0 30px rgba(197, 160, 89, 0.2);
}
/* --- ✍️ FORM --- */
.fund-form-vault {
background: #111111;
border: 1px solid #3d2b1f;
padding: 50px;
position: relative;
}
.form-input-line {
border-bottom: 1px solid #222;
padding: 20px 0;
margin-bottom: 10px;
}
.fund-footer {
background: #000;
padding: 30px;
text-align: center;
border-top: 1px solid #222;
}
</style>
<div class="fund-grand-wrapper">
<div class="fund-header">
<span class="project-glitch-title">SYSTEM BALANCE</span><br>
<font face="Cinzel Decorative" size="2" color="#c5a059" style="letter-spacing: 5px; opacity: 0.8;">DUNGEON EVOLUTION & STATUS REMASTER</font>
</div>
<div class="fund-status-card">
<div style="display: flex; justify-content: space-between; align-items: flex-end;">
<font face="Orbitron" size="2" color="#ffffff">FUNDING STATUS</font>
<font face="Orbitron" size="4" color="#c5a059">500 <font size="2" color="#888">/ 900 THB</font></font>
</div>
<div class="progress-track-gold">
<div class="progress-fill-glow"></div>
</div>
<font size="2" color="#666" style="letter-spacing: 1px;">ระบบสุ่มเจอมอนสเตอร์ & ดาเมจพิเศษสำหรับ INT / LUK / CHA</font>
</div>
<div style="padding: 40px 80px;">
<div class="reward-tier-grid">
<div class="tier-card">
<font face="Orbitron" size="1" color="#c5a059">BASIC BONUS</font>
<div style="margin: 15px 0;"><font size="5" color="#ffffff"><b>+50</b></font></div>
<font size="2" color="#888">ดรักม่า/ดีนาเรียส ตามสังกัด</font>
</div>
<div class="tier-card tier-highlight">
<font face="Orbitron" size="1" color="#ffffff">SUPPORT TIER (50+)</font>
<div style="margin: 10px 0;">
<font size="3" color="#c5a059"><b>ผลึกไททัน x10</b></font><br>
<font size="3" color="#ffffff"><b>ศิลากำเนิดพลัง x10</b></font>
</div>
</div>
<div class="tier-card tier-imperial">
<font face="Orbitron" size="1" color="#c5a059">IMPERIAL TIER (500+)</font>
<div style="margin: 10px 0; line-height: 1.6;">
<font size="3" color="#c5a059"><b>ทองคำจักรพรรดิ x50</b></font><br>
<font size="3" color="#ffffff"><b>เหรียญอะพอลโล x5</b></font><br>
<font size="3" color="#ffcc33"><b>ผลึกปฐมโลก x5</b></font>
</div>
</div>
</div>
<div style="background: rgba(255,255,255,0.02); border-left: 4px solid #c5a059; padding: 30px; margin-bottom: 40px;">
<font size="3" color="#cccccc" style="line-height: 2;">
● <b>อัปเดตระบบดันเจี้ยน:</b> ปรับใช้ระบบสุ่มเจออสุรกายเพื่อความสมเหตุสมผล<br>
● <b>ระบบต่อสู้สมดุล:</b> ปรับปรุงดาเมจพิเศษสำหรับสาย <b>INT / LUK / CHA </b></font><span style="background-color: rgb(10, 10, 12);"><font color="#cccccc" size="3">ที่จะทำให้มีบทบาทในการโจมตีมากขึ้น โดยไม่จำเป็นต้องฝืนอัป POW ที่สายบางสายเลือดไม่เอื้ออีกต่อไป</font></span></div>
<div class="fund-form-vault">
<div style="text-align: center; margin-bottom: 30px;">
<font face="Cinzel Decorative" size="3" color="#c5a059">REWARD CLAIM FORM</font>
</div>
<div class="form-input-line">
<font size="3" color="#c5a059"><b>Username รับรางวัลโบนัส :</b></font><br>
<font size="3" color="#444">..................................................................................</font>
</div>
<div class="form-input-line" style="border:none;">
<font size="3" color="#c5a059"><b>หลักฐานจากระบบโดเนท :</b></font><br>
<font size="3" color="#444">แนบรูปภาพหรือลิ้งก์หลักฐานการโอนเงิน</font>
</div>
</div>
</div>
<div class="fund-footer">
<font face="Orbitron" size="1" color="#444" style="letter-spacing: 5px;">CAMP HALF-BLOOD • ARCHITECT DIVISION • 2026</font>
</div>
</div>
หน้า:
[1]