เจาะลึกเรทสุ่ม MLBB × NARUTO เกลือแค่ไหน? ทริคหมุนตู้ให้คุ้ม
โดย เติมเกมออนไลน์ | | หมวด: MLBB
/* ========================================= BASE TYPOGRAPHY (รองรับทั้งระบบสีเข้มและสว่าง) ========================================= */ .tgo-article { font-family: 'Prompt', 'Segoe UI', Tahoma, sans-serif; line-height: 1.8; font-size: 16px; color: inherit; /* ให้สีข้อความปรับตามหน้าเว็บอัตโนมัติ */ } .tgo-article p { margin-bottom: 20px; } /* Headings (ค่าเริ่มต้นสำหรับ Light Mode) */ .tgo-h2 { color: #ea580c; font-size: 1.5rem; font-weight: 600; margin-top: 40px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(234, 88, 12, 0.2); display: flex; align-items: center; gap: 10px; } /* Gallery Grid */ .tgo-gallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin: 30px 0; } @media (max-width: 768px) { .tgo-gallery { grid-template-columns: repeat(2, 1fr); } } .tgo-gallery img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; border-radius: 12px; border: 2px solid #e2e8f0; /* ขอบรูปสำหรับ Light Mode */ box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; } .tgo-gallery img:hover { border-color: #ea580c; transform: translateY(-5px); box-shadow: 0 8px 15px rgba(234, 88, 12, 0.25); } /* ========================================= Table Design (ฟิกซ์สีเป็น Dark Theme เสมอ) ========================================= */ .tgo-table-wrapper { background: #1e293b; /* ฟิกซ์พื้นหลังสีเข้ม */ border-radius: 12px; overflow: hidden; margin: 25px 0; border: 1px solid #334155; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5); } .tgo-table { width: 100%; border-collapse: collapse; text-align: left; } .tgo-table th { background: linear-gradient(90deg, #d97706, #ea580c); color: #fff; padding: 16px; font-weight: 600; white-space: nowrap; } .tgo-table td { padding: 14px 16px; border-bottom: 1px solid #334155; color: #e2e8f0; /* ฟิกซ์สีตัวหนังสือเป็นสีสว่างเสมอ */ } .tgo-table tr:last-child td { border-bottom: none; } .tgo-table tr:hover td { background-color: rgba(255, 255, 255, 0.05); /* ไฮไลท์ตอนเอาเมาส์ชี้แบบโปร่งแส...