<affitrackr-widget></affitrackr-widget>

<style>
    /* ══════════════════════════════════════════
       AFFITRACKR WIDGET — MOBILE VERSION
       1 cột, AD sau mỗi 3 card
    ══════════════════════════════════════════ */

    /* ── Fix CMS .adv-center negative margin (mobile only) ── */
    .adv-center:has(affitrackr-widget),
    .adv:has(affitrackr-widget) {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    affitrackr-widget {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .affi-widget {
        display: block;
        font-family: sans-serif;
        box-sizing: border-box;
        text-align: left;
        overflow: hidden;
        max-width: 100%;
        background: #ffffff;
        border-radius: 6px;
        margin: 20px 0;
        padding: 16px;
    }

    .affi-title {
        font-size: 22px;
        color: #333;
        border-left: 4px solid #e11d48;
        padding-left: 10px;
        margin: 0 0 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* ── Grid: 1 cột ── */
    .affi-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .affi-ad-slot { grid-column: 1 / -1 !important; }

    /* ── Card ── */
    .affi-card {
        border: 1px solid #c8b99a;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
        background-color: #ede0c4;
        background-image:
            repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(160,130,80,0.04) 2px, rgba(160,130,80,0.04) 3px),
            repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(140,110,60,0.03) 3px, rgba(140,110,60,0.03) 4px),
            linear-gradient(160deg, #f0e4c8 0%, #e8d8b0 40%, #ede0c4 70%, #e5d5aa 100%);
    }
    .affi-card.affi-visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) {
        .affi-card { opacity: 1; transform: none; transition: none; }
    }

    .affi-thumb-link {
        display: block; width: 100%; padding-top: 56.25%;
        position: relative; overflow: hidden; text-decoration: none;
    }
    .affi-thumb-img {
        position: absolute; top: 0; left: 0;
        width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s;
    }
    .affi-thumb-link:hover .affi-thumb-img { transform: scale(1.04); }

    .affi-card-body { padding: 12px; flex: 1; display: flex; flex-direction: column; }
    .affi-card-title {
        text-decoration: none; color: #1a1208; font-weight: bold;
        font-size: 16px; line-height: 1.45;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; margin-bottom: 8px;
    }
    .affi-card-title:hover { color: #e11d48; }
    .affi-card-source {
        font-size: 11px; color: #8a7d65; font-weight: 500;
        text-transform: uppercase; margin-top: auto;
    }

    .affi-ad-slot {
        width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;
        opacity: 0; transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
    }
    .affi-ad-slot.affi-visible { opacity: 1; transform: translateY(0); }
    .affi-ad-slot ins { display: block !important; width: 100% !important; }

    /* ── Skeleton ── */
    @keyframes affi-shimmer {
        0%   { background-position: -400px 0; }
        100% { background-position:  400px 0; }
    }
    .affi-skeleton { border: 1px solid #eee; border-radius: 6px; overflow: hidden; background: #fff; }
    .affi-skeleton-thumb {
        padding-top: 56.25%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear;
    }
    .affi-skeleton-body { padding: 12px; }
    .affi-skeleton-line {
        height: 12px; border-radius: 4px;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear; margin-bottom: 8px;
    }
    .affi-skeleton-line.affi-short { width: 60%; }
</style>

<script>
class AffitrackrWidget extends HTMLElement {

    static AD_CLIENT       = 'ca-pub-7078400245394460';
    static AD_SLOT         = '7322516041';
    static CARDS_PER_BLOCK = 3;   // Mobile: AD sau mỗi 3 card
    static TOTAL_ARTICLES  = 20;

    connectedCallback() {
        this.classList.add('affi-widget');
        this.innerHTML = `
            <h3 class="affi-title">Có thể bạn quan tâm</h3>
            <div class="affi-grid" id="affi-grid"></div>
        `;
        this._showSkeletons();
        this._loadArticles();
    }

    _showSkeletons() {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = Array(4).fill(`
            <div class="affi-skeleton">
                <div class="affi-skeleton-thumb"></div>
                <div class="affi-skeleton-body">
                    <div class="affi-skeleton-line"></div>
                    <div class="affi-skeleton-line affi-short"></div>
                </div>
            </div>
        `).join('');
    }

    _shuffle(arr) {
        const a = [...arr];
        for (let i = a.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [a[i], a[j]] = [a[j], a[i]];
        }
        return a;
    }

    _storageGet(key, fallback) {
        try { return JSON.parse(localStorage.getItem(key)) ?? fallback; } catch { return fallback; }
    }
    _storageSet(key, value) {
        try { localStorage.setItem(key, JSON.stringify(value)); } catch {}
    }

    async _fetchArticles() {
        const CACHE_KEY = 'affi_articles_cache';
        const CACHE_TTL = 5 * 60 * 1000;
        try {
            const raw = sessionStorage.getItem(CACHE_KEY);
            if (raw) {
                const { ts, data } = JSON.parse(raw);
                if (Date.now() - ts < CACHE_TTL) return data;
            }
        } catch {}
        const controller = new AbortController();
        const timer = setTimeout(() => controller.abort(), 5000);
        try {
            const res = await fetch('https://affitrackr.com/cdn/affitrackr/articles.json', { signal: controller.signal });
            clearTimeout(timer);
            if (!res.ok) throw new Error(`HTTP ${res.status}`);
            const data = await res.json();
            try { sessionStorage.setItem(CACHE_KEY, JSON.stringify({ ts: Date.now(), data })); } catch {}
            return data;
        } catch (err) { clearTimeout(timer); throw err; }
    }

    _safeUrl(url) {
        try {
            const u = new URL(url);
            return (u.protocol === 'https:' || u.protocol === 'http:') ? url : '#';
        } catch { return '#'; }
    }

    _buildCard(item, eager = false) {
        const card = document.createElement('div');
        card.className = 'affi-card';

        const thumbLink = document.createElement('a');
        thumbLink.href = this._safeUrl(item.u);
        thumbLink.className = 'affi-thumb-link';
        thumbLink.target = '_top';
        thumbLink.rel = 'noopener noreferrer';

        const img = document.createElement('img');
        img.src = this._safeUrl(item.i);
        img.alt = String(item.t ?? '').slice(0, 100);
        img.className = 'affi-thumb-img';
        img.loading = eager ? 'eager' : 'lazy';
        img.decoding = eager ? 'sync' : 'async';
        img.onerror = () => { img.style.display = 'none'; };
        thumbLink.appendChild(img);

        const body = document.createElement('div');
        body.className = 'affi-card-body';

        const titleLink = document.createElement('a');
        titleLink.href = this._safeUrl(item.u);
        titleLink.className = 'affi-card-title';
        titleLink.target = '_top';
        titleLink.rel = 'noopener noreferrer';
        titleLink.textContent = item.t ?? '';

        const source = document.createElement('span');
        source.className = 'affi-card-source';
        source.textContent = item.src ?? 'VOH';

        body.appendChild(titleLink);
        body.appendChild(source);
        card.appendChild(thumbLink);
        card.appendChild(body);
        return card;
    }

    _buildAdSlot() {
        const wrapper = document.createElement('div');
        wrapper.className = 'affi-ad-slot';
        wrapper.dataset.adPending = 'true';

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (!entry.isIntersecting) return;
                obs.unobserve(wrapper);
                if (wrapper.dataset.adPending !== 'true') return;
                delete wrapper.dataset.adPending;

                const ins = document.createElement('ins');
                ins.className = 'adsbygoogle';
                ins.style.display = 'block';
                ins.dataset.adClient = AffitrackrWidget.AD_CLIENT;
                ins.dataset.adSlot = AffitrackrWidget.AD_SLOT;
                ins.dataset.adFormat = 'auto';
                ins.dataset.fullWidthResponsive = 'true';
                wrapper.appendChild(ins);
                try { (window.adsbygoogle = window.adsbygoogle || []).push({}); }
                catch (e) { console.warn('[affitrackr-mobile] AdSense error:', e); }
            });
        }, { rootMargin: '0px 0px 200px 0px', threshold: 0 });

        observer.observe(wrapper);
        return wrapper;
    }

    _observeElements(els) {
        if (!('IntersectionObserver' in window)) {
            els.forEach(el => el.classList.add('affi-visible'));
            return;
        }
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('affi-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, { rootMargin: '0px 0px 80px 0px', threshold: 0.05 });
        els.forEach(el => observer.observe(el));
    }

    _render(articles) {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = '';

        const allEls  = [];
        let adCount   = 0;
        let cardCount = 0; // đếm card trong block hiện tại

        articles.forEach((item, i) => {
            const card = this._buildCard(item, i < 2); // 2 card đầu eager
            grid.appendChild(card);
            allEls.push(card);
            cardCount++;

            // Sau mỗi CARDS_PER_BLOCK card → chèn AD
            if (cardCount === AffitrackrWidget.CARDS_PER_BLOCK) {
                const adSlot = this._buildAdSlot(adCount++);
                grid.appendChild(adSlot);
                allEls.push(adSlot);
                cardCount = 0;
            }
        });

        allEls.slice(0, 2).forEach(el => el.classList.add('affi-visible'));
        this._observeElements(allEls.slice(2));
    }

    async _loadArticles() {
        try {
            const data = await this._fetchArticles();
            const allArticles = Array.isArray(data?.items) ? data.items : [];
            if (allArticles.length === 0) throw new Error('empty');

            const currentUrl = window.location.href;
            let history = this._storageGet('seen_articles_mobile', []);

            let pool = allArticles.filter(a => !history.includes(a.id) && a.u !== currentUrl);
            if (pool.length < AffitrackrWidget.TOTAL_ARTICLES) {
                history = [];
                pool = allArticles.filter(a => a.u !== currentUrl);
            }

            const recommended = this._shuffle(pool).slice(0, AffitrackrWidget.TOTAL_ARTICLES);
            recommended.forEach(a => history.push(a.id));
            this._storageSet('seen_articles_mobile', history.slice(-200));
            this._render(recommended);
        } catch {
            this.style.display = 'none';
        }
    }
}

