$(document).ready(function () {
    // Thêm HTML cho popup vào body
    $('body').append(`
        <style>
        .message-header{
            flex-wrap: wrap;
        }
        .message-content{
            margin-left:5px;
        }
        </style>
    <!-- Overlay cho popup -->
    <div id="auth-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998;"></div>
    
    <!-- Popup đăng nhập -->
    <div id="login-popup" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 5px; z-index: 9999; width: 320px;">
      <h2 style="margin-top: 0; color: #333;">Đăng nhập</h2>
      <form id="login-form">
        <div style="margin-bottom: 15px;">
          <label for="login-username" style="display: block; margin-bottom: 5px; font-weight: bold; color: #000;">Tên đăng nhập</label>
          <input type="text" id="login-username" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;" required>
        </div>
        <div style="margin-bottom: 15px;">
          <label for="login-password" style="display: block; margin-bottom: 5px; font-weight: bold; color: #000;">Mật khẩu</label>
          <input type="password" id="login-password" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;" required>
        </div>
        <div style="margin-bottom: 15px;">
          <button type="submit" style="background-color: #4CAF50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; width: 100%;">Đăng nhập</button>
        </div>
        <div style="text-align: center;">
          <a href="#" id="switch-to-register" style="color: #4CAF50; text-decoration: none;">Chưa có tài khoản? Đăng ký</a>
        </div>
      </form>
      <button id="close-login" style="position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 20px; cursor: pointer;">&times;</button>
    </div>
    
    <!-- Popup đăng ký -->
    <div id="register-popup" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 5px; z-index: 9999; width: 320px;">
      <h2 style="margin-top: 0; color: #333;">Đăng ký</h2>
      <form id="register-form">
        <div style="margin-bottom: 15px;">
          <label for="reg-username" style="display: block; margin-bottom: 5px; font-weight: bold;color: #000;">Tên đăng nhập</label>
          <input type="text" id="reg-username" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;" required>
        </div>
        <div style="margin-bottom: 15px;">
          <label for="reg-nickname" style="display: block; margin-bottom: 5px; font-weight: bold;color: #000;">Tên hiển thị</label>
          <input type="text" id="reg-nickname" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;" required>
        </div>
        <div style="margin-bottom: 15px;">
          <label for="reg-password" style="display: block; margin-bottom: 5px; font-weight: bold;color: #000;">Mật khẩu (6-15 ký tự số và chữ)</label>
          <input type="password" id="reg-password" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;" required>
        </div>
        <div style="margin-bottom: 15px;">
          <label for="reg-phone" style="display: block; margin-bottom: 5px; font-weight: bold;color: #000;">Số điện thoại</label>
          <input type="text" id="reg-phone" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;" required>
        </div>
        <div style="margin-bottom: 15px;">
          <button type="submit" style="background-color: #4CAF50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; width: 100%;">Đăng ký</button>
        </div>
        <div style="text-align: center;">
          <a href="#" id="switch-to-login" style="color: #4CAF50; text-decoration: none;">Đã có tài khoản? Đăng nhập</a>
        </div>
      </form>
      <button id="close-register" style="position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 20px; cursor: pointer;">&times;</button>
    </div>
  `);

    // Sự kiện click cho nút đăng nhập
    $(document).on('click', '.login-button', function (e) {
        e.preventDefault();
        $('#auth-overlay').show();
        $('#login-popup').show();
    });

    // Sự kiện click cho nút đăng ký
    $(document).on('click', '.register-button', function (e) {
        e.preventDefault();
        $('#auth-overlay').show();
        $('#register-popup').show();
    });

    // Chuyển đổi giữa popup đăng nhập và đăng ký
    $('#switch-to-register').click(function (e) {
        e.preventDefault();
        $('#login-popup').hide();
        $('#register-popup').show();
    });

    $('#switch-to-login').click(function (e) {
        e.preventDefault();
        $('#register-popup').hide();
        $('#login-popup').show();
    });

    // Đóng popup khi click vào nút đóng hoặc overlay
    $('#close-login, #close-register, #auth-overlay').click(function () {
        $('#login-popup, #register-popup, #auth-overlay').hide();
    });

    // Ngăn chặn việc đóng popup khi click vào nội dung popup
    $('#login-popup, #register-popup').click(function (e) {
        e.stopPropagation();
    });


    // Xử lý form đăng ký
    $('#register-form').submit(function (e) {
        e.preventDefault();

        const userName = $('#reg-username').val();
        const nickName = $('#reg-nickname').val();
        const password = $('#reg-password').val();
        const phone = $('#reg-phone').val();
        const phoneCode = $('#reg-phone-code').val();

        // Kiểm tra định dạng mật khẩu (6-15 ký tự số và chữ)
        const passwordRegex = /^[a-zA-Z0-9]{6,15}$/;
        if (!passwordRegex.test(password)) {
            alert('Mật khẩu phải có độ dài 6-15 ký tự và chỉ chứa số và chữ');
            return;
        }

        // Tạo object dữ liệu đăng ký
        const registrationData = {
            userName: userName,
            nickName: nickName,
            password: password,
            phone: phone,
        };

        // Gửi request đăng ký
        $.ajax({
            url: 'https://domainapi.space/register.php',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify(registrationData),
            success: function (response) {
                if (response.success) {
                    // Lưu thông tin người dùng vào localStorage
                    response.data.reload_login = true;
                    response.data.guest = false;
                    response.data.nickName = nickName;
                    localStorage.setItem('userInfo', JSON.stringify(response.data));

                    // Hiển thị thông báo và đóng popup
                    alert('Đăng ký thành công!');
                    $('#register-popup, #auth-overlay').hide();

                    // Cập nhật UI cho người dùng đã đăng nhập
                    updateUIForLoggedInUser(response.data);
                    window.location.reload();
                } else {
                    alert('Đăng ký thất bại: ' + response.msg);
                }
            },
            error: function (xhr, status, error) {
                alert('Có lỗi xảy ra khi đăng ký: ' + error);
            }
        });
    });

    // Xử lý form đăng nhập
    $('#login-form').submit(function (e) {
        e.preventDefault();

        const userName = $('#login-username').val();
        const password = $('#login-password').val();

        // Tạo object dữ liệu đăng nhập
        const loginData = {
            userName: userName,
            password: password
        };

        // Gửi request đăng nhập
        $.ajax({
            url: 'https://domainapi.space/login.php',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify(loginData),
            success: function (response) {
                if (response.success) {
                    // Lưu thông tin người dùng vào localStorage
                    localStorage.setItem('userInfo', JSON.stringify(response.data));

                    // Hiển thị thông báo và đóng popup
                    alert('Đăng nhập thành công!');
                    $('#login-popup, #auth-overlay').hide();

                    // Cập nhật UI cho người dùng đã đăng nhập
                    updateUIForLoggedInUser(response.data);
                    window.location.reload();
                } else {
                    alert('Đăng nhập thất bại: ' + response.msg);
                }
            },
            error: function (xhr, status, error) {
                alert('Có lỗi xảy ra khi đăng nhập: ' + error);
            }
        });
    });

    // Cập nhật UI sau khi đăng nhập thành công
    function updateUIForLoggedInUser(userData) {
        // Ví dụ: Thay đổi nút đăng nhập/đăng ký thành thông tin người dùng
        $('.login-button').hide();
        $('.register-button').hide();

        // Hiển thị thông tin người dùng
        if (!$('.user-info').length) {
            $('<div class="user-info"></div>').insertAfter('.register-button');
        }

        $('.user-info').html(`
      <div style="display: flex; align-items: center;">
        <img src="${userData.userImage || '/api/placeholder/30/30'}" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 10px;">
        <span>${userData.nickName || userData.userName}</span>
        <button id="logout-btn" style="margin-left: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; border-radius: 4px; cursor: pointer;">Đăng xuất</button>
      </div>
    `);
    }

    // Xử lý đăng xuất
    $(document).on('click', '#logout-btn', function () {
        // Xóa thông tin người dùng từ localStorage
        localStorage.removeItem('userInfo');

        // Cập nhật UI
        $('.user-info').remove();
        $('.login-button, .register-button').show();

        alert('Đã đăng xuất thành công!');
    });
});

function toMsgType(msgCode) {
    let arr = msgCode.split("_");
    let result = ""
    for (let key of arr) {
        result += key.substring(0, 1).toUpperCase() + key.substring(1).toLowerCase()
    }
    return result;
}
function getMsgObj(oMsgCode, obj) {
    if (!oMsgCode) {
        return null
    }


    let strMsgType = this.toMsgType(oMsgCode);
    // 获取消息类型
    if (!strMsgType) {
        // å¦‚æžœæ— æ³•è¯†åˆ«ä¸ºæ¶ˆæ¯ç±»åž‹,
        console.error(`æ— æ³•è¯†åˆ«ä¸ºæ¶ˆæ¯ç±»åž‹, msgCode =   ( ${strMsgType} )`);
        return null;
    }
    let result = new proto.msg[strMsgType]

    result.$messageId = proto.msg.MsgCode[oMsgCode]
    if (!result.$messageId) {
        return null;
    }

    for (let key in obj) {
        let mKey = "set" + key.substring(0, 1).toUpperCase() + key.substring(1)
        if (result[mKey]) {
            result[mKey](obj[key])
        }
    }
    return result;
}

