<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)

Bóng chuyền nữ Việt Nam thắng đậm, thắp lên hy vọng đi tiếp

Đọc tin thể thao mới nhất, tin bóng đá 24h, tin chuyển nhượng hôm nay. Lịch thi đấu, BXH, kết quả bóng đá hôm nay. Tin hậu trường, tin V-League, đội tuyển Việt Nam.

Kết quả Thái Lan 0-2 Việt Nam: 7 phút vũ bão

Lịch thi đấu Chung kết ASEAN Cup 2026 lượt về: Việt Nam vs Thái Lan

Thầy Kim thay người như thần, tuyển Việt Nam san bằng thánh địa Thái Lan

Tin chuyển nhượng 22/8: Arsenal gửi "tối hậu thư" đến Osimhen | Chelsea chính thức chốt tương lai Pedro

Nhận định Fulham vs Chelsea (02h00 ngày 25/8): Oan gia ngõ hẹp

<table border="1" cellpadding="0" cellspacing="0" style="width:605px;" width="605">
	<tbody>
		<tr>
			<td colspan="5" style="width: 605px; background-color: rgb(255, 0, 0);">
			<p align="center"><span style="color:#FFFFFF;"><strong>THỨ S&Aacute;U - NG&Agrave;Y 4/10//2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>CONCACAF LEAGUE 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">07 giờ 00</p>
			</td>
			<td style="width:179px;">
			<p align="center">Deportiva San Carlos</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Alianza FC (SLV)</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">09 giờ 00</p>
			</td>
			<td style="width:179px;">
			<p align="center">CSD Comunicaciones</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">CD Olimpia</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIẢI V&Ocirc; ĐỊCH IRAN (PRO LEAGUE) 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">19 giờ 30</p>
			</td>
			<td style="width:179px;">
			<p align="center">Esteghlal</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">GOL Gohar Sirjan FC</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">19 giờ 30</p>
			</td>
			<td style="width:179px;">
			<p align="center">Paykan FC</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Naft Masjed Soleyman FC</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">20 giờ 30</p>
			</td>
			<td style="width:179px;">
			<p align="center">FC Nassaji Mazandaran</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Machine Sazi FC</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">20 giờ 35</p>
			</td>
			<td style="width:179px;">
			<p align="center">Sepahan</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Zob Ahan Isfahan FC</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">20 giờ 45</p>
			</td>
			<td style="width:179px;">
			<p align="center">Sanat Naft Abadan FC</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Saipa FC</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">20 giờ 45</p>
			</td>
			<td style="width:179px;">
			<p align="center">Shahin Bushehr FC</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Foolad Khuzestan FC</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">21 giờ 45</p>
			</td>
			<td style="width:179px;">
			<p align="center">Padideh Shahre Khodrou</p>

			<p align="center">Khorasan FC</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">Persepolis</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;">
			<p align="center">22 giờ 00</p>
			</td>
			<td style="width:179px;">
			<p align="center">Tractor FC</p>
			</td>
			<td style="width:61px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;">
			<p align="center">FC Pars Jonoubi Jam</p>
			</td>
			<td style="width:103px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; background-color: rgb(255, 0, 0);">
			<p align="center"><span style="color:#FFFFFF;"><strong>THỨ BẢY - NG&Agrave;Y 5/10/2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 8 - GIẢI V&Ocirc; ĐỊCH T&Acirc;Y BAN NHA (LA LIGA) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;height:14px;">
			<p align="center">02 giờ 00</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Real Betis</p>
			</td>
			<td style="width:61px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Eibar</p>
			</td>
			<td style="width:103px;height:14px;">
			<p align="center">BDTV</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 7 - GIẢI V&Ocirc; ĐỊCH ITALIA (SERIE A) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;height:14px;">
			<p align="center">01 giờ 45</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Brescia</p>
			</td>
			<td style="width:61px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Sassuolo</p>
			</td>
			<td style="width:103px;height:14px;">
			<p align="center">FPT Play</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 7 - GIẢI V&Ocirc; ĐỊCH ĐỨC (BUNDESLIGA) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;height:14px;">
			<p align="center">01 giờ 30</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Hertha Berlin</p>
			</td>
			<td style="width:61px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Fortuna D&uuml;sseldorf</p>
			</td>
			<td style="width:103px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 9 - GIẢI V&Ocirc; ĐỊCH PH&Aacute;P (LIGUE 1) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;height:14px;">
			<p align="center">01 giờ 45</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Amiens</p>
			</td>
			<td style="width:61px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Marseille</p>
			</td>
			<td style="width:103px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 605px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 11 - GIẢI HẠNG NHẤT ANH (CHAMPIONSHIP) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:83px;height:14px;">
			<p align="center">01 giờ 45</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Birmingham City</p>
			</td>
			<td style="width:61px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:179px;height:14px;">
			<p align="center">Middlesbrough</p>
			</td>
			<td style="width:103px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
	</tbody>
</table>
<div class="adv-components" id="MiddleContent-01"></div>

Lịch thi đấu bóng đá hôm nay 4/10/2019

Kết quả Europa League ngày 4/10: Arsenal thắng tưng bừng, MU hòa không bàn thắng

HLV Thái Lan gửi "chiến thư" đến Patrik Lê Giang

THỨ SÁU - NGÀY 4/10//2019
CONCACAF LEAGUE 2019
07 giờ 00	Deportiva San Carlos	-	Alianza FC (SLV)
09 giờ 00	CSD Comunicaciones	-	CD Olimpia
GIẢI VÔ ĐỊCH IRAN (PRO LEAGUE) 2019
19 giờ 30	Esteghlal	-	GOL Gohar Sirjan FC
19 giờ 30	Paykan FC	-	Naft Masjed Soleyman FC
20 giờ 30	FC Nassaji Mazandaran	-	Machine Sazi FC
20 giờ 35	Sepahan	-	Zob Ahan Isfahan FC
20 giờ 45	Sanat Naft Abadan FC	-	Saipa FC
20 giờ 45	Shahin Bushehr FC	-	Foolad Khuzestan FC
21 giờ 45	Padideh Shahre Khodrou Khorasan FC	-	Persepolis
22 giờ 00	Tractor FC	-	FC Pars Jonoubi Jam
THỨ BẢY - NGÀY 5/10/2019
VÒNG 8 - GIẢI VÔ ĐỊCH TÂY BAN NHA (LA LIGA) 2019/20
02 giờ 00	Real Betis	-	Eibar	BDTV
VÒNG 7 - GIẢI VÔ ĐỊCH ITALIA (SERIE A) 2019/20
01 giờ 45	Brescia	-	Sassuolo	FPT Play
VÒNG 7 - GIẢI VÔ ĐỊCH ĐỨC (BUNDESLIGA) 2019/20
01 giờ 30	Hertha Berlin	-	Fortuna Düsseldorf
VÒNG 9 - GIẢI VÔ ĐỊCH PHÁP (LIGUE 1) 2019/20
01 giờ 45	Amiens	-	Marseille
VÒNG 11 - GIẢI HẠNG NHẤT ANH (CHAMPIONSHIP) 2019/20
01 giờ 45	Birmingham City	-	Middlesbrough