if (!customElements.get('affitrackr-widget')) {
    customElements.define('affitrackr-widget', AffitrackrWidget);
}
</script>



<affitrackr-widget></affitrackr-widget>

<style>
    /* ══════════════════════════════════════════
       AFFITRACKR WIDGET — PC VERSION
       2 cột, AD full width sau mỗi 4 card (2 row)
    ══════════════════════════════════════════ */

    /* ── PC không có negative margin trick từ CMS, reset đơn giản ── */
    affitrackr-widget {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        float: none !important;
        clear: both !important;
    }

    .affi-widget {
        display: block;
        font-family: sans-serif;
        box-sizing: border-box;
        text-align: left;
        overflow: hidden;
        max-width: 100%;
        background: #ffffff;
        border-radius: 6px;
        margin: 20px 0;
        padding: 20px;
    }

    .affi-title {
        font-size: 22px;
        color: #333;
        border-left: 4px solid #e11d48;
        padding-left: 10px;
        margin: 0 0 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* ── Grid: 2 cột ── */
    .affi-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* AD span full width (2 cột) */
    .affi-ad-slot { grid-column: 1 / -1 !important; }

    /* ── Card ── */
    .affi-card {
        border: 1px solid #c8b99a;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
        background-color: #ede0c4;
        background-image:
            repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(160,130,80,0.04) 2px, rgba(160,130,80,0.04) 3px),
            repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(140,110,60,0.03) 3px, rgba(140,110,60,0.03) 4px),
            linear-gradient(160deg, #f0e4c8 0%, #e8d8b0 40%, #ede0c4 70%, #e5d5aa 100%);
    }
    .affi-card.affi-visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) {
        .affi-card { opacity: 1; transform: none; transition: none; }
    }

    .affi-thumb-link {
        display: block; width: 100%; padding-top: 56.25%;
        position: relative; overflow: hidden; text-decoration: none;
    }
    .affi-thumb-img {
        position: absolute; top: 0; left: 0;
        width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s;
    }
    .affi-thumb-link:hover .affi-thumb-img { transform: scale(1.04); }

    .affi-card-body { padding: 12px; flex: 1; display: flex; flex-direction: column; }
    .affi-card-title {
        text-decoration: none; color: #1a1208; font-weight: bold;
        font-size: 16px; line-height: 1.45;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; margin-bottom: 8px;
    }
    .affi-card-title:hover { color: #e11d48; }
    .affi-card-source {
        font-size: 11px; color: #8a7d65; font-weight: 500;
        text-transform: uppercase; margin-top: auto;
    }

    .affi-ad-slot {
        width: 100%; max-width: 100%; box-sizing: border-box;
        opacity: 0; transform: translateY(10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
    }
    .affi-ad-slot.affi-visible { opacity: 1; transform: translateY(0); }
    .affi-ad-slot ins { display: block !important; width: 100% !important; }

    /* ── Skeleton ── */
    @keyframes affi-shimmer {
        0%   { background-position: -400px 0; }
        100% { background-position:  400px 0; }
    }
    .affi-skeleton { border: 1px solid #eee; border-radius: 6px; overflow: hidden; background: #fff; }
    .affi-skeleton-thumb {
        padding-top: 56.25%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear;
    }
    .affi-skeleton-body { padding: 12px; }
    .affi-skeleton-line {
        height: 12px; border-radius: 4px;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 800px 100%; animation: affi-shimmer 1.4s infinite linear; margin-bottom: 8px;
    }
    .affi-skeleton-line.affi-short { width: 60%; }
</style>

<script>
class AffitrackrWidget extends HTMLElement {

    static AD_CLIENT       = 'ca-pub-7078400245394460';
    static AD_SLOT         = '7322516041';
    static CARDS_PER_BLOCK = 4;   // PC: AD sau mỗi 4 card (2 row × 2 cột)
    static TOTAL_ARTICLES  = 20;

    connectedCallback() {
        this.classList.add('affi-widget');
        this.innerHTML = `
            <h3 class="affi-title">Có thể bạn quan tâm</h3>
            <div class="affi-grid" id="affi-grid"></div>
        `;
        this._showSkeletons();
        this._loadArticles();
    }

    _showSkeletons() {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = Array(4).fill(`
            <div class="affi-skeleton">
                <div class="affi-skeleton-thumb"></div>
                <div class="affi-skeleton-body">
                    <div class="affi-skeleton-line"></div>
                    <div class="affi-skeleton-line affi-short"></div>
                </div>
            </div>
        `).join('');
    }

    _shuffle(arr) {
        const a = [...arr];
        for (let i = a.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [a[i], a[j]] = [a[j], a[i]];
        }
        return a;
    }

    _storageGet(key, fallback) {
        try { return JSON.parse(localStorage.getItem(key)) ?? fallback; } catch { return fallback; }
    }
    _storageSet(key, value) {
        try { localStorage.setItem(key, JSON.stringify(value)); } catch {}
    }

    async _fetchArticles() {
        const CACHE_KEY = 'affi_articles_cache';
        const CACHE_TTL = 5 * 60 * 1000;
        try {
            const raw = sessionStorage.getItem(CACHE_KEY);
            if (raw) {
                const { ts, data } = JSON.parse(raw);
                if (Date.now() - ts < CACHE_TTL) return data;
            }
        } catch {}
        const controller = new AbortController();
        const timer = setTimeout(() => controller.abort(), 5000);
        try {
            const res = await fetch('https://affitrackr.com/cdn/affitrackr/articles.json', { signal: controller.signal });
            clearTimeout(timer);
            if (!res.ok) throw new Error(`HTTP ${res.status}`);
            const data = await res.json();
            try { sessionStorage.setItem(CACHE_KEY, JSON.stringify({ ts: Date.now(), data })); } catch {}
            return data;
        } catch (err) { clearTimeout(timer); throw err; }
    }

    _safeUrl(url) {
        try {
            const u = new URL(url);
            return (u.protocol === 'https:' || u.protocol === 'http:') ? url : '#';
        } catch { return '#'; }
    }

    _buildCard(item, eager = false) {
        const card = document.createElement('div');
        card.className = 'affi-card';

        const thumbLink = document.createElement('a');
        thumbLink.href = this._safeUrl(item.u);
        thumbLink.className = 'affi-thumb-link';
        thumbLink.target = '_top';
        thumbLink.rel = 'noopener noreferrer';

        const img = document.createElement('img');
        img.src = this._safeUrl(item.i);
        img.alt = String(item.t ?? '').slice(0, 100);
        img.className = 'affi-thumb-img';
        img.loading = eager ? 'eager' : 'lazy';
        img.decoding = eager ? 'sync' : 'async';
        img.onerror = () => { img.style.display = 'none'; };
        thumbLink.appendChild(img);

        const body = document.createElement('div');
        body.className = 'affi-card-body';

        const titleLink = document.createElement('a');
        titleLink.href = this._safeUrl(item.u);
        titleLink.className = 'affi-card-title';
        titleLink.target = '_top';
        titleLink.rel = 'noopener noreferrer';
        titleLink.textContent = item.t ?? '';

        const source = document.createElement('span');
        source.className = 'affi-card-source';
        source.textContent = item.src ?? 'VOH';

        body.appendChild(titleLink);
        body.appendChild(source);
        card.appendChild(thumbLink);
        card.appendChild(body);
        return card;
    }

    _buildAdSlot() {
        const wrapper = document.createElement('div');
        wrapper.className = 'affi-ad-slot';
        wrapper.dataset.adPending = 'true';

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (!entry.isIntersecting) return;
                obs.unobserve(wrapper);
                if (wrapper.dataset.adPending !== 'true') return;
                delete wrapper.dataset.adPending;

                const ins = document.createElement('ins');
                ins.className = 'adsbygoogle';
                ins.style.display = 'block';
                ins.dataset.adClient = AffitrackrWidget.AD_CLIENT;
                ins.dataset.adSlot = AffitrackrWidget.AD_SLOT;
                ins.dataset.adFormat = 'auto';
                ins.dataset.fullWidthResponsive = 'true';
                wrapper.appendChild(ins);
                try { (window.adsbygoogle = window.adsbygoogle || []).push({}); }
                catch (e) { console.warn('[affitrackr-pc] AdSense error:', e); }
            });
        }, { rootMargin: '0px 0px 200px 0px', threshold: 0 });

        observer.observe(wrapper);
        return wrapper;
    }

    _observeElements(els) {
        if (!('IntersectionObserver' in window)) {
            els.forEach(el => el.classList.add('affi-visible'));
            return;
        }
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('affi-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, { rootMargin: '0px 0px 80px 0px', threshold: 0.05 });
        els.forEach(el => observer.observe(el));
    }

    _render(articles) {
        const grid = this.querySelector('#affi-grid');
        grid.innerHTML = '';

        const allEls  = [];
        let adCount   = 0;
        let cardCount = 0;

        // Layout 2 cột:
        // [card] [card]
        // [card] [card]  → sau 4 card → AD
        // [── AD full width ──]
        // [card] [card]
        // ...
        articles.forEach((item, i) => {
            const card = this._buildCard(item, i < 4); // 4 card đầu eager (2 row đầu)
            grid.appendChild(card);
            allEls.push(card);
            cardCount++;

            if (cardCount === AffitrackrWidget.CARDS_PER_BLOCK) {
                const adSlot = this._buildAdSlot(adCount++);
                grid.appendChild(adSlot);
                allEls.push(adSlot);
                cardCount = 0;
            }
        });

        allEls.slice(0, 4).forEach(el => el.classList.add('affi-visible'));
        this._observeElements(allEls.slice(4));
    }

    async _loadArticles() {
        try {
            const data = await this._fetchArticles();
            const allArticles = Array.isArray(data?.items) ? data.items : [];
            if (allArticles.length === 0) throw new Error('empty');

            const currentUrl = window.location.href;
            let history = this._storageGet('seen_articles_pc', []);

            let pool = allArticles.filter(a => !history.includes(a.id) && a.u !== currentUrl);
            if (pool.length < AffitrackrWidget.TOTAL_ARTICLES) {
                history = [];
                pool = allArticles.filter(a => a.u !== currentUrl);
            }

            const recommended = this._shuffle(pool).slice(0, AffitrackrWidget.TOTAL_ARTICLES);
            recommended.forEach(a => history.push(a.id));
            this._storageSet('seen_articles_pc', history.slice(-200));
            this._render(recommended);
        } catch {
            this.style.display = 'none';
        }
    }
}