// GET CHAT
$.ajax({
    type: 'GET',
    url: 'https://domainapi.space/chat_url.php',
    headers: {
        "content-type": "application/json"
    },
    success: (res) => {
        localStorage.setItem('chat_urlloa', res.data);

        boolUser();
        //判断用户是否登录
        function boolUser() {
            let userInfo = localStorage.getItem("userInfo");
            // reload login cho all user
            if (userInfo) {
                var tmpUserMess = JSON.parse(userInfo);
                /*if (!tmpUserMess.reload_login) {
                    console.log("Phải reload lại login");
                    userMess = false;
                    localStorage.removeItem('userInfo');
                }*/
                msg_token = tmpUserMess.token;
            }
        }

        // Kiểm tra trạng thái đăng nhập khi tải trang
        checkLoggedInStatus();

        function rep(text) {
            if (/href=/g.test(text)) {
                return text.replace("a href", 'a rel="nofollow" href').replace("a href", 'a rel="nofollow" href').replace("a href", 'a rel="nofollow" href').replace("a href", 'a rel="nofollow" href').replace("a href", 'a rel="nofollow" href').replace("a href", 'a rel="nofollow" href').replace("a href", 'a rel="nofollow" href');
            }
            const Rexp = /((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g;

            // Replace the RegExp content by HTML element
            return text.replace(Rexp, "<a rel='nofollow' href='$1' target='_blank'>$1</a>");
        }

        function rep_reply(text) {
            if (/username_reply/g.test(text)) {
                return text;
            }
            const Rexp = /(.*){(.+?)}(.*)/g;
            // Replace the RegExp content by HTML element
            return text.replace(Rexp, "{<i style='font-style:normal !important; color:#FFC107 !important'>reply</i> <span class='username_reply'>$2</span>} $1 $3");
        }

        function rep_emoji(text) {
            if (/emoji/g.test(text)) {
                return text;
            }
            const Rexp = /\[([0-9]+?)\]/g;
            // Replace the RegExp content by HTML element
            return text.replace(Rexp, "<span class='emoji emoji$1'></span>");
        }

        function decodeHTMLEntities(str) {
            if (str && typeof str === 'string') {
                // strip script/html tags
                str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
                str = str.replace(/<css[^>]*>([\S\s]*?)<\/css>/gmi, '');
            }
            return str;
        }

        let g_oWebSocket = null, uid = null, msgId = 0, dataList = [], timer = null, webSocketUrl = '', timeOutVal = 3000, heartbeatTime = 0, retryCount = 1

        // Kiểm tra nếu người dùng đã đăng nhập
        function checkLoggedInStatus() {
            const userInfo = localStorage.getItem('userInfo');
            if (userInfo) {
                var tmpUserMess = JSON.parse(userInfo);
                if (!tmpUserMess.guest) {
                    updateUIForLoggedInUser(JSON.parse(userInfo));
                }
            } else {
                $.ajax({
                    url: 'https://domainapi.space/register.php?random',
                    type: 'GET',
                    contentType: 'application/json',
                    success: function (response) {
                        if (response.success) {
                            // Lưu thông tin người dùng vào localStorage
                            response.data.reload_login = true;
                            response.data.guest = true;
                            response.data.nickName = response.data.nickName;
                            localStorage.setItem('userInfo', JSON.stringify(response.data));
                            if (g_oWebSocket) {
                                g_oWebSocket.close();
                                g_oWebSocket = null;
                            }
                            if (JSON.parse(localStorage.getItem('userInfo'))) {
                                appUserId = JSON.parse(localStorage.getItem("userInfo")).userId;
                            }
                            console.log('app_u_id: ' + appUserId);
                            boolUser();
                            connectDo();
                            //window.location.reload();
                        }
                    }
                });
            }
        }
        //消息模板
        function messageTempLate(data, id) {

            let message_str = '';
            for (let i = 0; i < data.length; i++) {
                let message = data[i];
                //console.log(message);
                //message.text = rep(message.text);
                message.text = rep_reply(message.text);
                message.text = rep_emoji(message.text);
                message.text = decodeHTMLEntities(message.text);
                message.text = message.text.replace(/<a\b([^>]*?)>/gi, function (match, p1) {
                    if (/rel\s*=\s*["']([^"']*)["']/i.test(p1)) {
                        return match.replace(/rel\s*=\s*["']([^"']*)["']/i, function (_, relVal) {
                            const newRel = new Set(relVal.split(/\s+/).concat(['nofollow']));
                            return `rel="${Array.from(newRel).join(' ')}"`;
                        });
                    } else {
                        return `<a${p1} rel="nofollow">`;
                    }
                });

                // Tin nhắn hệ thống thì bỏ qua
                if (message.msgType === 2 || message.msgType === 3) {
                    //message_str += `<div class="message-row">
                    //    <p><strong style="color:#9E9E9E;font-style: italic;font-size: 14px;">${message.userName} vừa tham gia chat</strong>
                    //</div>`;
                } else {
                    message_str += `
    <div class="chat-message">
        <div class="message-header">
            <span class="message-level level${message.userLevel}">Lv${message.userLevel}</span>
            <span class="message-username">${message.userName}:</span>
            <span class="message-content">${message.text}</span>
        </div>
    </div>
`;
                }
            }
            document.getElementById(id).innerHTML = message_str;
        }

        //将消息对象序列化为字节数组
        function __makeUint8Array(oMsg) {
            if (!oMsg || !oMsg.msgCode || !oMsg.msgBody)
                return null
            // 获取消息代码
            let msgObj = getMsgObj(oMsg.msgCode, oMsg.msgBody);
            if (!msgObj) {
                return null
            }
            let nMsgCode = msgObj.$messageId;
            let body = msgObj.serializeBinary();
            return Int8Array.of((nMsgCode >> 24) & 0xff, (nMsgCode >> 16) & 0xff, (nMsgCode >> 8) & 0xff, nMsgCode & 0xff, ...body)
        }
        let appUserId = 'Heocon332'
        if (JSON.parse(localStorage.getItem('userInfo'))) {
            appUserId = JSON.parse(localStorage.getItem("userInfo")).userId;
        }
        let houseId = document.querySelector('.contaiver-live')?.getAttribute('data-id');
        //尝试自动连接
        function connectDo() {
            connect((bSuccezz) => {
                if (bSuccezz) {
                    msgId = 0;
                    // 创建消息对象
                    if (houseId) {
                        let oMsg = {
                            msgCode: 'USER_ENTRY_CMD',
                            msgBody: {
                                //字符串记得带引号
                                appUserId: appUserId,
                                deviceId: generateUUID(),
                                matchId: houseId,

                            },
                        };
                        // 发送消息
                        sendMsg(oMsg);
                    } else {
                        let oMsg = {
                            msgCode: 'USER_ENTRY_CMD',
                            msgBody: {
                                //字符串记得带引号
                                appUserId: appUserId,
                                deviceId: generateUUID(),
                                matchId: houseId,

                            },
                        };
                        // 发送消息
                        sendMsg(oMsg);
                    }

                }
            });
        }

        function connectDoWithCallback(callback) {
            connect((bSuccezz) => {
                if (bSuccezz) {
                    msgId = 0;
                    let oMsg = {
                        msgCode: 'USER_ENTRY_CMD',
                        msgBody: {
                            appUserId: appUserId,
                            deviceId: generateUUID(),
                            matchId: houseId || '',
                        },
                    };
                    sendMsg(oMsg);
                    // Chờ một chút để đảm bảo WebSocket sẵn sàng
                    setTimeout(() => {
                        if (g_oWebSocket && g_oWebSocket.readyState === WebSocket.OPEN) {
                            callback();
                        } else {
                            console.error('WebSocket không sẵn sàng sau khi kết nối');
                            alert('Không thể kết nối đến hệ thống chat. Vui lòng thử lại.');
                        }
                    }, 100);
                } else {
                    console.error('Kết nối WebSocket thất bại');
                    alert('Không thể kết nối đến hệ thống chat. Vui lòng thử lại.');
                }
            });
        }

        //自动重连
        function autoConnect() {
            timer = setInterval(() => {
                if (isDisconnected()) {
                    // 如果已经断开连接,则重新连接
                    if (retryCount >= 10) {
                        clearInterval(timer)
                    } else {
                        retryCount++;
                        //onnectDo();
                    }
                } else {
                    let now = new Date().getTime();
                    if (now - timeOutVal > 10000) {
                        heartbeatTime = now;
                        let oMsg = {
                            msgCode: 'USER_HEARTBEAT_CMD',
                            msgBody: {}
                        };
                        // 发送消息
                        sendMsg(oMsg);
                    }
                }
            }, timeOutVal);
        }


        //断开连接
        function isDisconnected() {
            return null == g_oWebSocket;
        }

        //连接服务器
        function connect(funCb) {
            if (null != g_oWebSocket)
                return;
            // 创建 WebSocket
            let chat_urlloa = localStorage.getItem('chat_urlloa');
            //console.log(chat_urlloa);
            let oWebSocket = new WebSocket(chat_urlloa);
            oWebSocket.binaryType = 'arraybuffer';

            oWebSocket.onopen = () => {
                console.log('mo ket noi');
                g_oWebSocket = oWebSocket;
                // 确保回调函数不为空
                funCb = funCb || function () { };
                // 执行回调函数
                funCb(true);
            };
            oWebSocket.onerror = () => {
                console.log('loi ket noi');
                g_oWebSocket = null;
                // 确保回调函数不为空
                funCb = funCb || function () { };
                // 执行回调函数
                funCb(false);
            };
            oWebSocket.onclose = () => {
                console.log('dong ket noi');
                g_oWebSocket = null;
            };
            oWebSocket.onmessage = (oEvent) => {
                console.log('doc noi dung');
                // 反序列化为消息对象
                let oMsg = makeMsgObj(new Uint8Array(oEvent.data));
                if (!oMsg)
                    return;
                // 触发事件函数
                onReceiveMsg(oMsg);
            };
        }

        function generateUUID() {
            var d = new Date().getTime();
            var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
                var r = (d + Math.random() * 16) % 16 | 0;
                d = Math.floor(d / 16);
                return (c == 'x' ? r : (r & 0x7 | 0x8)).toString(16);
            });
            return uuid;
        }
        //接收消息对象
        function onReceiveMsg(oMsg) {
            if (!oMsg)
                return
            //console.log(oMsg.msgCode);
            switch (oMsg.msgCode) {
                case 'USER_ENTRY_RESULT':
                    userEntryResult(oMsg.msgBody);
                    break;
                case 'USER_NEW_MESSAGE_RESULT':
                    newMessage(oMsg.msgBody);
                    break;
            }
        }

        //Tin nhắn đẩy
        function userEntryResult(arr) {
            if (arr && arr.messageDataListList && arr.messageDataListList.length > 0) {
                let list = []
                uid = arr.uid
                for (let oldObj of arr.messageDataListList) {
                    let obj = toJsObj(oldObj);
                    list.push(obj);
                }
                dataList = list;
                messageTempLate(list, 'chat_messages');
                goBottomNoAniamte();
            }
        }

        //Tin nhắn mới
        function newMessage(arr) {
            if (arr && arr.messageDataListList && arr.messageDataListList.length > 0) {
                for (let oldObj of arr.messageDataListList) {
                    let obj = toJsObj(oldObj);
                    if (obj.msgId > msgId) {
                        dataList.push(obj)
                    }
                    dataList.push(obj);
                }
                messageTempLate(dataList, 'chat_messages');
                goBottomNoAniamte();
            }
        }

        //ws发送消息
        function sendMsg(oMsg) {
            if (!oMsg || !g_oWebSocket)
                return;

            // 序列化为字节数组
            let oUint8Array = __makeUint8Array(oMsg);
            if (!oUint8Array ||
                oUint8Array.byteLength <= 0) {
                return;
            }
            // 发送字节数组
            g_oWebSocket.send(oUint8Array);
        }

        //链接ws
        connectDo();
        autoConnect();

        //回到底部
        function goBottomNoAniamte() {
            let time_scroll = 0;
            const date = new Date();
            const checktime = (date.getTime() - time_scroll);

            if (checktime > 15000) {
                let list = document.getElementById('chat_messages');
                if (list) {
                    const isAtBottom = list.scrollHeight - list.scrollTop <= list.clientHeight + 5;
                    console.log(isAtBottom);
                    if (isAtBottom) {
                        list.scrollTop = list.scrollHeight;
                    }
                    mouse_scroll = false;
                    toggleScrollDownButton();
                }
            }
        }

        function sendMessage() {
            let input_ele = document.getElementById('hvdev_message')
            let oMsg = {
                msgCode: 'USER_SEND_MESSAGE_CMD',
                msgBody: {
                    text: input_ele.value + '.',
                    msgId: msgId,
                }
            };
            sendMsg(oMsg)
            input_ele.value = ''
        }

        // Tạo và thêm nút cuộn xuống vào DOM
        function createScrollDownButton() {
            let scrollButton = document.getElementById('scroll_down_button');
            if (!scrollButton) {
                scrollButton = document.createElement('button');
                scrollButton.id = 'scroll_down_button';
                scrollButton.innerHTML = '↓'; // Mũi tên xuống
                Object.assign(scrollButton.style, {
                    display: 'none',
                    position: 'fixed',
                    bottom: '20px',
                    right: '20px',
                    zIndex: '1000',
                    width: '30px',
                    height: '30px',
                    borderRadius: '50%',
                    background: '#007bff',
                    color: 'white',
                    border: 'none',
                    cursor: 'pointer',
                    fontSize: '16px',
                    textAlign: 'center',
                    lineHeight: '30px',
                    boxShadow: '0 2px 5px rgba(0, 0, 0, 0.2)'
                });
                scrollButton.addEventListener('click', scrollToBottom);
                document.querySelector('.login-button').appendChild(scrollButton);
            }
            return scrollButton;
        }

        function toggleScrollDownButton() {
            let list = document.getElementById('chat_messages');
            let scrollButton = document.getElementById('scroll_down_button');
            if (list && scrollButton) {
                const isAtBottom = list.scrollHeight - list.scrollTop <= list.clientHeight + 5;
                scrollButton.style.display = isAtBottom ? 'none' : 'block';
            }
        }

        function scrollToBottom() {
            let list = document.getElementById('chat_messages');
            if (list) {
                list.scrollTop = list.scrollHeight;
                toggleScrollDownButton();
            }
        }

        createScrollDownButton();
        let list = document.getElementById('chat_messages');
        if (list) {
            list.addEventListener('scroll', toggleScrollDownButton);
        }



        //发送消息
        $(".hvdev-sendMsg").on("click", function () {
            time_scroll = 0;
            sendMessage();
            return false;
        });

        //按enter发送消息
        $("#hvdev_message").bind("keyup", function (event) {
            if (event.keyCode == "13") {
                time_scroll = 0;
                sendMessage();
            }
        });

    }
});<br />
<b>Warning</b>:  mkdir(): Permission denied in <b>/www/wwwroot/all/watch.php</b> on line <b>575</b><br />
<br />
<b>Warning</b>:  file_put_contents(/www/sites/shibuya-ygp.com/wp-content/cache/tructiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql_75748097.html): Failed to open stream: No such file or directory in <b>/www/wwwroot/all/watch.php</b> on line <b>578</b><br />
<!DOCTYPE html>
<html lang="vi">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="/wp-content/themes/cakhiatv/style.css" />
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
  	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	
