.elementor-kit-109{--e-global-color-primary:#60A5FA;--e-global-color-secondary:#3B82F6;--e-global-color-text:#CBD5E1;--e-global-color-accent:#FFFFFF;--e-global-color-b290b4f:#03040C;--e-global-color-add266e:#60A5FA;--e-global-color-29309e5:#FB7185;--e-global-color-069b7d6:#FBBF24;--e-global-color-2178bb8:#FFFFFF0F;--e-global-typography-primary-font-family:"Be Vietnam Pro";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Be Vietnam Pro";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Be Vietnam Pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Be Vietnam Pro";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-b290b4f );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-109 e-page-transition{background-color:#FFBC7D;}.elementor-kit-109 a{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;}.elementor-kit-109 a:hover{color:var( --e-global-color-accent );}.elementor-kit-109 h1{color:var( --e-global-color-accent );font-family:"Be Vietnam Pro", Sans-serif;font-size:3rem;font-weight:900;}.elementor-kit-109 h2{color:var( --e-global-color-accent );}.elementor-kit-109 h3{color:var( --e-global-color-accent );font-family:"Be Vietnam Pro", Sans-serif;}.elementor-kit-109 h4{color:var( --e-global-color-accent );font-family:"Be Vietnam Pro", Sans-serif;}.elementor-kit-109 h5{color:var( --e-global-color-accent );font-family:"Be Vietnam Pro", Sans-serif;}.elementor-kit-109 h6{color:var( --e-global-color-accent );font-family:"Be Vietnam Pro", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    --bg-primary: #03040c;
    --glass-border: rgba(255, 255, 255, 0.06);
    --status-safe: #60a5fa;
    --status-fake: #fb7185;
    --status-warning: #fbbf24;
}

body { font-family: 'Be Vietnam Pro', sans-serif; background-color: var(--bg-primary); color: #fff; overflow-x: hidden; }

/* ================== GLOBAL & BACKGROUND ================== */
.grid-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 50px 50px; z-index: -3; }
.ambient-glow { position: fixed; top: -10%; left: -10%; width: 120vw; height: 120vw; background: radial-gradient(circle at center, rgba(37, 99, 235, 0.15) 0%, rgba(139, 92, 246, 0.1) 30%, transparent 70%); filter: blur(120px); z-index: -2; animation: drift 25s ease-in-out infinite alternate; }
@keyframes drift { 0% { transform: translate(-5%, -5%) rotate(0deg); } 100% { transform: translate(5%, 5%) rotate(8deg); } }

/* ================== 3D GLASSMORPHISM (Chuẩn ISO, đặc xịt, mờ mạnh) ================== */
.glass-header { background: rgba(10, 10, 18, 0.85); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); border: 1px solid var(--glass-border); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); transition: all 0.5s ease; }
.header-scrolled .glass-header { background: rgba(8, 8, 12, 0.95); backdrop-filter: blur(35px); -webkit-backdrop-filter: blur(35px); border-color: rgba(255, 255, 255, 0.12); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }

/* Thẻ Glass chung và Suggestion Search - Đảm bảo đặc, mờ và bo tròn */
.glass-card {
    /* Đã sửa mờ 0.4 để kính trong suốt hơn */
    background: rgba(10, 10, 18, 0.4) !important; 
    backdrop-filter: blur(35px) !important;
    -webkit-backdrop-filter: blur(35px) !important;
    border: 1px solid var(--glass-border);
    border-radius: 1.5rem;
    box-shadow: 0 30px 60px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.08);
}

