<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, BXH và Kết quả ASEAN Cup 2026 (Cập nhật liên tục)

Một đàn cá heo với hơn 10 con bất ngờ xuất hiện gần bờ biển Lý Sơn ở Quảng Ngãi

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

Giá vàng hôm nay 15/8: Giá vàng trong nước đi ngang, thế giới tăng nhẹ

Giá vàng hôm nay 16/8: Vàng SJC tăng 700.000 đồng, lên 144 triệu đồng/lượng

Giá xăng dầu hôm nay (16/8): Giá dầu thế giới “nóng” lên, giá xăng dầu trong nước hạ nhiệt

Giá xăng dầu hôm nay (17/8): Giá dầu thế giới có xu hướng tăng

Giá vàng hôm nay 17/8: Vàng trong nước đứng giá, thế giới được dự báo tăng

<p data-role="sapo">Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi" với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV.</p>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz00gV3vID3PuGoKEWMhM5_03pkGco3rfcL7TuqEtJghLA/ndo_br_a2-bnd-6430.jpg.avif" title="Tổng Bí thư, Chủ tịch nước Tô Lâm﻿ đến dự buổi truyền đạt chuyên đề: &quot;Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi&quot; với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất)."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz00gV3vID3PuGoKEWMhM5_03pkGco3rfcL7TuqEtJghLA/ndo_br_a2-bnd-6430.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz00gV3vID3PuGoKEWMhM5_03pkGco3rfcL7TuqEtJghLA/ndo_br_a2-bnd-6430.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Tổng Bí thư, Chủ tịch nước Tô Lâm﻿ đến dự buổi truyền đạt chuyên đề: "Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi" với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất).</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz0oH6TmfSCZQk8Z45C9Rrks9uXKR1ee0z294MVoWZ1qHQ/ndo_br_a1-bnd-6506.jpg.avif" title="Tổng Bí thư, Chủ tịch nước Tô Lâm đã truyền đạt chuyên đề: &quot;Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi&quot; với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất)."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz0oH6TmfSCZQk8Z45C9Rrks9uXKR1ee0z294MVoWZ1qHQ/ndo_br_a1-bnd-6506.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz0oH6TmfSCZQk8Z45C9Rrks9uXKR1ee0z294MVoWZ1qHQ/ndo_br_a1-bnd-6506.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Tổng Bí thư, Chủ tịch nước Tô Lâm đã truyền đạt chuyên đề: "Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi" với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất).</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz1afnRaDh9RsErzxfleT1ByJyMtXbIq1T8oAm6lqaPSjw/ndo_br_a4-bnd-6480.jpg.avif" title="Tổng Bí thư, Chủ tịch nước Tô Lâm đã truyền đạt chuyên đề &quot;Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi&quot; với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất)."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz1afnRaDh9RsErzxfleT1ByJyMtXbIq1T8oAm6lqaPSjw/ndo_br_a4-bnd-6480.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz1afnRaDh9RsErzxfleT1ByJyMtXbIq1T8oAm6lqaPSjw/ndo_br_a4-bnd-6480.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Tổng Bí thư, Chủ tịch nước Tô Lâm đã truyền đạt chuyên đề "Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi" với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất).</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/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2c47aXlzIG5odJUyMYkmwY393ZgL55XIQKCd6VCrH5pg/ndo_br_a6-bnd-6487.jpg.avif" title="Tổng Bí thư, Chủ tịch nước Tô Lâm đã truyền đạt chuyên đề: &quot;Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi&quot; với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất)."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2c47aXlzIG5odJUyMYkmwY393ZgL55XIQKCd6VCrH5pg/ndo_br_a6-bnd-6487.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2c47aXlzIG5odJUyMYkmwY393ZgL55XIQKCd6VCrH5pg/ndo_br_a6-bnd-6487.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Tổng Bí thư, Chủ tịch nước Tô Lâm đã truyền đạt chuyên đề: "Lãnh đạo chiến lược trong kỷ nguyên mới. Tầm nhìn trăm năm-tư duy đột phá-kiến tạo phát triển-quản trị thực thi" với các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất).</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2c47aXlzIG5odJUyMYkmwYQE1ue7fPT7PRfL9OUlvgkQ/ndo_br_a6-bnd-6439.jpg.avif" title="Các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất) tham dự buổi học."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2c47aXlzIG5odJUyMYkmwYQE1ue7fPT7PRfL9OUlvgkQ/ndo_br_a6-bnd-6439.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2c47aXlzIG5odJUyMYkmwYQE1ue7fPT7PRfL9OUlvgkQ/ndo_br_a6-bnd-6439.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất) tham dự buổi học.</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2Bh2JooTBMM9mmHgc2i-8YNRtqN1RQgwxpHkfT2pGvaQ/ndo_br_a7-bnd-6509.jpg.avif" title="Các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất) tham dự buổi học."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2Bh2JooTBMM9mmHgc2i-8YNRtqN1RQgwxpHkfT2pGvaQ/ndo_br_a7-bnd-6509.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz2Bh2JooTBMM9mmHgc2i-8YNRtqN1RQgwxpHkfT2pGvaQ/ndo_br_a7-bnd-6509.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Các học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất) tham dự buổi học.</p>
</figcaption>
</figure>