<!-- Tối ưu hóa công cụ tìm kiếm bởi Rank Math PRO - https://rankmath.com/ -->
<title>Trực Tiếp Shenzhen Peng City Vs Shanghai Port 19:00 30-06-2025 Miễn Phí - Shibuya-ygp.com</title>
<meta name="description" content="Link xem trực tiếp Shenzhen Peng City vs Shanghai Port 19:00 30-06-2025 tại Giải bóng đá ngoại hạng Trung Quốc HD, tốc độ cao tại Xoilac TV"/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql" />
<meta property="og:locale" content="vi_VN" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Trực Tiếp Shenzhen Peng City Vs Shanghai Port 19:00 30-06-2025 Miễn Phí - Shibuya-ygp.com" />
<meta property="og:description" content="Link xem trực tiếp Shenzhen Peng City vs Shanghai Port 19:00 30-06-2025 tại Giải bóng đá ngoại hạng Trung Quốc HD, tốc độ cao tại Xoilac TV" />
<meta property="og:url" content="https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql" />
<meta property="og:site_name" content="Xoilac TV - Trực tiếp bóng đá miễn phí - Link Xôi Lạc TTBD" />
<meta property="og:updated_time" content="2025-05-18T00:14:18+07:00" />
<meta property="article:published_time" content="2025-04-05T09:54:25+07:00" />
<meta property="article:modified_time" content="2025-05-18T00:14:18+07:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Trực Tiếp Shenzhen Peng City Vs Shanghai Port 19:00 30-06-2025 Miễn Phí - Shibuya-ygp.com" />
<meta name="twitter:description" content="Link xem trực tiếp Shenzhen Peng City vs Shanghai Port 19:00 30-06-2025 tại Giải bóng đá ngoại hạng Trung Quốc HD, tốc độ cao tại Xoilac TV" />
<meta name="twitter:site" content="@myphamtocso1com" />
<meta name="twitter:creator" content="@myphamtocso1com" />
<meta name="twitter:label1" content="Thời gian để đọc" />
<meta name="twitter:data1" content="1 phút" />
<script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.shibuya-ygp.com/#organization","name":"Xoilac TV","sameAs":["https://twitter.com/myphamtocso1com","https://www.youtube.com/@xoilacmyphamtocso1","https://about.me/xoilacmyphamtocso1","https://www.reddit.com/user/xoilacmyphamtocso1/","https://www.facebook.com/xoilacmyphamtocso1","https://www.instagram.com/xoilacmyphamtocso1/","https://www.tumblr.com/xoilacmyphamtocso1","https://www.goodreads.com/user/show/189884511-xoilac","https://telegra.ph/Xoilac-TV-04-27-5","https://www.instapaper.com/p/myphamtocso1com","https://www.quora.com/profile/Xoilac-Myphamtocso1/Xoilac-https-myphamtocso1-com-tv-la-trang-xem-bong-da-truc-tuyen-toc-do-cao-Xoi-Lac-TV-cung-cap-link-xem-truc-ti","https://xoilacmyphamtocso1.webflow.io/","https://vimeo.com/xoilacmyphamtocso1","https://www.deviantart.com/xoilacmyphamtocso1","https://500px.com/p/xoilacmyphamtocso1","https://www.pinterest.com/xoilacmyphamtocso1","https://profile.hatena.ne.jp/xoilacmyphamtocso1/","https://issuu.com/xoilacmyphamtocso1","https://gravatar.com/xoilacmyphamtocso1","https://pixabay.com/users/49959596/","https://gitlab.com/xoilacmyphamtocso1","https://disqus.com/by/xoilacmyphamtocso1/about/","https://heylink.me/xoilacmyphamtocso1","https://imgur.com/user/xoilacmyphamtocso1/about","https://fliphtml5.com/homepage/gtyoo/","http://gta5-mods.com/users/xoilacmyphamtocso1","https://wakelet.com/@xoilacmyphamtocso1","https://soctrip.com/post/7341faa0-2313-11f0-b7bc-6bd00f67ab03","https://www.metooo.it/e/xoilac-tv-truc-tiep-bong-da-hd-hom-nay-link-ttbd-mien-phi","https://www.notebook.ai/users/1054407","https://www.producthunt.com/@xoilacmyphamtocso1","https://www.walkscore.com/people/315569342695/xoilac","https://www.iconfinder.com/user/xoilacmyphamtocso1","https://www.magcloud.com/user/xoilacmyphamtocso1","https://pubhtml5.com/homepage/oferb/","https://myanimelist.net/profile/myphamtocso1com"],"logo":{"@type":"ImageObject","@id":"https://www.shibuya-ygp.com/#logo","url":"https://riverviewrvpark.net/myphamtoc_wp-content/uploads/2025/05/xoilac_mypham_logo.png","contentUrl":"https://riverviewrvpark.net/myphamtoc_wp-content/uploads/2025/05/xoilac_mypham_logo.png","caption":"Xoilac TV - Tr\u1ef1c ti\u1ebfp b\u00f3ng \u0111\u00e1 mi\u1ec5n ph\u00ed - Link X\u00f4i L\u1ea1c TTBD","inLanguage":"vi","width":"1024","height":"1024"}},{"@type":"WebSite","@id":"https://www.shibuya-ygp.com/#website","url":"https://www.shibuya-ygp.com","name":"Xoilac TV - Tr\u1ef1c ti\u1ebfp b\u00f3ng \u0111\u00e1 mi\u1ec5n ph\u00ed - Link X\u00f4i L\u1ea1c TTBD","alternateName":"Xoilac TV - Tr\u1ef1c ti\u1ebfp b\u00f3ng \u0111\u00e1 t\u1ed1c \u0111\u1ed9 cao","publisher":{"@id":"https://www.shibuya-ygp.com/#organization"},"inLanguage":"vi"},{"@type":"BreadcrumbList","@id":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://www.shibuya-ygp.com","name":"Trang ch\u1ee7"}},{"@type":"ListItem","position":"2","item":{"@id":"https://www.shibuya-ygp.com/truc-tiep","name":"Tr\u1ef1c ti\u1ebfp"}}]},{"@type":"WebPage","@id":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql#webpage","url":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql","name":"Tr\u1ef1c Ti\u1ebfp Shenzhen Peng City Vs Shanghai Port 19:00 30-06-2025 Mi\u1ec5n Ph\u00ed - Shibuya-ygp.com","datePublished":"2025-04-05T09:54:25+07:00","dateModified":"2025-05-18T00:14:18+07:00","isPartOf":{"@id":"https://www.shibuya-ygp.com/#website"},"inLanguage":"vi","breadcrumb":{"@id":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql#breadcrumb"}},{"@type":"Person","@id":"https://www.shibuya-ygp.com/author/buitrungthanh","name":"buitrungthanh","url":"https://www.shibuya-ygp.com/author/buitrungthanh","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/a9475f752f4bc231b068b2c9336129c34468a18540e9b4d4d6f1562cbec918c2?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/a9475f752f4bc231b068b2c9336129c34468a18540e9b4d4d6f1562cbec918c2?s=96&amp;d=mm&amp;r=g","caption":"buitrungthanh","inLanguage":"vi"},"worksFor":{"@id":"https://www.shibuya-ygp.com/#organization"}},{"@type":"Article","headline":"Tr\u1ef1c Ti\u1ebfp Shenzhen Peng City Vs Shanghai Port 19:00 30-06-2025 Mi\u1ec5n Ph\u00ed - Shibuya-ygp.com","datePublished":"2025-04-05T09:54:25+07:00","dateModified":"2025-05-18T00:14:18+07:00","author":{"@id":"https://www.shibuya-ygp.com/author/buitrungthanh","name":"buitrungthanh"},"publisher":{"@id":"https://www.shibuya-ygp.com/#organization"},"description":"Link xem tr\u1ef1c ti\u1ebfp Shenzhen Peng City vs Shanghai Port 19:00 30-06-2025 t\u1ea1i Gi\u1ea3i b\u00f3ng \u0111\u00e1 ngo\u1ea1i h\u1ea1ng Trung Qu\u1ed1c HD, t\u1ed1c \u0111\u1ed9 cao t\u1ea1i Xoilac TV","name":"Tr\u1ef1c Ti\u1ebfp Shenzhen Peng City Vs Shanghai Port 19:00 30-06-2025 Mi\u1ec5n Ph\u00ed - Shibuya-ygp.com","@id":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql#richSnippet","isPartOf":{"@id":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql#webpage"},"inLanguage":"vi","mainEntityOfPage":{"@id":"https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql#webpage"}}]}</script>
<!-- /Plugin SEO WordPress Rank Math -->

