/* TRÊN MÁY TÍNH: Ép mục lục bay sang trái và dính mượt mà - VNGAME.TV */
@media (min-width: 1450px) {
/* 1. Ẩn mục lục mặc định trong nội dung để tránh bị lặp 2 cái */
.lwptoc:not(.vngame-sidebar-active) {
display: none !important;
}
/* 2. Cấu trúc mục lục Sidebar */
.lwptoc.vngame-sidebar-active {
display: block !important;
position: fixed !important;
/* TĂNG KHOẢNG CÁCH TOP: Để né hoàn toàn Menu đỏ của Ceris */
top: 170px !important;
/* CĂN CHỈNH LEFT: Đẩy xa trục giữa một chút để không đè nội dung */
left: calc(50% - 820px) !important;
width: 280px !important;
/* Z-INDEX THẤP HƠN MENU: Để khi cuộn lên, mục lục chui xuống dưới Menu */
z-index: 99 !important;
background: #fff !important;
padding: 20px !important;
border: 1px solid #f0f0f0 !important;
border-radius: 15px !important;
box-shadow: 0 12px 35px rgba(0,0,0,0.08) !important;
max-height: 70vh;
overflow-y: auto;
transition: all 0.3s ease;
}
/* Sửa lỗi nội dung bị sát mép trên cùng của khung */
.lwptoc_i {
padding-top: 10px !important;
}
/* Tùy chỉnh thanh cuộn siêu mỏng cho mục lục dài */
.lwptoc.vngame-sidebar-active::-webkit-scrollbar {
width: 4px;
}
.lwptoc.vngame-sidebar-active::-webkit-scrollbar-thumb {
background: #e3350d;
border-radius: 10px;
}
/* --- PHẦN MÀU SẮC PHÂN BIỆT --- */
.lwptoc_header {
color: #e3350d !important;
border-bottom: 2px solid #f5f5f5 !important;
font-weight: 700 !important;
text-transform: uppercase;
font-size: 15px !important;
padding-bottom: 10px !important;
margin-bottom: 15px !important;
display: flex;
align-items: center;
}
.lwptoc_header::before {
content: "☰";
margin-right: 8px;
}
.lwptoc_item > a {
color: #333 !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1.5;
display: block;
margin-bottom: 8px;
}
.lwptoc_item_child > a {
color: #666 !important;
font-size: 13px !important;
padding-left: 15px !important;
border-left: 2px solid #eee;
margin-bottom: 5px;
}
/* Hiệu ứng Hover */
.lwptoc_item a:hover {
color: #e3350d !important;
border-left-color: #e3350d;
padding-left: 18px !important;
transition: 0.2s;
}
}
/* TRÊN MOBILE & MÀN HÌNH NHỎ: Hiện bình thường trong bài viết */
@media (max-width: 1449px) {
.lwptoc {
display: block !important;
position: relative !important;
margin: 25px 0 !important;
padding: 20px !important;
background: #fdfdfd !important;
border-radius: 12px !important;
border: 1px solid #eee !important;
}
}
}
