<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

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:587px;" width="587">
	<tbody>
		<tr>
			<td colspan="5" style="width: 587px; background-color: rgb(255, 0, 0);">
			<p align="center"><span style="color:#FFFFFF;"><strong>THỨ BA - NG&Agrave;Y 12/11/2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; background-color: rgb(0, 51, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIẢI V&Ocirc; ĐỊCH INDONESIA (LIGA 1)&nbsp;2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">15 giờ 30</p>
			</td>
			<td style="width:157px;">
			<p align="center">Persib Bandung</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Arema</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; background-color: rgb(0, 51, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIAO HỮU QUỐC TẾ (NỮ - TUYỂN QUỐC GIA) 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">16 giờ 00</p>
			</td>
			<td style="width:157px;">
			<p align="center">Australia</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Chile</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">20 giờ 30</p>
			</td>
			<td style="width:157px;">
			<p align="center">Argentina</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Colombia</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; background-color: rgb(0, 51, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG LOẠI - EURO NỮ 2021</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">20 giờ 00</p>
			</td>
			<td style="width:157px;">
			<p align="center">Hy Lạp</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Ireland</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">20 giờ 15</p>
			</td>
			<td style="width:157px;">
			<p align="center">Italia</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Malta</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">23 giờ 00</p>
			</td>
			<td style="width:157px;">
			<p align="center">Israel</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Bosnia and Herzegovina</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;">
			<p align="center">23 giờ 55</p>
			</td>
			<td style="width:157px;">
			<p align="center">Austria</p>
			</td>
			<td style="width:59px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;">
			<p align="center">Kazakhstan</p>
			</td>
			<td style="width:127px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; background-color: rgb(255, 0, 0);">
			<p align="center"><span style="color:#FFFFFF;"><strong>THỨ TƯ - NG&Agrave;Y 13/11/2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; height: 14px; background-color: rgb(0, 51, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>CUP FA 2019/20</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">02 giờ 45</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Yeovil Town</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center"><strong>-</strong></p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Hartlepool United</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; height: 14px; background-color: rgb(0, 51, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>GIAO HỮU QUỐC TẾ (NỮ - TUYỂN QUỐC GIA) 2019</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">02 giờ 15</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">CH Czech</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Anh</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td colspan="5" style="width: 587px; height: 14px; background-color: rgb(0, 51, 255);">
			<p align="center"><span style="color:#FFFFFF;"><strong>V&Ograve;NG LOẠI - EURO NỮ 2021</strong></span></p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">00 giờ 00</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Đan Mạch</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Georgia</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">00 giờ 00</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Ba Lan</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">T&acirc;y Ban Nha</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">01 giờ 00</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Thụy Sỹ</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Romania</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">01 giờ 30</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Bồ Đ&agrave;o Nha</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Phần Lan</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">02 giờ 00</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Hungary</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Latvia</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">02 giờ 00</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">H&agrave; Lan</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Slovenia</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">02 giờ 30</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">Bỉ</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Lithuania</p>
			</td>
			<td style="width:127px;height:14px;">
			<p align="center">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td style="width:81px;height:14px;">
			<p align="center">02 giờ 45</p>
			</td>
			<td style="width:157px;height:14px;">
			<p align="center">N.Ireland</p>
			</td>
			<td style="width:59px;height:14px;">
			<p align="center">-</p>
			</td>
			<td style="width:163px;height:14px;">
			<p align="center">Xứ Wales</p>
			</td>
			<td style="width:127px;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 12/11/2019

Tin bóng đá 12/11: Sterling bị cấm thi đấu trước Montenegro

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

THỨ BA - NGÀY 12/11/2019
GIẢI VÔ ĐỊCH INDONESIA (LIGA 1) 2019
15 giờ 30	Persib Bandung	-	Arema
GIAO HỮU QUỐC TẾ (NỮ - TUYỂN QUỐC GIA) 2019
16 giờ 00	Australia	-	Chile
20 giờ 30	Argentina	-	Colombia
VÒNG LOẠI - EURO NỮ 2021
20 giờ 00	Hy Lạp	-	Ireland
20 giờ 15	Italia	-	Malta
23 giờ 00	Israel	-	Bosnia and Herzegovina
23 giờ 55	Austria	-	Kazakhstan
THỨ TƯ - NGÀY 13/11/2019
CUP FA 2019/20
02 giờ 45	Yeovil Town	-	Hartlepool United
GIAO HỮU QUỐC TẾ (NỮ - TUYỂN QUỐC GIA) 2019
02 giờ 15	CH Czech	-	Anh
VÒNG LOẠI - EURO NỮ 2021
00 giờ 00	Đan Mạch	-	Georgia
00 giờ 00	Ba Lan	-	Tây Ban Nha
01 giờ 00	Thụy Sỹ	-	Romania
01 giờ 30	Bồ Đào Nha	-	Phần Lan
02 giờ 00	Hungary	-	Latvia
02 giờ 00	Hà Lan	-	Slovenia
02 giờ 30	Bỉ	-	Lithuania
02 giờ 45	N.Ireland	-	Xứ Wales