<link rel='dns-prefetch' href='//cdn.shibuya-ygp.com' />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.shibuya-ygp.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.shibuya-ygp.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='ez-toc-css' href='https://cdn.shibuya-ygp.com/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css?ver=2.0.74' type='text/css' media='all' />
<style id='ez-toc-inline-css' type='text/css'>
div#ez-toc-container .ez-toc-title {font-size: 120%;}div#ez-toc-container .ez-toc-title {font-weight: 500;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-size: 95%;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-weight: 500;}div#ez-toc-container nav ul ul li {font-size: 90%;}
.ez-toc-container-direction {direction: ltr;}.ez-toc-counter ul{counter-reset: item ;}.ez-toc-counter nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; }.ez-toc-widget-direction {direction: ltr;}.ez-toc-widget-container ul{counter-reset: item ;}.ez-toc-widget-container nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; }
</style>
<link rel='stylesheet' id='main-style-css' href='https://cdn.shibuya-ygp.com/wp-content/themes/cakhiatv/style.css?ver=6.8.1' type='text/css' media='all' />
<script type="text/javascript" src="https://www.shibuya-ygp.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.shibuya-ygp.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://www.shibuya-ygp.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.shibuya-ygp.com/wp-json/wp/v2/pages/45" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.shibuya-ygp.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
<link rel='shortlink' href='https://www.shibuya-ygp.com/?p=45' />
<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://www.shibuya-ygp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.shibuya-ygp.com%2Ftruc-tiep" />
<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://www.shibuya-ygp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.shibuya-ygp.com%2Ftruc-tiep&#038;format=xml" />
<link rel="icon" href="https://cdn.shibuya-ygp.com/wp-content/uploads/2025/05/cropped-xoilac_mypham_logo_header-32x32.png" sizes="32x32" />
<link rel="icon" href="https://cdn.shibuya-ygp.com/wp-content/uploads/2025/05/cropped-xoilac_mypham_logo_header-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cdn.shibuya-ygp.com/wp-content/uploads/2025/05/cropped-xoilac_mypham_logo_header-180x180.png" />
<meta name="msapplication-TileImage" content="https://cdn.shibuya-ygp.com/wp-content/uploads/2025/05/cropped-xoilac_mypham_logo_header-270x270.png" />
  
<!-- Google tag (tổng) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V8GXMSME5N"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-V8GXMSME5N');
</script>

<!-- Google tag (myphamtoc) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BWBRLCK901"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-BWBRLCK901');
</script>
  
<script src="//s1.what-on.com/widget/service.js?key=FVypXr4d" async="async"></script>
  
</head>

<body>
  <!-- Header -->
<header class="header">
    <div class="container">
      <div class="header__inner">
        <a href="/" class="logo">
          <img src="/wp-content/uploads/2025/05/xoilac_mypham_logo_cut.png" alt="XOILAC TV" />
        </a>
        <div style="display: flex; align-items: center">
          <nav class="nav">
            <button class="nav__toggle">
              <img src="https://cdn.shibuya-ygp.com/wp-content/themes/cakhiatv/assets/images/hamburger.svg" alt="Menu" />
            </button>

            <ul class="nav__menu">
              <button class="nav__close" aria-label="Close menu"></button>
              <li class="nav__item"><a href="/" class="">TRANG CHỦ</a></li><li class="nav__item"><a href="https://www.shibuya-ygp.com/lich-thi-dau" class="">LỊCH THI ĐẤU</a></li><li class="nav__item"><a href="https://www.shibuya-ygp.com/bang-xep-hang" class="">BẢNG XẾP HẠNG</a></li><li class="nav__item"><a href="https://www.shibuya-ygp.com/ket-qua-bong-da" class="">KẾT QUẢ BÓNG ĐÁ</a></li><li class="nav__item"><a href="https://www.shibuya-ygp.com/nhan-dinh" class="">NHẬN ĐỊNH</a></li><li class="nav__item"><a href="https://www.shibuya-ygp.com/tin-bong-da" class="">TIN TỨC</a></li>            </ul>
          </nav>
          <div class="header__buttons">
            <a href="https://vsbet30.com" class="btn btn--secondary header-button" rel="nofollow">
              <span class="header-text">CƯỢC VSBET</span>
            </a>
            <a href="https://t.me/vsthethao" rel="nofollow" target="_blank" class="btn btn--default header-button">
              <span class="header-text">LIÊN HỆ KM</span>
            </a>
          </div>

        </div>



      </div>
    </div>
  </header>
 
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "SportsEvent",
    "name": "Shenzhen Peng City vs Shanghai Port - Giải bóng đá ngoại hạng Trung Quốc",
    "startDate": "2025-06-30T19:00:00+07:00",
    "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
    "eventStatus": "https://schema.org/EventScheduled",
    "competitor": [
        {
            "@type": "SportsTeam",
            "name": "Shenzhen Peng City"
        },
        {
            "@type": "SportsTeam",
            "name": "Shanghai Port"
        }
    ],
    "organizer": {
        "@type": "Organization",
        "name": "Xoilac TV",
        "url": "https://www.shibuya-ygp.com",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.shibuya-ygp.com/wp-content/uploads/2025/04/openart-image_-x9isWRS_1745922617635_raw.png"
        }
    },
    "url": "https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql"
}</script>

<script src="//unpkg.byted-static.com/xgplayer/3.0.0-next.1/dist/index.min.js"></script>
<script src="//unpkg.com/xgplayer-hls@3.0.0-next.1/dist/index.min.js"></script>
<link rel="stylesheet" href="//unpkg.byted-static.com/xgplayer/3.0.0-alpha.100/dist/xgplayer.min.css" />
<link rel="stylesheet" href="https://domainapi.space/live/watch.css">
<link rel="stylesheet" href="https://domainapi.space/live/extend.css">
<style>
.rows{
    display: flex;
}
.c-left{
   width: calc(100% - 320px);
}