.text-gradient { background: linear-gradient(to right, #60a5fa, #a78bfa, #f472b6); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.badge-tag { display: inline-flex; align-items: center; gap: 10px; padding: 8px 20px; border-radius: 99px; background: rgba(59,130,246,0.05); border: 1px solid rgba(59,130,246,0.3); font-size: 0.8rem; font-weight: 800; color: #93c5fd; text-transform: uppercase; letter-spacing: 0.1em; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: #60a5fa; animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(96,165,250,0.4); } 70% { box-shadow: 0 0 0 10px rgba(96,165,250,0); } }

/* ================== MENU DROPDOWN ================== */
.dropdown-menu { display: flex !important; flex-direction: column !important; gap: 4px; background: rgba(10, 10, 18, 0.95) !important; backdrop-filter: blur(40px) !important; -webkit-backdrop-filter: blur(40px) !important; border: 1px solid rgba(255,255,255,0.1); border-radius: 1rem; padding: 8px; box-shadow: 0 30px 60px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.1); }
.dropdown-item { display: block; width: 100%; text-align: left; padding: 10px 16px; font-size: 0.875rem; color: #cbd5e1; border-radius: 0.75rem; transition: all 0.2s ease; cursor: pointer; }
.dropdown-item:hover { background: rgba(255,255,255,0.08); color: #fff; transform: translateX(4px); }

/* ================== SEARCH BAR & AUTOCOMPLETE ================== */
#search-box { scroll-margin-top: 150px; }
.search-glow-wrap { position: relative; background: linear-gradient(90deg, rgba(59,130,246,0.3), rgba(167,139,250,0.3)); border-radius: 999px; padding: 2px; z-index: 40; }
.search-inner { background: #050510; border-radius: 999px; }
.btn-primary-lg { background: #2563eb; color: #fff; padding: 14px 40px; border-radius: 999px; font-weight: 800; transition: 0.4s; }
.btn-primary-lg:hover { transform: scale(1.05); background: #3b82f6; box-shadow: 0 0 20px rgba(59,130,246,0.5); }
.search-suggestions { position: absolute; top: calc(100% + 10px); left: 0; width: 100%; background: rgba(10, 10, 18, 0.95); backdrop-filter: blur(35px); -webkit-backdrop-filter: blur(35px); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.9); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 50; overflow: hidden; }
.search-suggestions.active { opacity: 1; visibility: visible; transform: translateY(0); }
.sugg-item { padding: 16px 24px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: 0.2s; border-bottom: 1px solid rgba(255,255,255,0.02); }
.sugg-item:hover { background: rgba(255,255,255,0.08); color: #60a5fa; }

/* ================== THẺ TRANG CHỦ & UI ELEMENTS ================== */
.problem-capsule { position: relative; height: 500px; border-radius: 999px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); padding: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.problem-capsule:hover { transform: translateY(-30px) scale(1.03); border-color: rgba(59, 130, 246, 0.5); box-shadow: 0 40px 80px -20px rgba(0,0,0,0.9); }
.spotlight { position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(37, 99, 235, 0.3) 0%, transparent 60%); transition: opacity 0.3s; pointer-events: none;}
.problem-capsule:hover .spotlight, .engine-card:hover .spotlight, .news-card:hover .spotlight { opacity: 1; }
.step { display: block; font-size: 6rem; font-weight: 900; color: #fff; opacity: 0.03; transition: 0.6s; }
.problem-capsule:hover .step { opacity: 0.25; transform: translateY(-15px); color: #60a5fa; }

.engine-card { padding: 50px; border-radius: 40px; position: relative; overflow: hidden; cursor: pointer; transition: all 0.4s ease; display: flex; flex-direction: column; justify-content: center; height: 320px; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--glass-border); }
.engine-card:hover { border-color: rgba(255,255,255,0.2); transform: translateY(-10px) scale(1.02); background: rgba(255,255,255,0.03); }
.card-label { font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.3em; color: #475569; display: block; margin-bottom: 12px; }
.engine-card h5 { font-size: 1.5rem; font-weight: 900; line-height: 1.2; }

/* ================== REVIEWS & PHONE ================== */
.phone-mockup { width: 320px; height: 650px; background: #000; border: 12px solid #1a1a1a; border-radius: 60px; overflow: hidden; box-shadow: 0 0 100px rgba(0,0,0,1); }
.phone-inner { background: #03040c; height: 100%; width: 100%; }

.review-bubble {
    position: absolute; width: 320px; padding: 28px; border-radius: 35px; z-index: 30; transition: all 0.6s ease; animation: floatLg 8s infinite ease-in-out;
    background: rgba(255, 255, 255, 0.05) !important; 
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
}
.review-bubble .stars { color: #facc15; font-size: 10px; margin-top: 4px; display: flex; gap: 2px; }
.rev-1 { top: 5%; left: 0; animation-delay: 0s; } 
.rev-2 { top: 15%; right: 0; animation-delay: 1s; } 
.rev-3 { top: 45%; left: -60px; animation-delay: 2s; }
.overlap-phone { bottom: 10%; right: -20px; z-index: 40; animation-delay: 3s; } 
.rev-5 { bottom: 5%; left: 10%; animation-delay: 4s; }
@keyframes floatLg { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(3deg); } }

/* CTA Portal */
.cta-portal { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 50px 100px -20px rgba(0,0,0,1); background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); }
.portal-vortex { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: radial-gradient(circle, rgba(37, 99, 235, 0.2) 0%, rgba(139, 92, 246, 0.1) 40%, transparent 70%); animation: rotatePortal 15s linear infinite; }
@keyframes rotatePortal { from { transform: translate(-50%, -50%) rotate(0deg) scale(1); } to { transform: translate(-50%, -50%) rotate(360deg) scale(1.5); } }

/* ================== TRANG KẾT QUẢ & BỘ LỌC ================== */
.filter-group { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.filter-head { font-size: 0.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; color: #94a3b8; margin-bottom: 16px; }

.result-card { position: relative; padding: 24px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.4s ease; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(20px); }
.result-card:hover { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.15); transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); }
.result-card[data-status="true"] .status-tag { color: var(--status-safe); border-color: rgba(96,165,250,0.3); background: rgba(96,165,250,0.1); }
.result-card[data-status="fake"] .status-tag { color: var(--status-fake); border-color: rgba(251,113,133,0.3); background: rgba(251,113,133,0.1); }

/* ================== TRANG CHI TIẾT & BẢNG TIN ================== */
.detail-section-title { font-size: 1rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; color: #60a5fa; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
.detail-text { color: #cbd5e1; line-height: 1.8; font-size: 0.95rem; }

/* ĐÃ CẬP NHẬT: Grid để ép 2 khung phân tích cao bằng nhau */
.vng-node-list { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 1.5rem; }
.node-item { display: flex; gap: 1.25rem; padding: 1.5rem; background: rgba(255,255,255,0.02); border-radius: 1.25rem; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s; height: 100%; margin-bottom: 0; }
.node-item:hover { background: rgba(255,255,255,0.04); border-color: rgba(59,130,246,0.3); }

/* ĐÃ CẬP NHẬT: CSS Nguồn tham khảo */
.vng-ref-list { list-style: none; padding: 0; margin: 0 0 2rem 0; display: flex; flex-direction: column; gap: 1rem; }
.vng-ref-list li { position: relative; padding-left: 1.5rem; }
.vng-ref-list li::before { content: '•'; position: absolute; left: 0; top: -2px; font-size: 1.5rem; line-height: 1; color: #60a5fa; }
.vng-ref-list a { color: #60a5fa; text-decoration: none; font-size: 0.95rem; transition: 0.3s; }
.vng-ref-list a:hover { color: #93c5fd; text-decoration: underline; }

/* ĐÃ CẬP NHẬT: CSS Cộng đồng đánh giá */
.verified-comment { padding: 1.5rem; background: rgba(255,255,255,0.02); border-radius: 1rem; border-left: 4px solid #60a5fa; border-top: 1px solid rgba(255,255,255,0.05); border-right: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 1.5rem; }
.comment-user { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.avatar-gradient { width: 2.5rem; height: 2.5rem; border-radius: 50%; flex-shrink: 0; }
.user-info .name { color: #fff; font-weight: 700; font-size: 0.95rem; display: flex; align-items: center; gap: 0.4rem; }
.verify-icon { color: #60a5fa; font-size: 0.85rem; }
.user-info .role { color: #94a3b8; font-size: 0.8rem; }
.comment-text { color: #cbd5e1; font-style: italic; margin: 0; font-size: 0.95rem; line-height: 1.6; }

/* ================== FOOTER & SIDEBAR TIN TỨC ================== */
.folder-sidebar { background: rgba(20, 24, 39, 0.85); backdrop-filter: blur(25px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 24px; padding: 24px; position: relative; overflow: hidden; z-index: 30; }
.news-card { position: relative; background: rgba(255, 255, 255, 0.015); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 24px; padding: 28px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: hidden; display: flex; flex-direction: column; }
.news-card[data-status="safe"]:hover { border-color: rgba(96, 165, 250, 0.5); box-shadow: 0 20px 40px rgba(0,0,0,0.5), inset 0 0 30px rgba(96, 165, 250, 0.1); }
.news-score { font-size: 2rem; font-weight: 900; line-height: 1; }
.trend-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 99px; font-size: 0.75rem; color: #cbd5e1; transition: 0.3s; cursor: pointer; }

.footer-head { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.3em; color: #fff; margin-bottom: 24px; display: block; }
.footer-links li { margin-bottom: 12px; } .footer-links a { color: #64748b; transition: 0.3s; } .footer-links a:hover { color: #fff; transform: translateX(5px); }

/* =========================================================
   HIỆU ỨNG VÀ KÍCH THƯỚC VÒNG TRÒN (MỚI)
   ========================================================= */
.vng-topcard-gauge-wrap { display: flex; flex-direction: column; align-items: center; }
.gauge-wrap { position: relative; width: 200px !important; height: 200px !important; margin: 0 auto; }
.gauge-svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.gauge-bg { fill: none; stroke: rgba(255,255,255,0.06); stroke-width: 14; }
.gauge-fill { fill: none; stroke-width: 14; stroke-linecap: round; transition: stroke-dashoffset 1.5s ease-out; stroke: #60a5fa; }
.gauge-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.gauge-score { font-size: 3.5rem !important; font-weight: 900; letter-spacing: -2px; color: #60a5fa; transition: color 0.5s ease, transform 0.3s ease; display: inline-block; }
.is-finished { color: #10b981 !important; }
.bump-score { animation: vngBump 0.4s ease; }
@keyframes vngBump { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } }
.gauge-status { font-size: 1.35rem !important; margin-top: 24px !important; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #60a5fa; transition: color 0.5s ease; }

/* =========================================================
   THANH TƯƠNG TÁC SOCIAL (BẢN CHUẨN THANH LỊCH)
   ========================================================= */
.comment-actions { 
    display: flex; align-items: center; gap: 1.5rem; 
    border-top: 1px solid rgba(255,255,255,0.05); 
    padding-top: 1rem; margin-top: auto; 
}
.action-item { 
    display: flex; align-items: center; gap: 6px; 
    color: #94a3b8; font-size: 0.85rem; font-weight: 600; 
    cursor: pointer; transition: 0.2s; user-select: none; 
}
.action-item i { font-size: 1.1rem; transition: 0.2s; }

/* Trạng thái khi Hover chuột */
.action-item:hover { color: #fff; }
.action-item:hover i { transform: scale(1.1); color: #60a5fa; }

/* Trạng thái khi đã bấm Like (Thả tim) */
.action-item.like-active { color: #ef4444; } /* Màu đỏ hồng tinh tế */
.action-item.like-active i { transform: scale(1.1); color: #ef4444 !important; }




/* =========================================================
   SCAM OVERRIDE - BẢN TRUNG HÒA (DỊU MẮT, SANG TRỌNG HƠN)
   ========================================================= */

/* 1. TRẢ LẠI ĐÈN NỀN XANH TÍM NGUYÊN BẢN (Trộn với 1 chút đỏ mờ) */
.vng-check-page.is-scam-vng::after { 
    display: block !important; 
    background: radial-gradient(circle at 50% 20%, rgba(37, 99, 235, 0.12) 0%, rgba(139, 92, 246, 0.08) 30%, rgba(244, 63, 94, 0.03) 60%, transparent 80%) !important;
}

/* 2. GIẢM ĐỘ GẮT CỦA VIỀN KÍNH VÀ GLOW CHÌM ĐỎ */
.glass-card.theme-fake {
    border: 1px solid rgba(244, 63, 94, 0.25) !important; /* Giảm viền đỏ xuống mức 25% */
    background: rgba(10, 10, 18, 0.6) !important;
    box-shadow: 0 40px 80px rgba(0,0,0,0.8), inset 0 0 80px rgba(244, 63, 94, 0.05) !important; /* Đỏ chìm cực nhẹ (5%) */
}

/* 3. LÀM DỊU BADGE CẢNH BÁO */
.theme-fake .badge-tag {
    background: rgba(244, 63, 94, 0.1) !important; /* Nền mờ 10% */
    border: 1px solid rgba(244, 63, 94, 0.5) !important;
    color: #fda4af !important; /* Đổi chữ trắng thành màu hồng phấn dịu mắt */
}

/* Vòng tròn điểm giữ nguyên độ nét */
.theme-fake .gauge-fill { stroke: #f43f5e !important; filter: drop-shadow(0 0 6px rgba(244,63,94,0.6)); }
.theme-fake .gauge-score, 
.theme-fake .gauge-status,
.theme-fake .is-finished { color: #f43f5e !important; }

/* 4. LÀM DỊU NỀN CÁC KHỐI BOX BÊN TRONG */
.theme-fake .detail-section-title { color: #fb7185 !important; border-bottom-color: rgba(244, 63, 94, 0.15) !important; }
.theme-fake .vng-highlight-box { background: rgba(244, 63, 94, 0.05) !important; border: 1px solid rgba(244, 63, 94, 0.2) !important; }
.theme-fake .node-item:hover { border-color: rgba(244, 63, 94, 0.3) !important; background: rgba(244, 63, 94, 0.02) !important; }
.theme-fake .node-icon { background: rgba(244, 63, 94, 0.08) !important; color: #fb7185 !important; }

/* Nút bấm & Nguồn */
.theme-fake .btn-primary { background: #e11d48 !important; border-color: #f43f5e !important; color: #fff !important;}
.theme-fake .btn-primary:hover { background: #f43f5e !important; }
.theme-fake .vng-ref-list li::before, 
.theme-fake .vng-ref-list a { color: #fb7185 !important; }

/* Comment */
.theme-fake .verified-comment { border-left-color: #fb7185 !important; }
.theme-fake .vng-check-page-isolated-reviews { display: flex !important; flex-direction: column !important; gap: 1.5rem; }

/* =========================================================
   ÉP MÀU ĐỎ CHO NGUỒN THAM KHẢO
   ========================================================= */

/* Đổi màu dấu chấm tròn và chữ link sang đỏ gắt */
.theme-fake .vng-ref-list li::before, 
.theme-fake .vng-ref-list a { 
    color: #f43f5e !important; 
    transition: all 0.3s ease;
}

/* Hiệu ứng khi di chuột qua link (Đậm hơn một chút) */
.theme-fake .vng-ref-list a:hover { 
    color: #e11d48 !important; 
    text-decoration: underline !important;
}/* End custom CSS */