<style>

    /* KHUNG CHUNG */
    .notify-overlay {
        position: relative;
        display: block;
        background: none;
        padding: 20px 0;
        font-family: "Segoe UI", Arial, sans-serif;
    }

    .notify-box {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 14px;
        box-shadow: 0 10px 35px rgba(0,0,0,0.1);
        border: 1px solid #e6e6e6;
        overflow: hidden;
    }

    /* HEADER */
    .notify-header {
        padding: 18px 22px;
        font-size: 19px;
        font-weight: 600;
        background: #00CCFF;
        color: #ffffff;
        border-radius: 14px 14px 0 0;
        text-align: center;
    }

    /* ITEM CHUNG */
    .notify-item {
        padding: 16px 22px;
        margin: 12px 18px;
        border-radius: 10px;
        font-size: 15.5px;
        cursor: pointer;
        transition: 0.25s ease;
        border-left: 6px solid transparent;
    }

    .notify-item:hover {
        transform: translateX(6px);
        box-shadow: 0 6px 18px rgba(0,0,0,0.12);
        filter: brightness(1.05);
    }

    .notify-item a {
        text-decoration: none;
        font-weight: bold;
        color: #333;
        transition: 0.25s;
    }
    .notify-item:hover a {
        color: #ff7a00;
    }

    /* MÀU TỪNG BOX */
    .green { background: #eaffef; border-left-color: #5ccf79; }
    .blue  { background: #eaf3ff; border-left-color: #4c9aff; }
    .pink  { background: #ffedf3; border-left-color: #ff6f96; }

    /* Ô CAM – (đã nâng cấp style cam neon) */
    .orange {
        background: #fff2e6;
        border-left-color: #ff8c3d;
    }
    .orange:hover {
        box-shadow: 0 6px 18px rgba(255, 132, 0, 0.35);
        filter: brightness(1.06);
    }
    .orange:hover a {
        color: #ff6a00;
    }

    /* SUPPORT */
    .support-box {
        margin: 10px 0 5px 0;
        text-align: center;
    }

    .support-links {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin: 10px 0 18px 0;
    }

    .support-links a {
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        padding: 10px 14px;
        border-radius: 8px;
        display: inline-block;
        transition: 0.25s;
        color: white;
    }

    .fb   { background: #1877f2; }
    .zalo { background: #008cff; }
    .tele { background: #28a8e9; }

    .support-links a:hover {
        opacity: 0.85;
        transform: translateY(-2px);
    }

    /* ------------------------------ */
    /* 📱 RESPONSIVE CHO MOBILE      */
    /* ------------------------------ */
    @media (max-width: 480px) {

        .notify-box {
            border-radius: 10px;
        }

        .notify-header {
            font-size: 17px;
            padding: 14px;
        }

        .notify-item {
            margin: 10px 12px;
            padding: 12px 16px;
            font-size: 14px;
        }

        .support-links {
            gap: 14px;
        }

        .support-links a {
            font-size: 14px;
            padding: 8px 12px;
        }
    }

</style>

<!-- HIỂN THỊ FORM -->
<div class="notify-overlay">
    <div class="notify-box">

        <div class="notify-header">
            📌 Hệ Thống Hiếu 299 📌
        </div>

        <div class="notify-item green">
            🎮 Máy tính - PC Xeon / Gaming - Laptop tại 
            <a href="https://maytinh299.com" target="_blank">Maytinh299.com</a>
        </div>

        <div class="notify-item blue">
            🛠 Tài Nguyên MMO giá rẻ tại 
            <a href="https://shophieu299.com" target="_blank">Shophieu299.com</a>
        </div>

        <div class="notify-item pink">
            🌐 Tăng Sub:
            <a href="https://hackmxh299.com" target="_blank">Hackmxh299.com</a>
        </div>

        <div class="notify-item orange">
            📘 Thu Xu: 
            <a href="https://thucoin299.com" target="_blank">Thucoin299.com</a>
        </div>

        <div class="support-box">
            <b>Hỗ trợ khi gặp lỗi:</b>
            <div class="support-links">
                <a class="fb" href="https://www.facebook.com/shophieu299/" target="_blank">Facebook</a>
                <a class="zalo" href="https://zalo.me/0969743930" target="_blank">Zalo</a>
                <a class="tele" href="https://t.me/hieu299" target="_blank">Telegram</a>
            </div>
        </div>

    </div>
</div>