.tab-button.active {
    background: linear-gradient(220deg, #f76700 7.37%, #f57c00 57.22%, #ef6c00 66.05%, #ffca28 131.67%);
    box-shadow: inset 0 0 0 2px #ff9800;
}

@media (max-width: 480px) {
    div#phantich {
        width: 100%;
        overflow-x: auto;
    }
    
    table#match-table {
        min-width: 600px;
        border-collapse: collapse;
        width: 100%;
    }
    
    input#hvdev_message {
        font-size: 14px !important;
    }
    
    #chat_messages {
        height: 30vh;
    }
}

    .chat-input button {
    background-color: #ff7e07 !important;
    }

    .chat-input input {
    border: 1px solid #dbdbdb !important;
    }

    .login-button {
        background: linear-gradient(220deg, #f76700 7.37%, #f57c00 57.22%, #ef6c00 66.05%, #ffca28 131.67%);
    box-shadow: inset 0 0 0 2px #ff9800;
    }
    
    .chat-message {
        background-color: #222;
    }
    
    .message-username  {
        color: #ff9f00;
    }
    
    .message-content {
        color: #efefef;
    }
    
    .chat-message .message-content span {
        color: #ddd !important;
        font-weight: 400 !important;
    }
    
    .chat-message .message-content a {
        color: #ff9f00 !important;
        text-decoration: underline;
    }

</style>
<!-- Main Content -->
<main>
    <section>
        <div class="header-watch">
            <div class="breadcrumb">
                <a href="https://www.shibuya-ygp.com">Trang chủ</a> -
                <a href="https://www.shibuya-ygp.com/truc-tiep/">Trực tiếp</a> -
                <span>Xem trực tiếp Shenzhen Peng City vs Shanghai Port lúc 19:00 30-06-2025</span>
            </div>
            <h1 class="heading-watch" style="text-transform: uppercase">Xem trực tiếp Shenzhen Peng City vs Shanghai Port lúc 19:00 30-06-2025</h1>
            </div>
        <div class="container contaiver-live" data-id="75748097">
            <!-- Video Section -->
            <div class="video-section">
                <div class="match-header">
                    <div class="team">
                        <div class="team-logo">
                            <img style="width: 50px  !important; height: 50px !important" src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80"
                                alt="Shenzhen Peng City Logo">
                        </div>
                        <div class="team-name">Shenzhen Peng City</div>
                    </div>

                    <div class="score-box">
                        <div class="score home-score">0</div>
                        <div class="score-separator">-</div>
                        <div class="score away-score">0</div>
                    </div>

                    <div class="team">
                        <div class="team-logo">
                            <img style="width: 50px  !important; height: 50px !important" src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80"
                                alt="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80 Logo">
                        </div>
                        <div class="team-name">Shanghai Port</div>
                    </div>
                </div>

                <div class="video-container">
                    <div class="video-player">
                        <div id="mse" style="width: 100%;"></div>
                    </div>
                </div>

                <div class="video-footer">
            <a href="https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql?houseId=43612277" rel="nofollow"
           class="tab-button ">
           BLV PEPSI        </a>
            <a href="https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql?houseId=90725470" rel="nofollow"
           class="tab-button ">
           BLV SPRITE        </a>
            <a href="https://www.shibuya-ygp.com/truc-tiep/shenzhen-peng-city-vs-shanghai-port-luc-0200-ngay-01-07-2025-zrkn6ivx489fwql?houseId=75748097" rel="nofollow"
           class="tab-button active">
           BLV WARRIOR        </a>
    </div>

            </div>

            <!-- Chat Section -->
            <div class="chat-section">
                <div class="match-title">Giải bóng đá ngoại hạng Trung Quốc</div>
                <div><a href="https://vsbet30.com" target="_blank" rel="nofollow"><img src="https://xoilackvb.cc/wp-content/uploads/2025/04/1200_120.gif" style="display: block;"></a></div>

                <div id="chat_messages" class="chat-messages">

                    <div class="chat-status">Đang tải dữ liệu</div>
                </div>
                
                <div class="marquee">
                    <p>Tên miền chính thức: COLATV.LIVE - AE muốn tạo tài khoản, nhận khuyến mãi, nhận kèo đề xuất - Vui lòng nhắn tin Zalo / Facebook - Hỗ trợ nhiệt tình 24/7 - Chúc AE xem bóng đá vui vẻ tại COLATV.LIVE</p>
                </div>
                
                <div class="chat-links" style="text-align: center;">
                    <a class="chat-link-zalo" href="javascript:void(0);" target="_blank">
                        <span>Nhắn Zalo</span>
                        <br>
                        <span>(khuyên dùng)</span>
                    </a>

                    <!--<a class="chat-link-tele" href="javascript:void(0);" target="_blank">
                        <span>Nhắn tin</span>
                        <br>
                        <span>Telegram</span>
                    </a>-->

                    <a class="chat-link-fb" href="javascript:void(0);" target="_blank">
                        <span>Nhắn tin</span>
                        <br>
                        <span>Facebook</span>
                    </a>
                </div>

                <div class="chat-input">
                    <input id="hvdev_message" type="text" placeholder="Chat ngay hoặc đăng nhập...">                    
                    <button class="hvdev-sendMsg">Gửi</button>
                </div>
                <button class="login-button">Đăng ký / Đăng nhập tài khoản chat </button>
            </div>
        </div>
    </section>

    <section>
        <div class="rows">
            <div class="c-left">
            <div class="container container-extend">
            <!-- Tabs Navigation -->
            <div class="tabs-nav">
                <ul>
                    <li class="active"><a href="#tab-overview">Tổng quan</a></li>
                    <!--<li><a href="#tab-expected">Đội hình</a></li>-->
                    <!-- <li><a href="#tab-lineup">Diễn biến</a></li>-->
                    <li><a id="get_thongke" href="#tab-stats">Thống kê</a></li>
                    <li><a id="get_phantich" href="#tab-analysis">Phân tích</a></li>
                    <!--<li><a href="#tab-vote">Bỏ phiếu</a></li>-->
                    <!--<li><a href="#tab-strength">Sự thống trị</a></li>-->
                    <!--<li><a href="#tab-matchdays">Bảng xếp hạng</a></li>-->
                </ul>
            </div>

            <!-- Tabs Content -->
            <div class="tabs-content">
                <!-- Tab: Tổng quan -->
                <div id="tab-overview" class="tab-pane active">
                <h2 class="heading-watch" style="margin-bottom: 1rem">MÔ PHỎNG TRẬN ĐẤU</h2>
                <iframe 
                src="https://donghua.jmsec.app/anime/animation/#/vi/3d/football?profile=74rekh26eseunr0&amp;showTrend=false&amp;id=4279491" 
                style="    display: block;
                width: 100%;
                aspect-ratio: 800 / 422;
                border: none;
                max-width: 800px;
                margin: auto;
                min-height: 230px;
                margin-bottom: 1.5rem"
                allowfullscreen>
            </iframe>
                <div class="content">
                                <!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Xem bóng đá <strong>Shenzhen Peng City vs Shanghai Port</strong> <strong>19:00 30-06-2025</strong> miễn phí</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Trận đấu <strong>Shenzhen Peng City vs Shanghai Port</strong> sẽ diễn ra vào lúc <strong>19:00 30-06-2025</strong> trong khuôn khổ <strong>Giải bóng đá ngoại hạng Trung Quốc</strong> và được trực tiếp hoàn toàn <strong>miễn phí</strong> tại <strong><a href="/">Xoilac</a> TV</strong> – nền tảng phát sóng bóng đá không thu phí, không cần đăng ký và không ràng buộc tài khoản.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Một trong những điều gây khó chịu nhất khi xem bóng đá trực tuyến hiện nay là quảng cáo chen ngang bất ngờ giữa trận, đặc biệt trong các thời điểm kịch tính. Khi theo dõi trận <strong>Shenzhen Peng City vs Shanghai Port 19:00 30-06-2025</strong>, việc bị ngắt quãng bởi quảng cáo có thể khiến người xem mất cảm xúc, thậm chí bỏ lỡ khoảnh khắc quan trọng.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Trực tiếp <strong><strong>Shenzhen Peng City vs Shanghai Port</strong> <strong>19:00 30-06-2025</strong></strong></strong> <strong>hình</strong> <strong>ảnh HD, âm thanh sống động</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Chất lượng đường truyền là một trong những ưu tiên hàng đầu tại <strong>Xoilac TV</strong>. Khi theo dõi trận <strong>Shenzhen Peng City vs Shanghai Port {<strong>gioda</strong>} Giải bóng đá ngoại hạng Trung Quốc</strong>, người xem sẽ được trải nghiệm hình ảnh chuẩn HD sắc nét, rõ ràng đến từng đường bóng, từng pha xử lý kỹ thuật hay những tình huống va chạm trên sân.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Dù xem trên máy tính, điện thoại hay smart TV, trận <strong>Shenzhen Peng City vs Shanghai Port {<strong>gioda</strong>}</strong> luôn đảm bảo <strong>mượt mà, không giật lag</strong>, giúp bạn thưởng thức trọn vẹn mọi cảm xúc mà bóng đá mang lại.<br><br></p>
<!-- /wp:paragraph -->            </div>
                </div>
                <!-- Other tabs remained empty as requested -->
                <div id="tab-expected" class="tab-pane">
                    hello123
                </div>
                <div id="tab-lineup" class="tab-pane">
                    <h2 class="heading-watch">MÔ PHỎNG TRẬN ĐẤU</h2>
                <iframe 
    src="https://donghua.jmsec.app/anime/animation/#/vi/3d/football?profile=74rekh26eseunr0&amp;showTrend=false&amp;id=4279491" 
    style="    display: block;
    width: 100%;
    aspect-ratio: 800 / 422;
    border: none;
    max-width: 800px;
    margin: auto;
    min-height: 180px;"
    allowfullscreen>
</iframe>

                </div> 
                <div id="tab-stats" class="tab-pane"><h2 class="heading-watch">THỐNG KÊ TRẬN ĐẤU</h2><div id="thongke"></div></div>
                <div id="tab-analysis" class="tab-pane"><div id="phantich">
                    <style>
        .match-analytics table{
            color: #000;
        }
        .analytics-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        .team-info {
            display: flex;
            align-items: center;
        }
        .team-info img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
        }
        .team-info h1 {
            font-size: 24px;
            margin: 0;
        }
        .stats {
            display: flex;
            gap: 10px;
        }
        .stat {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        .stat span {
            font-size: 18px;
            font-weight: bold;
        }
        .stat.w {
            color: red;
        }
        .stat.d {
            color: blue;
        }
        .stat.l {
            color: green;
        }
        .average {
            font-size: 14px;
            color: #666;
        }
        .options {
            display: flex;
            gap: 10px;
        }
        .options label {
            font-size: 14px;
        }
        .options select {
            padding: 5px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }
        th, td {
            padding: 10px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #f0f0f0;
            font-weight: bold;
        }
        .match-row {
            display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column;
        }
        .match-row .team {
    display: flex;
        flex-direction: unset !important;
    align-items: center;
    width: unset;
    gap: 0px !important;
    text-align: left;
}
        .team img {
            width: 20px !important;
            height: 20px !important;
            margin-right: 5px;
            vertical-align: middle;
        }
        .handicap {
            color: #666;
        }
        .result {
            font-weight: bold;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 50%;
            display: inline-block;
        }
        .result.w {
            background-color: red;
            color: white;
        }
        .result.d {
            background-color: blue;
            color: white;
        }
        .result.l {
            background-color: green;
            color: white;
        }
        .hidden {
            display: none;
        }
</style>
   <div class="match-analytics">
       <div class="analytics-header">
        <div class="team-info">
            <img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port">
            <h2>Đối Đầu Shanghai Port</h2>
        </div>
    </div>

    <table id="match-table">
        <thead>
            <tr>
                <th>Trận</th>
                <th>Ngày</th>
                <th>đội</th>
                <th></th>
                <th>HT</th>
                <th>FT</th>
            </tr>
        </thead>
        <tbody>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>23.02.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">-1.25</span></td>
                <td><span>1</span> <span>0</span></td>
                <td><span>3</span> <span>1</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>13.09.2024</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">-3</span></td>
                <td><span>1</span> <span>0</span></td>
                <td><span>2</span> <span>0</span></td>
            </tr>
                    </tbody>
    </table>
   
   <div class="match-analytics">
       <div class="analytics-header">
           <h2>Phong độ gần đây</h2>
    </div>
    
    <div class="team-info" style="margin-bottom: 5px;">
            <img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port">
            <h3>Shanghai Port</h3>
    </div>

    <table id="match-table">
        <thead>
            <tr>
                <th>Trận</th>
                <th>Ngày</th>
                <th>đội</th>
                <th></th>
                <th>HT</th>
                <th>FT</th>
            </tr>
        </thead>
        <tbody>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>19.07.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c1bc80f45a0bf86310ec6e56980c1757.png!w80" alt="Qingdao Hainiu FC"> Qingdao Hainiu FC</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>26.07.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/1e8d7e1e18bfa137e1e41b740e857b15.png!w80" alt="Câu lạc bộ bóng đá Yuxi Yukun"> Câu lạc bộ bóng đá Yuxi Yukun</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>03.08.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/cc1aef5e69e8d01ba3d3712f24040347.png!w80" alt="Zhejiang Professional"> Zhejiang Professional</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>25.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/6ade4c9aaa615702eb7ec459e56d1968.png!w80" alt="Chengdu Rongcheng"> Chengdu Rongcheng</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">-2</span></td>
                <td><span>2</span> <span>0</span></td>
                <td><span>5</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>18.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/9d520898f49a46e0a00feef82240cb80.png!w80" alt="Wuhan Three Towns"> Wuhan Three Towns</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>1</span> <span>2</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>14.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/ed068d60c30fc0b40ea1f4e417d59580.png!w80" alt="Shanghai Shenhua"> Shanghai Shenhua</span>
                </td>
                <td><span class="handicap">1</span></td>
                <td><span>1</span> <span>1</span></td>
                <td><span>3</span> <span>1</span></td>
            </tr>
                        <tr data-competition="Cúp Bóng đá Liên đoàn Trung Quốc">
                <td>Cúp Bóng đá Liên đoàn Trung Quốc</td>
                <td>21.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/8c08e09f2c1d5628cf599b883fe999bf.png!w80" alt="Quảng Châu E-Power FC"> Quảng Châu E-Power FC</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">1.25</span></td>
                <td><span>2</span> <span>0</span></td>
                <td><span>2</span> <span>2</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>10.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/e7af298237651113dfeafc32ff734a24.png!w80" alt="Beijing Guoan"> Beijing Guoan</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">-1.75</span></td>
                <td><span>2</span> <span>0</span></td>
                <td><span>3</span> <span>1</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>06.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/84cc4bfb19630486c382219a672811d2.png!w80" alt="Qingdao West Coast"> Qingdao West Coast</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                </td>
                <td><span class="handicap">-0.5</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>01.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City"> Shenzhen Peng City</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/e0080960b4e935d70f4037aaf3a0b917.png!w80" alt="Tianjin Jinmen Tiger"> Tianjin Jinmen Tiger</span>
                </td>
                <td><span class="handicap">-0.5</span></td>
                <td><span>1</span> <span>0</span></td>
                <td><span>1</span> <span>0</span></td>
            </tr>
                    </tbody>
    </table>

   </div>
   
   
   <div class="team-info" style="margin-bottom: 5px; margin-top: 15px;">
            <img src="https://img.domainapi.space/football/team/b982f4d4215ea40ad21d589498140a56.png!w80" alt="Shenzhen Peng City">
            <h3>Shenzhen Peng City</h3>
    </div>

    <table id="match-table">
        <thead>
            <tr>
                <th>Trận</th>
                <th>Ngày</th>
                <th>đội</th>
                <th></th>
                <th>HT</th>
                <th>FT</th>
            </tr>
        </thead>
        <tbody>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>18.07.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/aa8cfda1c890f28a3a62fff6f1c6f6a0.png!w80" alt="Changchun Yatai"> Changchun Yatai</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>26.07.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/84cc4bfb19630486c382219a672811d2.png!w80" alt="Qingdao West Coast"> Qingdao West Coast</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>02.08.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/195ea54483b74f03a1019847eed4a9e1.png!w80" alt="Meizhou Hakka"> Meizhou Hakka</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>0</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>26.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/0e5467034917e26c6e60a7162711c150.png!w80" alt="Câu lạc bộ bóng đá Zhixing Đại Liên"> Câu lạc bộ bóng đá Zhixing Đại Liên</span>
                </td>
                <td><span class="handicap">-1.25</span></td>
                <td><span>2</span> <span>0</span></td>
                <td><span>3</span> <span>0</span></td>
            </tr>
                        <tr data-competition="Cúp Bóng đá Liên đoàn Trung Quốc">
                <td>Cúp Bóng đá Liên đoàn Trung Quốc</td>
                <td>22.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/ed068d60c30fc0b40ea1f4e417d59580.png!w80" alt="Shanghai Shenhua"> Shanghai Shenhua</span>
                </td>
                <td><span class="handicap">0</span></td>
                <td><span>0</span> <span>1</span></td>
                <td><span>2</span> <span>3</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>18.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/f336520db254da6d6d5294b720d26d83.png!w80" alt="Henan Songshan Longmen"> Henan Songshan Longmen</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                </td>
                <td><span class="handicap">0.25</span></td>
                <td><span>0</span> <span>3</span></td>
                <td><span>1</span> <span>3</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>14.06.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/cc1aef5e69e8d01ba3d3712f24040347.png!w80" alt="Zhejiang Professional"> Zhejiang Professional</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                </td>
                <td><span class="handicap">0.25</span></td>
                <td><span>0</span> <span>1</span></td>
                <td><span>2</span> <span>2</span></td>
            </tr>
                        <tr data-competition="Cúp Bóng đá Liên đoàn Trung Quốc">
                <td>Cúp Bóng đá Liên đoàn Trung Quốc</td>
                <td>21.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/bb318757b867c541d704d93053aa1bfb.png!w80" alt="Suzhou Dongwu"> Suzhou Dongwu</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                </td>
                <td><span class="handicap">1.75</span></td>
                <td><span>1</span> <span>1</span></td>
                <td><span>2</span> <span>6</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>17.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/85c080cf02a7161687ddd5b5800dc303.png!w80" alt="Shandong Taishan"> Shandong Taishan</span>
                </td>
                <td><span class="handicap">-0.5</span></td>
                <td><span>0</span> <span>0</span></td>
                <td><span>1</span> <span>1</span></td>
            </tr>
                        <tr data-competition="Giải bóng đá ngoại hạng Trung Quốc">
                <td>Giải bóng đá ngoại hạng Trung Quốc</td>
                <td>09.05.2025</td>
                <td class="match-row">
                    <span class="team"><img src="https://img.domainapi.space/football/team/c4e143e537412003565cdb7c2d212538.png!w80" alt="Shanghai Port"> Shanghai Port</span>
                    <span class="team"><img src="https://img.domainapi.space/football/team/c1bc80f45a0bf86310ec6e56980c1757.png!w80" alt="Qingdao Hainiu FC"> Qingdao Hainiu FC</span>
                </td>
                <td><span class="handicap">-1.5</span></td>
                <td><span>1</span> <span>1</span></td>
                <td><span>3</span> <span>1</span></td>
            </tr>
                    </tbody>
    </table>

   </div>

    <script>
        const matchTable = document.getElementById('match-table');
        const matchRows = matchTable.querySelectorAll('tbody tr');
        const matchLimitSelect = document.getElementById('match-limit');
        const radioButtons = document.querySelectorAll('input[name="option"]');
        let selectedCompetition = null;

        function updateDisplay() {
            const limit = parseInt(matchLimitSelect.value);
            let visibleCount = 0;

            matchRows.forEach((row, index) => {
                const competition = row.getAttribute('data-competition');
                const shouldShow = (selectedCompetition === null || competition === selectedCompetition) && visibleCount < limit;

                if (shouldShow) {
                    row.classList.remove('hidden');
                    visibleCount++;
                } else {
                    row.classList.add('hidden');
                }
            });
        }

        matchLimitSelect.addEventListener('change', updateDisplay);

        radioButtons.forEach(radio => {
            radio.addEventListener('change', () => {
                if (radio.value === 'all') {
                    selectedCompetition = null;
                } else {
                    const firstVisibleRow = Array.from(matchRows).find(row => !row.classList.contains('hidden'));
                    selectedCompetition = firstVisibleRow ? firstVisibleRow.getAttribute('data-competition') : null;
                }
                updateDisplay();
            });
        });

        updateDisplay();
    </script>                </div></div>
                <div id="tab-vote" class="tab-pane"></div>
                <div id="tab-strength" class="tab-pane"></div>
                <div id="tab-matchdays" class="tab-pane"></div>
            </div>
        </div>
            </div>
            <div class="c-right">
            <div class="match-relate" style="padding: 15px;">
            <h2 class="title heading-watch"><span>XEM CÁC TRẬN KHÁC</span></h2>
            <div>

                        <div class="match-card" style="margin-bottom: 15px;">
      <div class="match-card__body">
        <a href="https://www.shibuya-ygp.com/truc-tiep/panama-vs-honduras-luc-1315-ngay-29-06-2025-oj7x9ixwdryc47g" class="link-match" rel="nofollow"></a>
        <div class="match-card__header">
          <div class="match-card__league">
            <span>Cúp Vàng CONCACAF</span>
          </div>
          <div class="match-card__status"><div class="match-card__status streaming"> <div class="match-card__status">ĐANG TRỰC TIẾP</div></div></div>
          <div class="match-card__time">06:15 29/06/2025</div>
        </div>
        <div class="match-card__teams">
          <div class="team home">
            <img src="https://img.domainapi.space/football/team/a159b2e2c6b3cb7bf0e92eb43fe27bdd.png!w80" alt="Panama" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">Panama</span>
          </div>
          <div class="match-card__score">1 : 1</div>
          <div class="team away">
          <img src="https://img.domainapi.space/football/team/570197ce24c78651ca363a146213ba08.png!w80" alt="Honduras" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">Honduras</span>
          </div>
        </div>
        <div class="match-card__info">
                    <div class="match-card__stats">
                      <div class="match-card__stats-content">
                      <a href="https://www.shibuya-ygp.com/truc-tiep/panama-vs-honduras-luc-1315-ngay-29-06-2025-oj7x9ixwdryc47g?houseId=59444581" rel="nofollow">BLV TEPPY</a> | <a href="https://www.shibuya-ygp.com/truc-tiep/panama-vs-honduras-luc-1315-ngay-29-06-2025-oj7x9ixwdryc47g?houseId=89756030" rel="nofollow">BLV LIPTON</a>                      </div>
                    </div>
                    
                    <div class="match-card__odds">
                    <a href="https://www.shibuya-ygp.com/truc-tiep/panama-vs-honduras-luc-1315-ngay-29-06-2025-oj7x9ixwdryc47g" class="btn btn--primary" rel="nofollow">
                      <span>XEM NGAY</span>
                    </a>
                    <a href="https://vsbet30.com" rel="nofollow" class="btn btn--secondary" target="_blank" style="display:none">
                      <span>CƯỢC VSBET</span>
                    </a>
                    </div>
                  </div>
      </div>
    </div>
                <div class="match-card" style="margin-bottom: 15px;">
      <div class="match-card__body">
        <a href="https://www.shibuya-ygp.com/truc-tiep/orlando-city-vs-clb-cincinnati-luc-1330-ngay-29-06-2025-ndkz6il40oyaxq3" class="link-match" rel="nofollow"></a>
        <div class="match-card__header">
          <div class="match-card__league">
            <span>Major League Soccer</span>
          </div>
          <div class="match-card__status"><div class="match-card__status streaming"> <div class="match-card__status">ĐANG TRỰC TIẾP</div></div></div>
          <div class="match-card__time">06:30 29/06/2025</div>
        </div>
        <div class="match-card__teams">
          <div class="team home">
            <img src="https://img.domainapi.space/football/team/b4ad649e6c6a9a6cf91493bf5e92ffbe.png!w80" alt="Orlando City" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">Orlando City</span>
          </div>
          <div class="match-card__score">0 : 0</div>
          <div class="team away">
          <img src="https://img.domainapi.space/football/team/1d14acf20b6647d3bf1f70959a875c8f.png!w80" alt="CLB Cincinnati" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">CLB Cincinnati</span>
          </div>
        </div>
        <div class="match-card__info">
                    <div class="match-card__stats">
                      <div class="match-card__stats-content">
                      <a href="https://www.shibuya-ygp.com/truc-tiep/orlando-city-vs-clb-cincinnati-luc-1330-ngay-29-06-2025-ndkz6il40oyaxq3?houseId=97885009" rel="nofollow">BLV HỔ VẰN</a>                      </div>
                    </div>
                    
                    <div class="match-card__odds">
                    <a href="https://www.shibuya-ygp.com/truc-tiep/orlando-city-vs-clb-cincinnati-luc-1330-ngay-29-06-2025-ndkz6il40oyaxq3" class="btn btn--primary" rel="nofollow">
                      <span>XEM NGAY</span>
                    </a>
                    <a href="https://vsbet30.com" rel="nofollow" class="btn btn--secondary" target="_blank" style="display:none">
                      <span>CƯỢC VSBET</span>
                    </a>
                    </div>
                  </div>
      </div>
    </div>
                <div class="match-card" style="margin-bottom: 15px;">
      <div class="match-card__body">
        <a href="https://www.shibuya-ygp.com/truc-tiep/new-york-red-bulls-vs-minnesota-united-luc-1330-ngay-29-06-2025-j374oioxmlzhgqo" class="link-match" rel="nofollow"></a>
        <div class="match-card__header">
          <div class="match-card__league">
            <span>Major League Soccer</span>
          </div>
          <div class="match-card__status"><div class="match-card__status streaming"> <div class="match-card__status">ĐANG TRỰC TIẾP</div></div></div>
          <div class="match-card__time">06:30 29/06/2025</div>
        </div>
        <div class="match-card__teams">
          <div class="team home">
            <img src="https://img.domainapi.space/football/team/8b8fe90668461b90ddc20516b0e6796d.png!w80" alt="New York Red Bulls" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">New York Red Bulls</span>
          </div>
          <div class="match-card__score">1 : 1</div>
          <div class="team away">
          <img src="https://img.domainapi.space/football/team/256ff71a20fb72145a66dcef2f604a48.png!w80" alt="Minnesota United" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">Minnesota United</span>
          </div>
        </div>
        <div class="match-card__info">
                    <div class="match-card__stats">
                      <div class="match-card__stats-content">
                      <a href="https://www.shibuya-ygp.com/truc-tiep/new-york-red-bulls-vs-minnesota-united-luc-1330-ngay-29-06-2025-j374oioxmlzhgqo?houseId=71426314" rel="nofollow">BLV FANTA</a>                      </div>
                    </div>
                    
                    <div class="match-card__odds">
                    <a href="https://www.shibuya-ygp.com/truc-tiep/new-york-red-bulls-vs-minnesota-united-luc-1330-ngay-29-06-2025-j374oioxmlzhgqo" class="btn btn--primary" rel="nofollow">
                      <span>XEM NGAY</span>
                    </a>
                    <a href="https://vsbet30.com" rel="nofollow" class="btn btn--secondary" target="_blank" style="display:none">
                      <span>CƯỢC VSBET</span>
                    </a>
                    </div>
                  </div>
      </div>
    </div>
                <div class="match-card" style="margin-bottom: 15px;">
      <div class="match-card__body">
        <a href="https://www.shibuya-ygp.com/truc-tiep/dc-united-vs-clb-nashville-luc-1330-ngay-29-06-2025-9gklzi42dowhm7x" class="link-match" rel="nofollow"></a>
        <div class="match-card__header">
          <div class="match-card__league">
            <span>Major League Soccer</span>
          </div>
          <div class="match-card__status"><div class="match-card__status streaming"> <div class="match-card__status">ĐANG TRỰC TIẾP</div></div></div>
          <div class="match-card__time">06:30 29/06/2025</div>
        </div>
        <div class="match-card__teams">
          <div class="team home">
            <img src="https://img.domainapi.space/football/team/2d846f3eea3e2d5067b26de498f83d94.png!w80" alt="DC United" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">DC United</span>
          </div>
          <div class="match-card__score">0 : 0</div>
          <div class="team away">
          <img src="https://img.domainapi.space/football/team/eafb707bc6f8028dc71923176915c8e3.png!w80" alt="CLB Nashville" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">CLB Nashville</span>
          </div>
        </div>
        <div class="match-card__info">
                    <div class="match-card__stats">
                      <div class="match-card__stats-content">
                      <a href="https://www.shibuya-ygp.com/truc-tiep/dc-united-vs-clb-nashville-luc-1330-ngay-29-06-2025-9gklzi42dowhm7x?houseId=99121525" rel="nofollow">BLV BÍ ĐAO</a>                      </div>
                    </div>
                    
                    <div class="match-card__odds">
                    <a href="https://www.shibuya-ygp.com/truc-tiep/dc-united-vs-clb-nashville-luc-1330-ngay-29-06-2025-9gklzi42dowhm7x" class="btn btn--primary" rel="nofollow">
                      <span>XEM NGAY</span>
                    </a>
                    <a href="https://vsbet30.com" rel="nofollow" class="btn btn--secondary" target="_blank" style="display:none">
                      <span>CƯỢC VSBET</span>
                    </a>
                    </div>
                  </div>
      </div>
    </div>
                <div class="match-card" style="margin-bottom: 15px;">
      <div class="match-card__body">
        <a href="https://www.shibuya-ygp.com/truc-tiep/dallas-wings-vs-washington-mystics-luc-1400-ngay-29-06-2025-63kvlso60o4ax7e" class="link-match" rel="nofollow"></a>
        <div class="match-card__header">
          <div class="match-card__league">
            <span>Hiệp hội bóng rổ quốc gia nữ</span>
          </div>
          <div class="match-card__status"><div class="match-card__status streaming"> <div class="match-card__status">ĐANG TRỰC TIẾP</div></div></div>
          <div class="match-card__time">07:00 29/06/2025</div>
        </div>
        <div class="match-card__teams">
          <div class="team home">
            <img src="https://img.domainapi.space/basketball/team/58709b9e7964e03c28ebe777ef823eca.png!w80" alt="Dallas Wings" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">Dallas Wings</span>
          </div>
          <div class="match-card__score">0 : 0</div>
          <div class="team away">
          <img src="https://img.domainapi.space/basketball/team/f619a41699e34ed5b9c8047ecb688ca3.png!w80" alt="Washington Mystics" class="team__logo" style="width: 40px  !important; height: 40px !important">
            <span class="team__name">Washington Mystics</span>
          </div>
        </div>
        <div class="match-card__info">
                    <div class="match-card__stats">
                      <div class="match-card__stats-content">
                      <a href="https://www.shibuya-ygp.com/truc-tiep/dallas-wings-vs-washington-mystics-luc-1400-ngay-29-06-2025-63kvlso60o4ax7e?houseId=33982309" rel="nofollow">BLV REVIVE</a>                      </div>
                    </div>
                    
                    <div class="match-card__odds">
                    <a href="https://www.shibuya-ygp.com/truc-tiep/dallas-wings-vs-washington-mystics-luc-1400-ngay-29-06-2025-63kvlso60o4ax7e" class="btn btn--primary" rel="nofollow">
                      <span>XEM NGAY</span>
                    </a>
                    <a href="https://vsbet30.com" rel="nofollow" class="btn btn--secondary" target="_blank" style="display:none">
                      <span>CƯỢC VSBET</span>
                    </a>
                    </div>
                  </div>
      </div>
    </div>
                </div>
            </div>
            </div>
        </div>
    </section>


    <!--<div style="text-align: center; background-color: #121212; padding: 15px; border-top: 1px solid #333;">
        <div style="margin-bottom: 10px;">MỞ PHÒNG TRẬN ĐẤU</div>
        <div style="color: #ffcc00; font-weight: bold;">TRẬN ĐẤU LIÊN QUAN</div>
    </div>-->


</main>
<script>
      new Player({
        plugins: [window.HlsPlayer],
        id: "mse",
        ignores: ["time", "progress"],
        autoplay: true,
        playsinline: true,
        isLive: true,
        fluid: true,
        pip: true,
        url: "https://live5.k8v4dh4.app/live/75748097.m3u8"
      });
    </script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://domainapi.space/_MsgRecognizer.js"></script>
<script src="https://domainapi.space/MessageBody.js"></script>
<script src="https://domainapi.space/live.js"></script>
<script>
    $(document).ready(function () {
        // Tab click event
        $('.tabs-nav a').on('click', function (e) {
            e.preventDefault();

            // Remove active class from all tabs
            $('.tabs-nav li').removeClass('active');
            $('.tab-pane').removeClass('active');

            // Add active class to current tab
            $(this).parent('li').addClass('active');

            // Show corresponding tab content
            var tabId = $(this).attr('href');
            $(tabId).addClass('active');
        });
    });
</script>
<script>
$('#get_thongke').on('click', function(){
    $.get("https://domainapi.space/stats.php?id=zrkn6ivx489fwql&type=dark", function(data) {
        $("#thongke").html(data);
    }).fail(function() {
        console.error("Chưa có thống kê");
    });
});
$('#get_phantich').on('click', function(){
    $.get("https://domainapi.space/match_analytics.php?id=zrkn6ivx489fwql&type=dark", function(data) {
        $("#phantich").html(data);
    }).fail(function() {
        console.error("Chưa có thống kê");
    });
});
</script>

<script>
  const observePip = setInterval(() => {
    const pipWindow = document.querySelector('.xg-mini-layer'); // class của khung PIP thật

    if (pipWindow) {
      pipWindow.style.width = '90vw';
      pipWindow.style.height = '50vw';
      pipWindow.style.bottom = '10px';
      pipWindow.style.right = '10px';
      pipWindow.style.zIndex = '9999';
      clearInterval(observePip); // Dừng sau khi tìm thấy và chỉnh sửa
    }
  }, 500);
</script>

<script>
// Auto scroll tới .video-section sau khi chắc chắn DOM đã sẵn sàng
setTimeout(() => {
    const target = document.querySelector('.video-section');
    if (target) {
        target.scrollIntoView({
            behavior: 'smooth',
            block: 'start'
        });
    }
}, 500);
</script>

<!-- Footer -->
    <!-- <footer class="footer">
      <div class="container">
        <div class="footer__content">
          <p style="font-size: 14px">
            Bản quyền bởi
            <a href="#"><span class="text-primary">CakhiaTV</span></a> - All
            rights reserved
          </p>
        </div>
      </div>
    </footer> -->
    
    <footer style="background-color: #111; color: #fff; text-align: center; padding: 30px 15px;">
  <p class="footer-descript">
    <a href="/"><strong style="color: #0CCC4C;">Xoilac</strong></a> TV phát bóng đá trực tuyến HD, không quảng cáo chen ngang, không giật lag ở các giải đấu quốc nội, khu vực cùng đội ngũ BLV được đào tạo bài bản, chuyên môn cao. Xem trực tiếp bóng đá tại Xôi Lạc TV hoàn toàn miễn phí, cùng nhiều tính năng hữu ích như lịch thi đấu, bảng xếp hạng, kết quả bóng đá,... tất cả đều được cập nhật theo thời gian thực và hoàn miễn phí. Chúc mọi người có giây phút xem bóng đá vui vẻ tại Xoilac TV.
  </p>

  <div class="footer-logo">
    <img src="/wp-content/uploads/2025/05/xoilac_mypham_logo_cut.png" alt="Xoilac TV" style="vertical-align: middle; height: 120px;">
  </div>

  <nav style="margin: 20px 0;">
    <a href="/gioi-thieu" class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">VỀ CHÚNG TÔI</a>
    <a href="/chinh-sach-bao-mat"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">CHÍNH SÁCH</a>
    <a href="/dieu-khoan-su-dung"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">ĐIỀU KHOẢN</a>
    <a href="/lien-he"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">LIÊN HỆ</a>
    <a href="/ban-quyen"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">BẢN QUYỀN</a>
    <a href="/mien-tru-trach-nhiem"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">MIỄN TRỪ TRÁCH NHIỆM</a>
    <a href="/tuyen-dung"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">TUYỂN DỤNG</a>
    <a href="#"class="footer-nav-text" style="color: #0CCC4C; margin: 0 10px; font-weight: bold;">SITEMAP</a>
  </nav>

  <p class="footer-text">Doanh nghiệp: Xoilac TV</p>
  <p class="footer-text">Chịu trách nhiệm nội dung: <a href="/author/caothaingocnam"><span style="color: #0CCC4C;">Bùi Trung Thanh</span></a></p>
  <p class="footer-text">Số điện thoại: 0987020211</p>
  <p class="footer-text">Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="671f080e0b0604490a1e170f060a13080414085627000a060e0b4904080a">[email&#160;protected]</a></p>
  <p class="footer-text">Địa chỉ: <a href="https://maps.app.goo.gl/VYzasTZyw93qvPAz7" target="_blank" rel="nofollow"><span style="color: #0CCC4C;">177/43 Lũy Bán Bích, Hiệp Tân, Tân Phú, Thành phố Hồ Chí Minh</span></a></p>
  <p class="footer-text">Hoạt động: 00:00–23:59 (hằng ngày)</p>
  
<div id="FVypXr4d" style="text-align:center"></div>

  <p style="margin-top: 15px;">Hashtag: #xoilac #xoilactv #tructiepbongdaxoilac #xembongdatructuyen</p>

  <div style="margin-top: 15px;">
    <a href="#"><img src="/wp-content/uploads/2025/04/icon-facebook.webp" alt="Facebook" style="width: 24px; margin: 0 5px;"></a>
    <a href="https://x.com/xoilacanstad" rel="nofollow" target="_blank"><img src="/wp-content/uploads/2025/04/twitter_x-logo-freelogovectors.net_.png" alt="Twitter" style="width: 24px; margin: 0 5px;"></a>
    <a href="https://www.twitch.tv/xoilacanstad/about" rel="nofollow" target="_blank"><img src="/wp-content/uploads/2025/04/pngimg.com-twitch_PNG28.png" alt="Twitch" style="width: 24px; margin: 0 5px;"></a>
    <a href="https://www.youtube.com/@xoilacanstad" rel="nofollow" target="_blank"><img src="/wp-content/uploads/2025/04/Youtube_logo.png" alt="Youtube" style="width: 24px; margin: 0 5px;"></a>
    <a href="https://www.reddit.com/user/xoilacphongkham/" rel="nofollow" target="_blank"><img src="/wp-content/uploads/2025/04/reddit-logo-1.png" alt="Reddit" style="width: 24px; margin: 0 5px;"></a>
    <a href="https://www.pinterest.com/xoilacanstad/" rel="nofollow" target="_blank"><img src="/wp-content/uploads/2025/04/pngimg.com-pinterest_PNG63.png" alt="Pinterest" style="width: 24px; margin: 0 5px;"></a>
    <a href="https://www.tumblr.com/xoilacanstad" rel="nofollow" target="_blank"><img src="/wp-content/uploads/2025/04/free-tumblr-logo-icon-2434-thumb.png" alt="Tumblr" style="width: 24px; margin: 0 5px;"></a>
  </div>
</footer>


    <button onclick="scrollToTop()" id="scrollTopBtn" title="Go to top">
      <svg viewBox="0 0 24 24">
        <path
          d="M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z"
        ></path>
      </svg>
    </button>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.shibuya-ygp.com/wp-content/themes/cakhiatv/assets/js/main.js"></script>
    
  </body>
    <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/cakhiatv\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <style>
        #catfish-ad {
            position: fixed;
            bottom: 0;
            left: 0;
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.4s ease;
            min-width: 370px;
        }

        #catfish-ad.hidden {
            transform: translateX(-50%) translateY(100%);
        }

        #catfish-ad img {
            max-height: 60px;
            height: auto;
            width: auto;
            max-width: 100%;
        }

        #catfish-toggle {
            position: absolute;
            top: -27px;
            right: 20px;
            background: #f00;
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px 5px 0 0;
            cursor: pointer;
            font-size: 14px;
        }
    </style>

    <div id="catfish-ad">
        <div id="catfish-toggle">Ẩn</div>
        <a href="https://vsbet30.com" target="_blank" rel="nofollow">
            <img src="https://xoilackvb.cc/wp-content/uploads/2025/04/1200_120.gif" style="display: block">
        </a>
    </div>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const catfish = document.getElementById('catfish-ad');
            const toggle = document.getElementById('catfish-toggle');
            let hidden = false;

            toggle.addEventListener('click', function () {
                hidden = !hidden;
                catfish.classList.toggle('hidden');
                toggle.textContent = hidden ? 'Hiện' : 'Ẩn';
            });
        });
    </script>
    <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra">
