<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ả ASEAN Cup 2026: TUYỂN VIỆT NAM VÔ ĐỊCH!!!!!

Chính thức khai mạc Hội chợ Du lịch Quốc tế TP.HCM ITE HCMC 2026

Cung cấp thông tin thế giới, quốc tế nóng nhất đến thính giả, đọc giả, phân tích các sự kiện quốc tế dưới nhiều góc nhìn khác nhau

Nhà di động ngang giá Honda Wave, vẫn đủ điều hòa và vòi tắm

Australia: Nhạc A.I. không được lên bảng xếp hạng

Mỹ ghi nhận những ca tử vong đầu tiên do bệnh sởi

Mỹ tạm dừng phỏng vấn visa toàn cầu

Trung Quốc phản đối lệnh trừng phạt mới của Mỹ nhằm vào Iran

<p>Truyền thông nhà nước Trung Quốc cho biết ít nhất 3 người thiệt mạng và hơn 265 người mất tích tại nước này. Phía Nepal cho biết có ít nhất 341 người nước ngoài đang mất tích.</p>

<p>Khu vực xảy ra lũ quét là tuyến đường phổ biến với khách hành hương và du khách. Vào mùa hè, hàng trăm người theo Ấn Độ giáo, Phật giáo, Jain và Bonpo thường đến khu vực quanh núi Kailash, ngọn núi thiêng ở Tây Tạng.</p>

<p>Dòng nước và bùn đất bất ngờ ập xuống như “bê tông lỏng”, khiến nhiều người gần như không có cơ hội chạy thoát. Lực lượng chức năng đang tiếp tục tìm kiếm những người mất tích.</p>

<figure class="image">
<div class="img-center">
<figure class="image figure-images"><img alt="TIN MUA BÃO" src="https://image.voh.com.vn/voh/image/2026/08/27/tin-mua-bao-123952.png">
<figcaption>Theo dõi Short TINg VOH để cập nhật tin nhanh, ngắn gọn và dễ hiểu mỗi ngày - Ảnh minh họa.</figcaption>
</figure>
</div>
</figure>


Lũ quét ở biên giới Nepal - Trung Quốc

Brazil kiện Discord, đòi bồi thường gần 100 triệu USD

SpaceX muốn xây siêu căn cứ không gian trị giá 100 tỉ USD tại Mỹ

Trung Quốc: Lũ quét ở Tây Tạng khiến 265 người mất tích