if (!customElements.get('affitrackr-widget')) {
    customElements.define('affitrackr-widget', AffitrackrWidget);
}
</script>

<div style="width: 100%; background-color: #fbf3e4; display: flex; justify-content: center; align-items: center; padding: 3px 0;">
  <div style="display: flex; align-items: center;">
    <div style="text-align: center; font-size: 11px; font-weight: normal; background-color: gray; color: white; padding: 1px 5px; /* Khoảng cách giữa chữ Ad và chữ Quảng cáo */ margin: 0 3px; border-radius: 1px; /* Bo cạnh 3px */">Ad</div>
    <div style="text-align: center; font-size: 11px; font-weight: normal; color: #000000;">QUẢNG CÁO</div>
  </div>
</div>
<div style="height: 150px;">


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7078400245394460"
     data-ad-slot="5024558631"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<script type="text/javascript" class="teads" src="//a.teads.tv/page/158267/tag" async="true"></script>

<zone id="luaxyl27"></zone>
<script>
arfAsync.push("luaxyl27");
</script>


<zone id="kjbdaxby"></zone>
<script>
arfAsync.push("kjbdaxby");
</script>

<zone id="kmvv37ku"></zone>
<script>
arfAsync.push("kmvv37ku");
</script>


Lịch thi đấu và Kết quả World Cup 2026 (Cập nhật liên tục)

