[ชาวค่ายร่วมแรงร่วมใจกันก่อสร้าง 3 วิหาร]
<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;400;600&family=Space+Grotesk:wght@300;700&display=swap');
/* รากฐานของเทมเพลต (Foundation Layer) */
.construction-workspace {
background-color: #0f1113;
padding: 60px 15px;
display: flex;
justify-content: center;
font-family: 'Kanit', sans-serif;
}
/* โครงสร้างหลัก (Main Structure) */
.temple-blueprint-frame {
background: #ffffff;
width: 100%;
max-width: 800px;
border-radius: 0px;
position: relative;
box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);
overflow: hidden;
border: 1px solid #e0e0e0;
}
/* แถบสถานะด้านบน (Top Status Rail) */
.status-header-rail {
background: #1a1a1a;
padding: 20px 40px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 5px solid #d4af37;
}
.project-code {
font-family: 'Space Grotesk', sans-serif;
color: #d4af37;
letter-spacing: 3px;
font-size: 12px;
font-weight: 700;
}
.project-main-title {
padding: 40px 40px 20px 40px;
}
.title-text {
font-size: 32px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
line-height: 1.2;
}
/* ส่วนเนื้อหา (Building Content) */
.instruction-sector {
padding: 0 40px 40px 40px;
}
.briefing-box {
background: #f9f9f9;
padding: 25px;
border-left: 5px solid #1a1a1a;
margin-bottom: 30px;
color: #444;
font-size: 16px;
line-height: 1.7;
}
/* รายการกฎการก่อสร้าง (Construction Protocols) */
.protocol-grid {
margin-bottom: 40px;
}
.protocol-item {
display: flex;
padding: 15px 0;
border-bottom: 1px solid #f0f0f0;
align-items: flex-start;
}
.protocol-tag {
background: #d4af37;
color: #fff;
font-size: 10px;
padding: 2px 8px;
margin-right: 15px;
margin-top: 5px;
font-weight: 600;
}
.protocol-desc {
color: #333;
font-size: 15px;
font-weight: 400;
}
/* ส่วนของรางวัล (Bounty Materials) */
.resource-yield-area {
background: #1a1a1a;
padding: 35px 40px;
color: #fff;
}
.resource-heading {
color: #d4af37;
font-family: 'Space Grotesk', sans-serif;
font-size: 13px;
letter-spacing: 2px;
margin-bottom: 20px;
display: block;
border-bottom: 1px solid #333;
padding-bottom: 10px;
}
.reward-line {
font-size: 14px;
margin-bottom: 12px;
display: block;
font-weight: 200;
letter-spacing: 0.5px;
}
/* ความคืบหน้าวิหาร (Temple Progression) */
.temple-gauge-wrap {
padding: 40px;
background: #fff;
}
.temple-label {
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 8px;
}
.progress-track-bg {
background: #eee;
height: 6px;
margin-bottom: 25px;
position: relative;
}
.progress-track-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #d4af37;
width: 0%; /* แก้ไขความคืบหน้าที่นี่ */
}
.footer-sig {
text-align: center;
padding: 20px;
font-size: 11px;
color: #999;
letter-spacing: 3px;
text-transform: uppercase;
}
</style>
<div class="construction-workspace">
<div class="temple-blueprint-frame">
<div class="status-header-rail">
<font class="project-code">TGC PROJECT: 2026-ALPHA</font>
<font style="color: #fff; font-size: 11px; opacity: 0.5;">STATUS: UNDER CONSTRUCTION</font>
</div>
<div class="project-main-title">
<font class="title-text">ห้องเข้าร่วมการสร้างวิหาร</font>
</div>
<div class="instruction-sector">
<div class="briefing-box">
<font>คุณไครอนได้ดำเนินการตามแบบแปลนที่แอนนาเบ็ธร่างแบบออกมาและทุนไปจัดซื้อวัตถุดิบเตรียมความพร้อม</font>
</div>
<div class="protocol-grid">
<div class="protocol-item">
<font class="protocol-tag">RULE 01</font>
<font class="protocol-desc">เขียนโรลเพลย์ชาวค่าย TGC รุ่นปัจจุบันร่วมแรงร่วมใจกันสร้างวิหาร</font>
</div>
<div class="protocol-item">
<font class="protocol-tag">RULE 02</font>
<font class="protocol-desc">1 คนมีคูลดาวน์ต่อโพสต์ 1 วัน</font>
</div>
<div class="protocol-item">
<font class="protocol-tag">RULE 03</font>
<font class="protocol-desc">คนไปภารกิจเดินทาง สามารถสวมบทบาท TGC ได้</font>
</div>
<div class="protocol-item">
<font class="protocol-tag">RULE 04</font>
<font class="protocol-desc">ในการโรลแต่ละครั้งจะต้องเปลี่ยนตัวละครจากตัวเองเป็น TGC แทน ในการโรลมีส่วนร่วมก่อสร้างแต่ละครั้งจะไม่ช้ำกัน 1 Member/TGC เข้าร่วมได้คนละครั้ง - แต่ 1 ID สามารถโรลเข้าร่วมกี่ครั้งก็ได้แค่หยิบ TGC ที่ไม่มีใครหยิบมาโรลเข้าร่วมในฐานะ TGC คนนั้น</font>
</div>
</div>
</div>
<div class="resource-yield-area">
<font class="resource-heading">CONSTRUCTION REWARDS & LOGISTICS</font>
<font class="reward-line">(ได้รับประสบการณ์จากการก่อสร้าง: +50 EXP - หาก Lv Max ได้รับ +2 Point แทน)</font>
<font class="reward-line">(รางวัลก่อสร้างสำเร็จได้ทุกคนในค่ายฮาล์ฟบลัด: +5 ป้ายเกียรติยศ - +40 ดรักม่า)</font>
<font class="reward-line">(รางวัลระบบได้ทุกคนที่เข้าร่วม (หลังก่อสร้างสำเร็จ): +หินอัปเกรดและตีบวกอย่างละ 50 ก้อน)</font>
</div>
<div class="temple-gauge-wrap">
<font class="resource-heading" style="color: #1a1a1a;">PROGRESSION STATUS</font>
<div class="temple-label"><font>ดำเนินการก่อสร้างวิหารซุส</font> <font>0/5 ครั้ง</font></div>
<div class="progress-track-bg"><div class="progress-track-fill" style="width: 0%;"></div></div>
<div class="temple-label"><font>ดำเนินการก่อสร้างวิหารเฮร่า</font> <font>0/5 ครั้ง</font></div>
<div class="progress-track-bg"><div class="progress-track-fill" style="width: 0%;"></div></div>
<div class="temple-label"><font>ดำเนินการก่อสร้างวิหารอะธีน่า</font> <font>0/5 ครั้ง</font></div>
<div class="progress-track-bg"><div class="progress-track-fill" style="width: 0%;"></div></div>
</div>
<div class="footer-sig">
<font>CAMP HALF-BLOOD ARCHITECTURAL DIVISION</font>
</div>
</div>
</div>
หน้า:
[1]