<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

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

Lịch thi đấu Chung kết ASEAN Cup 2026 lượt về: Việt Nam vs 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

Thầy Kim thay Xuân Son ngay phút 59, HLV Thái Lan phản ứng rõ ràng  

<table border="1" cellpadding="0" cellspacing="0" style="width:567px;" width="566">
	<tbody>
		<tr>
			<td colspan="5" style="width: 567px; background-color: rgb(255, 0, 0);">
			<p align="center"><span style="color:#FFFFFF;"><strong>THỨ S&Aacute;U - NG&Agrave;Y 13/12/2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; 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:84px;">
			<p align="center">18 giờ 30</p>
			</td>
			<td style="width:164px;">
			<p align="center">FC Nassaji Mazandaran</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Shahr Khodro FC</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">19 giờ 00</p>
			</td>
			<td style="width:164px;">
			<p align="center">Tractor FC</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Foolad Khuzestan</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">19 giờ 45</p>
			</td>
			<td style="width:164px;">
			<p align="center">Esteghlal</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Shahin Bushehr FC</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">20 giờ 00</p>
			</td>
			<td style="width:164px;">
			<p align="center">FC Pars Jonoubi Jam</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Naft Masjed Soleyman</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">20 giờ 10</p>
			</td>
			<td style="width:164px;">
			<p align="center">Sepahan</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Paykan FC</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIẢI V&Ocirc; ĐỊCH INDONESIA (LIGA 1) 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">18 giờ 30</p>
			</td>
			<td style="width:164px;">
			<p align="center">PSIS</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Semen Padang</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">18 giờ 30</p>
			</td>
			<td style="width:164px;">
			<p align="center">Persija Jakarta</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Madura United</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIẢI V&Ocirc; ĐỊCH Ả-RẬP X&Ecirc;-&Uacute;T (PREMIER LEAGUE) 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">21 giờ 30</p>
			</td>
			<td style="width:164px;">
			<p align="center">Al-Ettifaq</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Al Fateh FC</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">23 giờ 45</p>
			</td>
			<td style="width:164px;">
			<p align="center">Al Nassr FC</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Al-Taawoun</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIẢI V&Ocirc; ĐỊCH &Uacute;C (HYUNDAI A-LEAGUE) 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;">
			<p align="center">15 giờ 30</p>
			</td>
			<td style="width:164px;">
			<p align="center">Brisbane Roar FC</p>
			</td>
			<td style="width:56px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;">
			<p align="center">Western United FC</p>
			</td>
			<td style="width:99px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; background-color: rgb(255, 0, 0);">
			<p align="center"><span style="color:#FFFFFF;"><strong>THỨ BẢY - NG&Agrave;Y 14/12/2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG&nbsp;17&nbsp;- GIẢI V&Ocirc; ĐỊCH T&Acirc;Y BAN NHA (LA LIGA) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;height:14px;">
			<p align="center">03 giờ 00</p>
			</td>
			<td style="width:164px;height:14px;">
			<p align="center">Deportivo Alaves</p>
			</td>
			<td style="width:56px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;height:14px;">
			<p align="center">Leganes</p>
			</td>
			<td style="width:99px;height:14px;">
			<p align="center">TTTV, SSPORT</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 15 - GIẢI V&Ocirc; ĐỊCH ĐỨC (BUNDESLIGA) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;height:14px;">
			<p align="center">02 giờ 30</p>
			</td>
			<td style="width:164px;height:14px;">
			<p align="center">Hoffenheim</p>
			</td>
			<td style="width:56px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;height:14px;">
			<p align="center">Augsburg</p>
			</td>
			<td style="width:99px;height:14px;">
			<p align="center">FOX SPORTS</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 18 - GIẢI V&Ocirc; ĐỊCH PH&Aacute;P (LIGUE 1) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;height:14px;">
			<p align="center">02 giờ 45</p>
			</td>
			<td style="width:164px;height:14px;">
			<p align="center">Lille</p>
			</td>
			<td style="width:56px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;height:14px;">
			<p align="center">Montpellier</p>
			</td>
			<td style="width:99px;height:14px;">
			<p align="center">SSPORT 2</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 567px; height: 14px; background-color: rgb(0, 102, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG 22 - GIẢI HẠNG NHẤT ANH (CHAMPIONSHIP) 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:84px;height:14px;">
			<p align="center">02 giờ 45</p>
			</td>
			<td style="width:164px;height:14px;">
			<p align="center">Charlton Athletic</p>
			</td>
			<td style="width:56px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:162px;height:14px;">
			<p align="center">Hull City</p>
			</td>
			<td style="width:99px;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 ngày 13/12/2019

Kết quả Cup C2 hôm nay 13/12: MU thắng đậm - Arsenal nhọc nhằn vượt qua vòng bảng

Tin chuyển nhượng 24/8: Man City tất tay vì De Jong | Arteta buộc Martinelli đổi ý

THỨ SÁU - NGÀY 13/12/2019
GIẢI VÔ ĐỊCH IRAN (PRO LEAGUE) 2019
18 giờ 30	FC Nassaji Mazandaran	-	Shahr Khodro FC
19 giờ 00	Tractor FC	-	Foolad Khuzestan
19 giờ 45	Esteghlal	-	Shahin Bushehr FC
20 giờ 00	FC Pars Jonoubi Jam	-	Naft Masjed Soleyman
20 giờ 10	Sepahan	-	Paykan FC
GIẢI VÔ ĐỊCH INDONESIA (LIGA 1) 2019
18 giờ 30	PSIS	-	Semen Padang
18 giờ 30	Persija Jakarta	-	Madura United
GIẢI VÔ ĐỊCH Ả-RẬP XÊ-ÚT (PREMIER LEAGUE) 2019
21 giờ 30	Al-Ettifaq	-	Al Fateh FC
23 giờ 45	Al Nassr FC	-	Al-Taawoun
GIẢI VÔ ĐỊCH ÚC (HYUNDAI A-LEAGUE) 2019
15 giờ 30	Brisbane Roar FC	-	Western United FC
THỨ BẢY - NGÀY 14/12/2019
VÒNG 17 - GIẢI VÔ ĐỊCH TÂY BAN NHA (LA LIGA) 2019/20
03 giờ 00	Deportivo Alaves	-	Leganes	TTTV, SSPORT
VÒNG 15 - GIẢI VÔ ĐỊCH ĐỨC (BUNDESLIGA) 2019/20
02 giờ 30	Hoffenheim	-	Augsburg	FOX SPORTS
VÒNG 18 - GIẢI VÔ ĐỊCH PHÁP (LIGUE 1) 2019/20
02 giờ 45	Lille	-	Montpellier	SSPORT 2
VÒNG 22 - GIẢI HẠNG NHẤT ANH (CHAMPIONSHIP) 2019/20
02 giờ 45	Charlton Athletic	-	Hull City