1.324 mộ liệt sĩ chưa có thông tin tại Cần Thơ được lấy mẫu ADN

Cập nhật tin tức thời sự, tin nóng, sự kiện nhiều người quan tâm về lĩnh vực kinh tế, chính trị, xã hội, thể thao...trong 24 giờ qua trên VOH Online

Lịch cúp điện TP. Hồ Chí Minh ngày 5/7

Giá vàng ngày 4/7: Tăng vọt 3 triệu đồng/lượng, lập đỉnh mới

Giá vàng trong nước lặng sóng, SJC vẫn cao hơn thế giới hơn 18 triệu đồng/lượng

Giá xăng dầu khép tuần trái chiều, dầu thế giới giảm nhẹ

Nữ công nhân TP. Hồ Chí Minh trúng độc đắc 4 tỷ đồng sau lần mua vé số cầu may

<figure type="Photo">
<p><span id="cke_bm_6723S" style="display: none;">&nbsp;</span><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed0f59c24ad8db601453455adc8ab17db0/ps2.jpg.avif" title="Đoàn cứu hộ, cứu nạn Việt Nam và cán bộ Đại sứ quán Việt Nam tại Venezuela dâng hoa tưởng nhớ Chủ tịch Hồ Chí Minh﻿ tại Tượng đài Hồ Chí Minh trên Đại lộ Simón Bolívar ở Thủ đô Caracas, Venezuela.(Ảnh: Đại sứ quán Việt Nam tại Venezuela)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed0f59c24ad8db601453455adc8ab17db0/ps2.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed0f59c24ad8db601453455adc8ab17db0/ps2.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Đoàn cứu hộ, cứu nạn Việt Nam và cán bộ Đại sứ quán Việt Nam tại Venezuela dâng hoa tưởng nhớ Chủ tịch Hồ Chí Minh﻿ tại Tượng đài Hồ Chí Minh trên Đại lộ Simón Bolívar ở Thủ đô Caracas, Venezuela - Ảnh: Đại sứ quán Việt Nam tại Venezuela</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed437f448738b4532439a1856588b9996b/ps11.jpg.avif" title="Đại sứ Vũ Trung Mỹ và Thiếu tướng Phạm Văn Tỵ, Phó Cục trưởng Cục Cứu hộ-cứu nạn (Bộ Tổng Tham mưu, Quân đội nhân dân Việt Nam), Trưởng đoàn công tác và các thành viên đoàn công tác của Quân đội nhân dân Việt Nam chụp ảnh kỷ niệm bên Tượng đài Chủ tịch Hồ Chí Minh.﻿(Ảnh: Đại sứ quán Việt Nam tại Venezuela)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed437f448738b4532439a1856588b9996b/ps11.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed437f448738b4532439a1856588b9996b/ps11.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Đại sứ Vũ Trung Mỹ và Thiếu tướng Phạm Văn Tỵ, Phó Cục trưởng Cục Cứu hộ-cứu nạn (Bộ Tổng Tham mưu, Quân đội nhân dân Việt Nam), Trưởng đoàn công tác và các thành viên đoàn công tác của Quân đội nhân dân Việt Nam chụp ảnh kỷ niệm bên Tượng đài Chủ tịch Hồ Chí Minh - Ảnh: Đại sứ quán Việt Nam tại Venezuela</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed6991a10c5d98d2fd2837fe24d87aef57/ps8.jpg.avif" title="Đại sứ Vũ Trung Mỹ và các thành viên Đoàn cứu nạn Bộ Công an Việt Nam chụp ảnh kỷ niệm bên Tượng đài Chủ tịch Hồ Chí Minh. (Ảnh: Đại sứ quán Việt Nam tại Venezuela﻿)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed6991a10c5d98d2fd2837fe24d87aef57/ps8.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed6991a10c5d98d2fd2837fe24d87aef57/ps8.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Đại sứ Vũ Trung Mỹ và các thành viên Đoàn cứu nạn Bộ Công an Việt Nam chụp ảnh kỷ niệm bên Tượng đài Chủ tịch Hồ Chí Minh - Ảnh: Đại sứ quán Việt Nam tại Venezuela﻿</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edda219dbbfa623f2a632596560783a3ed/ps17.jpg.avif" title="Cán bộ Đại sứ quán và một số thành viên trong Đoàn cứu hộ, cứu nạn bày tỏ xúc động tại lễ dâng hoa tưởng nhớ Chủ tịch Hồ Chí Minh.(Ảnh: Đại sứ quán Việt Nam tại Venezuela)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edda219dbbfa623f2a632596560783a3ed/ps17.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edda219dbbfa623f2a632596560783a3ed/ps17.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Cán bộ Đại sứ quán và một số thành viên trong Đoàn cứu hộ, cứu nạn bày tỏ xúc động tại lễ dâng hoa tưởng nhớ Chủ tịch Hồ Chí Minh - Ảnh: Đại sứ quán Việt Nam tại Venezuela</p>
</figcaption>
</figure>