<figure type="Photo">
<p><a data-fancybox="img-lightbox" href="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz20FKDETwD0E25EGZ7zktPcTr9u5uKrVocCT_qeiyWxbA/ndo_br_a9-bnd-6445.jpg.avif" title="Quang cảnh Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất)."><img alt="" data-nosnippet="" data-original="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz20FKDETwD0E25EGZ7zktPcTr9u5uKrVocCT_qeiyWxbA/ndo_br_a9-bnd-6445.jpg.avif" h="1115" rel="lightbox" src="https://cdn.nhandan.vn/images/mGGrRaPuFaixAAktvGtZ38UU6FQbx6ZIueGIQ2LQsz20FKDETwD0E25EGZ7zktPcTr9u5uKrVocCT_qeiyWxbA/ndo_br_a9-bnd-6445.jpg.avif" type="photo" w="1507"></a></p>

<figcaption>
<p data-placeholder="Nhập chú thích ảnh">Quang cảnh Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên Ban Chấp hành Trung ương Đảng khóa XIV (Lớp thứ nhất).</p>
</figcaption>
</figure>

<p>(Nguồn:&nbsp;Báo Nhân dân)</p>


TBT, CTN Tô Lâm truyền đạt chuyên đề với học viên Lớp bồi dưỡng, cập nhật kiến thức đối với Ủy viên BCH TW Đảng  khóa XI

Giá lúa gạo ngày 17/8: Thị trường trầm lắng

Các doanh nghiệp chốt trả cổ tức, tuần từ ngày 17 đến 21/8

Tỷ giá hôm nay 17/8: USD và NDT cùng đi lên

TP.HCM, Nam Bộ mưa to ba ngày tới, miền Đông mưa nhiều hơn miền Tây

Không biến hoạt động đại lý ngân hàng thương mại thành 'giấy chứng nhận an toàn' cho trái phiếu

Đề xuất bỏ quy định về kiểm tra nghiệp vụ in, đúc, tiêu hủy tiền

TPHCM phê duyệt phương án tổng thể sắp xếp mạng lưới các cơ sở giáo dục

Giá cà phê hôm nay 17/8: Thị trường chững lại

Cháy rừng lớn nhất lịch sử Bỉ lan sang Đức

Dịch virus Tây sông Nile lan rộng tại Italy

Quốc Tuấn 

Thi Na

Kim Liên

RADIO TINg 17/8: Tuần mới đã bắt đầu, cùng khởi động một tuần tràn đầy năng lượng nào

Trần Nghĩa

RADIO TINg 16/8: Cuối tuần đã đến hãy cùng nạp thật đầy năng lượng thôi nào

Thoại Diễm

Xã Bà Điểm: Chính quyền đồng hành cùng doanh nghiệp

Giáng Hương

NHỮNG BƯỚC CHÂN KHÔNG RÀO CẢN

Tổng Bí thư, Chủ tịch nước Tô Lâm