อภิธานศัพท์เทคนิค Dime, Blockchain & Web3

  <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
    <span style="font-size: 0.85rem; color: var(--text-muted);">หมวดหมู่:</span>
    <button type="button" @click="setCategory('all')" :class="activeCategory === 'all' ? 'btn-primary' : 'btn-outline'" class="btn btn-sm">ทั้งหมด</button>
    <button type="button" @click="setCategory('dime')" :class="activeCategory === 'dime' ? 'btn-primary' : 'btn-outline'" class="btn btn-sm">Dime Core</button>
    <button type="button" @click="setCategory('security')" :class="activeCategory === 'security' ? 'btn-primary' : 'btn-outline'" class="btn btn-sm">Security & Wallet</button>
    <button type="button" @click="setCategory('network')" :class="activeCategory === 'network' ? 'btn-primary' : 'btn-outline'" class="btn btn-sm">Network & Nodes</button>
    <button type="button" @click="setCategory('blockchain')" :class="activeCategory === 'blockchain' ? 'btn-primary' : 'btn-outline'" class="btn btn-sm">Blockchain & Web3</button>
  </div>
</div>

<!-- 1 -->
<div class="glass-card" x-show="matches('dime', 'Dime Technology', 'สถาปัตยกรรมเครือข่ายบล็อกเชนประสิทธิภาพสูง')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-cyan); margin: 0;">Dime Technology</h3>
    <span class="badge" style="font-size: 0.75rem;">Dime Core</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    สถาปัตยกรรมเครือข่ายระบบประมวลผลแบบกระจายศูนย์ที่ออกแบบมาเพื่อความเร็วและประสิทธิภาพสูง โดยเน้นการจัดเรียงลำดับธุรกรรมแบบขนานและการส่งต่อข้อมูลความหน่วงต่ำ
  </p>
</div>

<!-- 2 -->
<div class="glass-card" x-show="matches('network', 'Validator Node (โหนดตรวจสอบ)', 'เซิร์ฟเวอร์ในเครือข่ายที่ทำหน้าที่ตรวจสอบความถูกต้องของธุรกรรม')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-green); margin: 0;">Validator Node (โหนดตรวจสอบ)</h3>
    <span class="badge" style="font-size: 0.75rem;">Network & Nodes</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    เครื่องเซิร์ฟเวอร์ที่เข้าร่วมในเครือข่าย ทำหน้าที่ตรวจสอบลายเซ็นดิจิทัล ยืนยันความถูกต้องของข้อมูลธุรกรรม และร่วมลงคะแนนเพื่อสร้างบล็อกใหม่ในระบบฉันทามติ
  </p>
</div>

<!-- 3 -->
<div class="glass-card" x-show="matches('security', 'Private Key (คีย์ส่วนตัว)', 'รหัสลับทางคณิตศาสตร์ที่ใช้ในการลงนามยืนยันธุรกรรม')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-purple); margin: 0;">Private Key (กุญแจส่วนตัว)</h3>
    <span class="badge" style="font-size: 0.75rem;">Security & Wallet</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    สายอักขระลับทางคณิตศาสตร์ที่สร้างขึ้นโดยอัลกอริทึมการเข้ารหัส ใช้สำหรับสร้างลายเซ็นดิจิทัลเพื่ออนุมัติการทำธุรกรรม ต้องเก็บรักษาเป็นความลับสูงสุดและห้ามเปิดเผยแก่บุคคลอื่น
  </p>
</div>

<!-- 4 -->
<div class="glass-card" x-show="matches('security', 'Seed Phrase / Mnemonic (วลีกู้คืน)', 'ชุดคำศัพท์ภาษาอังกฤษ 12 หรือ 24 คำที่ใช้แปลงเป็นคีย์หลัก')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-purple); margin: 0;">Seed Phrase / Recovery Phrase (วลีกู้คืน)</h3>
    <span class="badge" style="font-size: 0.75rem;">Security & Wallet</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    ชุดคำศัพท์ภาษาอังกฤษ 12 หรือ 24 คำที่สร้างขึ้นตามมาตรฐาน BIP-39 เพื่อใช้เป็นรากฐานในการคำนวณสร้าง Private Key ทั้งหมดของกระเป๋าดิจิทัล ใช้สำหรับกู้คืนการเข้าถึงข้อมูลเมื่อเปลี่ยนอุปกรณ์
  </p>