<div class="adv-components" id="MiddleContent-01"></div><figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edefa53e3e0635a7733d09be3a4bf4c419/ps14.jpg.avif" title="Đoàn cứu hộ, cứu nạn Việt Nam dâng hương tại bàn thờ của Người tại trụ sở Đại sứ quán Việt Nam tại Venezuela.(Ảnh: Đại sứ quán Việt Nam tại Venezuela)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edefa53e3e0635a7733d09be3a4bf4c419/ps14.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edefa53e3e0635a7733d09be3a4bf4c419/ps14.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Đoàn cứu hộ, cứu nạn Việt Nam dâng hương tại bàn thờ của Người tại trụ sở Đại sứ quán Việt Nam tại Venezuela - Ảnh: Đại sứ quán Việt Nam tại Venezuela</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5eddfc4d57bfc7e9ccf3b58c7581d433e13/ps10.jpg.avif" title="Đại sứ Vũ Trung Mỹ và Thiếu tướng Phạm Văn Tỵ tại Đại sứ quán Việt Nam tại Venezuela. (Ảnh: Đại sứ quán Việt Nam tại Venezuela)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5eddfc4d57bfc7e9ccf3b58c7581d433e13/ps10.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5eddfc4d57bfc7e9ccf3b58c7581d433e13/ps10.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Đại sứ Vũ Trung Mỹ và Thiếu tướng Phạm Văn Tỵ tại Đại sứ quán Việt Nam tại Venezuela - Ảnh: Đại sứ quán Việt Nam tại Venezuela</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edd920335a6dde4346a34dca7695ff168f/ps9.jpg.avif" title=""><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edd920335a6dde4346a34dca7695ff168f/ps9.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5edd920335a6dde4346a34dca7695ff168f/ps9.jpg.avif" type="photo" w="1507"></a></p>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed7118684146386d3640ecdcb00ab83f59/ps16.jpg.avif" title="Các thành viên trong Đoàn cứu hộ, cứu nạn Việt Nam chụp ảnh kỷ niệm với cán bộ nhân viên Đại sứ quán. (Ảnh: Đại sứ quán Việt Nam tại Venezuela)"><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed7118684146386d3640ecdcb00ab83f59/ps16.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/f7dc0067476cd88a5afe3eee0f8a12080ae80641d79eb6f98cb4b31f4c83a5ed7118684146386d3640ecdcb00ab83f59/ps16.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Các thành viên trong Đoàn cứu hộ, cứu nạn Việt Nam chụp ảnh kỷ niệm với cán bộ nhân viên Đại sứ quán - Ảnh: Đại sứ quán Việt Nam tại Venezuela</p>
</figcaption>
</figure>

