【กฎการโรลเพลย์ลำดับเวลา】
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Noto+Sans+Thai:wght@300;400;700&family=Orbitron:wght@400;700&display=swap');
/* --- 🏛️ CHRONOS WRAPPER --- */
.time-reg-container {
max-width: 900px;
margin: 50px auto;
background: #fcfcfc;
border: 1px solid #d1d1d1;
box-shadow: 0 30px 60px rgba(0,0,0,0.05);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
overflow: hidden;
}
/* ตกแต่งมุมด้วยสัญลักษณ์นาฬิกาจางๆ */
.time-reg-container::after {
content: "⌛";
position: absolute;
bottom: -20px;
right: -20px;
font-size: 150px;
opacity: 0.03;
transform: rotate(-20deg);
pointer-events: none;
}
/* --- 📜 HEADER --- */
.time-reg-header {
background: #111;
padding: 50px;
text-align: center;
border-bottom: 5px solid #c5a059;
}
/* --- 🕒 TIME-LINE LIST --- */
.time-rule-list {
padding: 50px 70px;
position: relative;
}
.time-rule-item {
display: flex;
gap: 30px;
margin-bottom: 40px;
position: relative;
}
/* เส้นเชื่อมลำดับเวลา */
.time-rule-item:not(:last-child)::after {
content: "";
position: absolute;
left: 20px;
top: 50px;
width: 1px;
height: calc(100% - 10px);
background: dashed #c5a059;
opacity: 0.3;
}
.time-icon-circle {
width: 42px;
height: 42px;
background: #fff;
border: 2px solid #c5a059;
color: #c5a059;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Orbitron', sans-serif;
font-weight: 700;
z-index: 2;
box-shadow: 0 4px 10px rgba(197, 160, 89, 0.2);
}
.time-rule-content {
flex: 1;
padding-top: 5px;
}
.time-rule-content b {
display: block;
margin-bottom: 10px;
color: #111;
letter-spacing: 0.5px;
}
/* --- 📝 EXAMPLE AREA --- */
.time-example-wrap {
background: #f0f0f0;
border-left: 5px solid #111;
margin: 40px 0 20px;
padding: 30px;
}
.example-tag {
background: #111;
color: #c5a059;
padding: 3px 12px;
font-family: 'Orbitron', sans-serif;
font-size: 10px;
letter-spacing: 2px;
display: inline-block;
margin-bottom: 15px;
}
/* --- 🖋️ FOOTER --- */
.time-reg-footer {
padding: 30px;
text-align: center;
background: #1a1a1a;
border-top: 1px solid #c5a059;
}
</style>
<div class="time-reg-container">
<div class="time-reg-header">
<font face="Cinzel" size="6" color="#c5a059" style="letter-spacing: 5px;">TIMELINE REGULATION</font><br>
<font size="2" color="#888" style="letter-spacing: 3px; margin-top: 10px; display: block;">กฎระเบียบการโรลเพลย์ลำดับเวลา</font>
</div>
<div class="time-rule-list">
<div class="time-rule-item">
<div class="time-icon-circle">01</div>
<div class="time-rule-content">
<font size="4"><b>การกำหนดเวลาสตอรี่</b></font>
<font size="3" color="#555">สามารถกำหนดเวลาในคอมมูภายในโพสต์จั่วหัวโรลเพลย์ได้ แม้เวลาโพสต์จริงจะต่างกัน เช่น โพสต์จริงเวลา 23.00 น. แต่ในสตอรี่ระบุเป็นช่วงเช้าของวันได้</font>
</div>
</div>
<div class="time-rule-item">
<div class="time-icon-circle">02</div>
<div class="time-rule-content">
<font size="4"><b>การเรียงลำดับเวลา (Chronology)</b></font>
<font size="3" color="#555">สตอรี่ต้องเรียงลำดับไปข้างหน้าตามวันเวลาปัจจุบันเท่านั้น ห้ามสคิปไปอนาคต หรือโรลสลับเวลาถอยหลัง (เช่น เจอ NPC ตอนเช้าแล้วโรลต่อไปย้อนไปช่วงก่อนหน้าเช้าไม่ได้)</font>
</div>
</div>
<div class="time-rule-item">
<div class="time-icon-circle">03</div>
<div class="time-rule-content">
<font size="4"><b>ข้อจำกัดในการพบ NPC</b></font>
<font size="3" color="#555">หากในช่วงเวลาเดียวกันมี NPC มากกว่า 1 คน และคุณมีปฏิสัมพันธ์กับคนแรกแล้ว จะไม่สามารถเจอคนอื่นในช่วงเวลานั้นได้อีก เนื่องจาก NPC ท่านอื่นกำลังปฏิบัติภารกิจในที่อื่น</font>
</div>
</div>
<div class="time-rule-item" style="margin-bottom: 0;">
<div class="time-icon-circle">04</div>
<div class="time-rule-content">
<font size="4"><b>กฎการย้อนเวลา (Max 24 Hours)</b></font>
<font size="3" color="#555">การย้อนเวลาเพื่อทำสตอรี่หรือภารกิจ <font color="#c5a059"><b>ห้ามเกิน 1 วันจากปัจจุบัน</b></font> (เช่น วันที่ 1/1 ย้อนได้ถึง 31/12) หากย้อนไกลกว่านั้นต้องสคิปสตอรี่มาที่วันที่กำหนดทันที</font>
</div>
</div>
<div class="time-example-wrap">
<div class="example-tag">FORMAT EXAMPLE</div>
<font size="3" color="#111" style="line-height: 2;">
<b>วันที่ xx เดือน xx ปีที่ xx (หน้าแชท)</b><br>
<b>ช่วงเวลา 06.00 - 08.00 น.</b><br>
<i style="color: #888;">เนื้อหาโรลเพลย์ของคุณ...</i>
</font>
</div>
</div>
<div class="time-reg-footer">
<font face="Orbitron" size="1" color="#c5a059" style="letter-spacing: 5px;">TIME CONTROL SYSTEM // COMMUNITY GUIDELINES</font>
</div>
</div>
หน้า:
[1]