</div>

<!-- 5 -->
<div class="glass-card" x-show="matches('network', 'Consensus Mechanism (กลไกฉันทามติ)', 'กฎเกณฑ์และระเบียบวิธีที่โหนดในเครือข่ายใช้เพื่อตกลงยอมรับความถูกต้องของข้อมูล')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-green); margin: 0;">Consensus Mechanism (กลไกฉันทามติ)</h3>
    <span class="badge" style="font-size: 0.75rem;">Network & Nodes</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    ชุดระเบียบวิธีและอัลกอริทึมที่ควบคุมให้โหนดอิสระทั้งหมดในระบบกระจายศูนย์สามารถบรรลุข้อตกลงร่วมกันเกี่ยวกับสถานะล่าสุดของบัญชีและลำดับธุรกรรมที่ถูกต้อง
  </p>
</div>

<!-- 6 -->
<div class="glass-card" x-show="matches('blockchain', 'Block Time (เวลาต่อบล็อก)', 'ระยะเวลาเฉลี่ยที่เครือข่ายใช้ในการสร้างและยืนยันบล็อกใหม่')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-cyan); margin: 0;">Block Time (เวลาในการสร้างบล็อก)</h3>
    <span class="badge" style="font-size: 0.75rem;">Blockchain & Web3</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    ระยะเวลาเฉลี่ยที่เครือข่ายบล็อกเชนใช้ในการรวบรวม ตรวจสอบ และผนวกชุดธุรกรรมเข้าเป็นบล็อกใหม่และบันทึกลงสู่สมุดบัญชีแยกประเภทอย่างถาวร
  </p>
</div>

<!-- 7 -->
<div class="glass-card" x-show="matches('blockchain', 'Block Explorer (เครื่องมือสำรวจบล็อก)', 'เว็บแอปพลิเคชันหรือเครื่องมือที่ใช้ค้นหาและแสดงรายละเอียดของบล็อก ธุรกรรม และที่อยู่บัญชี')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-cyan); margin: 0;">Block Explorer (โปรแกรมสำรวจบล็อก)</h3>
    <span class="badge" style="font-size: 0.75rem;">Blockchain & Web3</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    ส่วนต่อประสานโปรแกรมที่ช่วยให้ผู้ใช้งานและนักวิจัยสามารถสืบค้น ตรวจสอบประวัติธุรกรรม ดูข้อมูลบล็อกล่าสุด และวิเคราะห์ปริมาณการใช้งานเครือข่ายได้อย่างโปร่งใส
  </p>
</div>

<!-- 8 -->
<div class="glass-card" x-show="matches('security', 'Public Key & Address (กุญแจสาธารณะและที่อยู่บัญชี)', 'ข้อมูลรหัสที่สร้างจากคีย์ส่วนตัว ใช้สำหรับรับข้อมูลหรือเป็นตัวระบุบัญชี')" style="padding: 1.5rem;">
  <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem;">
    <h3 style="font-size: 1.3rem; font-weight: 700; color: var(--sol-purple); margin: 0;">Public Key & Address (กุญแจสาธารณะและที่อยู่)</h3>
    <span class="badge" style="font-size: 0.75rem;">Security & Wallet</span>
  </div>
  <p style="color: var(--text-secondary); font-size: 0.95rem; margin: 0; line-height: 1.6;">
    รหัสอ้างอิงที่ได้จากการแปลงทางคณิตศาสตร์จาก Private Key ทำหน้าที่เสมือนเลขที่บัญชี สามารถเปิดเผยและแชร์ให้ผู้อื่นใช้ระบุปลายทางในการทำธุรกรรมได้อย่างปลอดภัย
  </p>
</div>