<p>&nbsp;</p>

<p>Báo Nhân dân</p>


Đoàn cứu hộ, cứu nạn Việt Nam dâng hoa tại Tượng đài Chủ tịch Hồ Chí Minh tại Venezuela

Triển lãm thú cưng lớn nhất Đài Loan (Trung Quốc)

Nắng nóng kéo dài ở khu danh thắng Hỏa Diệm Sơn, Trung Quốc

Hoàn thiện pháp lý nhằm hỗ trợ doanh nghiệp và thị trường tài chính

Kiev hứng đòn tập kích lớn của Nga, 9 người thiệt mạng

Sẽ thêm 6 thương nhân đầu mối được cấp phép phối trộn E10 trong tháng 7

Chứng khoán ngày 6/7: VN-Index mất gần 19 điểm, khối ngoại xả hơn 2.050 tỷ đồng

Đổi mới tư duy để mở rộng cánh cửa xuất khẩu cây có múi

Trạm tin chiều 06/07: Nút giao An Phú lùi tiến độ đến quý 3/2027 | 7h ngày 07/07 TP.HCM công bố điểm khảo sát lớp 6

Giá vàng chiều nay 6/7: Ổn định, chờ tín hiệu từ Fed

Hơn 3.300 người thiệt mạng vì động đất, lãnh đạo lâm thời Venezuela lên tiếng

Quốc Tuấn 

Khánh Hà

Thi Na

RADIO TINg 6/7: Tuần mới đến rồi, cùng RADIO TINg khởi động tuần đầy năng lượng thôi

Khánh Tường

Ngoại tình bắt đầu từ thiếu thốn hay ích kỷ?

Tiếp nối hành trình tri ân, tìm lại tên cho các Anh hùng liệt sĩ

Kim Thanh

Nhìn lại điện ảnh Việt 6 tháng đầu năm 2026; Tranh cãi chuyện Hà Tăng đóng "Hoàng hậu cuối cùng"

Nga Quỳnh

Đặng Thành Lê

Khám phá ‘Viên ngọc xanh’ của Tây Nguyên

Đoàn cứu hộ Việt Nam trao quà hỗ trợ người dân vùng động đất tại Venezuela

"Anh hùng 4 chân" trong công tác cứu hộ nạn nhân động đất Venezuela

Việt Nam hỗ trợ Venezuela do động đất: Điện thoại không còn tín hiệu và khúc vĩ thanh dưới đống đổ nát

Tượng đài Chủ tịch Hồ Chí Minh