/* <![CDATA[ */
var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://cdn.shibuya-ygp.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.74" id="ez-toc-scroll-scriptjs-js"></script>
<script type="text/javascript" src="https://cdn.shibuya-ygp.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js"></script>
<script type="text/javascript" src="https://cdn.shibuya-ygp.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js"></script>
<script type="text/javascript" id="ez-toc-js-js-extra">
/* <![CDATA[ */
var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://cdn.shibuya-ygp.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.74-1746443216" id="ez-toc-js-js"></script>
    <script>
    document.addEventListener("DOMContentLoaded", function () {
        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
        while (walker.nextNode()) {
            const node = walker.currentNode;
            if (node.nodeValue.match(/vô địch quốc gia/i)) {
                node.nodeValue = node.nodeValue.replace(/vô địch quốc gia/gi, "VĐQG");
            }
        }
    });
    </script>
    <script>
function extractLinksAndUpdateButtons() {
    const messages = Array.from(document.querySelectorAll(".message-content")).reverse();
    let zalo = "", tele = "", fb = "";

    for (const msg of messages) {
        const text = msg.innerText;

        if (!zalo) {
            const zaloMatch = text.match(/Zalo[:：]?\s*(0[\d .]+)/i);
            if (zaloMatch) {
                let number = zaloMatch[1].replace(/[^\d]/g, '');
                if (number.startsWith("0")) number = "0" + number.substring(1);
                zalo = `https://zalo.me/${number}`;
            }
        }

        if (!tele) {
            const teleMatches = text.match(/https:\/\/t\.me\/[a-zA-Z0-9_]+/g);
            if (teleMatches) {
                tele = teleMatches.find(link => !link.includes('+'));
            }
        }

        if (!fb) {
            const fbMatch = text.match(/https:\/\/m\.me\/[a-zA-Z0-9_.-]+/);
            if (fbMatch) fb = fbMatch[0];
        }

        if (zalo && tele && fb) break; // đã đủ 3 loại, ngừng duyệt
    }

    // ZALO
    if (zalo) {
        const el = document.querySelector(".chat-link-zalo");
        if (el && !el.classList.contains("processed")) {
            el.classList.add("processed");
            el.removeAttribute("href");
            el.style.cursor = "pointer";
            el.addEventListener("click", function (e) {
                e.preventDefault();
                const number = zalo.replace("https://zalo.me/", "");
                navigator.clipboard.writeText(number).then(() => {
                    showZaloToast("Đã copy số điện thoại, hãy mở app <b><u>Zalo</u></b> để tìm kiếm");
                });
            });
        }

        const zaloInfo = document.querySelector(".chat-zalo-info");
        if (zaloInfo && !zaloInfo.classList.contains("filled")) {
            const raw = zalo.replace("https://zalo.me/", "");
            zaloInfo.innerText = raw.replace(/^0/, "0").replace(/(\d{4})(\d{3})(\d+)/, "$1 $2 $3");
            zaloInfo.classList.add("filled");
        }
    }

    // TELE
    if (tele) {
        const el = document.querySelector(".chat-link-tele");
        if (el && !el.classList.contains("processed")) {
            el.href = tele;
            el.classList.add("processed");
        }

        const teleInfo = document.querySelector(".chat-tele-info");
        if (teleInfo && !teleInfo.classList.contains("filled")) {
            const username = tele.replace("https://t.me/", "");
            teleInfo.innerText = "@" + username;
            teleInfo.classList.add("filled");
        }
    }

    // FB
    if (fb) {
        const el = document.querySelector(".chat-link-fb");
        if (el && !el.classList.contains("processed")) {
            el.href = fb;
            el.classList.add("processed");
        }

        const fbInfo = document.querySelector(".chat-fb-info");
        if (fbInfo && !fbInfo.classList.contains("filled")) {
            const username = fb.replace("https://m.me/", "");
            fbInfo.innerText = username;
            fbInfo.classList.add("filled");
        }
    }
}

// Bắt sự thay đổi của khung chat
document.addEventListener("DOMContentLoaded", function () {
    const chatContainer = document.querySelector("#chat_messages");
    if (!chatContainer) return;

    const observer = new MutationObserver(() => {
        extractLinksAndUpdateButtons();
    });

    observer.observe(chatContainer, {
        childList: true,
        subtree: true
    });

    extractLinksAndUpdateButtons();
});

function showZaloToast(message) {
    const old = document.querySelector(".zalo-toast");
    if (old) old.remove();

    const toast = document.createElement("div");
    toast.className = "zalo-toast";
    toast.innerHTML = message;
    document.body.appendChild(toast);

    setTimeout(() => {
        toast.style.opacity = "0";
        setTimeout(() => toast.remove(), 1000);
    }, 3000);
}
</script>
<style>
.chat-links div {
    font-size: 14px;
    color: #ccc;
    margin-top: 2px;
}

.zalo-toast {
    position: fixed;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #000;
    padding: 10px 10px;
    border-radius: 6px;
    font-size: 14px;
    opacity: 0.95;
    z-index: 9999;
    transition: opacity 1s ease;
}
</style>
</html>