<div class="raw-html-embed">



    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博悅ONLINE｜防詐騙聲明公告</title>

    <style>
        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            padding: 24px;
            background: #16062f;
            font-family: "Segoe UI", "Noto Sans TC", Arial, sans-serif;
        }

        .notice-wrapper {
            max-width: 960px;
            margin: 0 auto;
            padding: 28px;
            border: 3px solid #8B7FD3;
            border-radius: 16px;
            background: linear-gradient(180deg, #2a0a5e, #3d1a78);
            box-shadow: 0 0 20px rgba(139, 127, 211, 0.4), inset 0 0 30px rgba(255, 255, 255, 0.05);
        }

        .notice-wrapper .notice-header {
            padding: 24px 20px;
            text-align: center;
            border-radius: 14px;
            background: linear-gradient(135deg, rgba(241, 219, 150, 0.16), rgba(243, 210, 122, 0.06));
            border: 2px solid rgba(241, 219, 150, 0.5);
            box-shadow: 0 0 18px rgba(241, 219, 150, 0.2);
        }

        .notice-wrapper .notice-badge {
            display: inline-block;
            margin-bottom: 10px;
            padding: 6px 14px;
            border-radius: 999px;
            background: linear-gradient(135deg, #8B7FD3, #5D3A9B);
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1px;
        }

        .notice-wrapper .notice-title {
            margin: 0;
            color: #f1db96;
            font-size: 30px;
            font-weight: 900;
            letter-spacing: 2px;
            text-shadow: 0 0 14px rgba(241, 219, 150, 0.45);
        }

        .notice-wrapper .notice-subtitle {
            margin: 12px 0 0;
            color: #ddd3ff;
            font-size: 15px;
            line-height: 1.8;
        }

        .notice-wrapper .section-card {
            margin-top: 22px;
            padding: 20px;
            border-radius: 12px;
            background: linear-gradient(135deg, rgba(139, 127, 211, 0.1), rgba(93, 58, 155, 0.05));
            border: 1px solid rgba(139, 127, 211, 0.3);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
        }

        .notice-wrapper .section-title {
            margin: 0 0 14px;
            color: #f1db96;
            font-size: 18px;
            font-weight: 800;
        }

        .notice-wrapper .section-title::after {
            content: "";
            display: block;
            width: 76px;
            height: 2px;
            margin-top: 7px;
            background: linear-gradient(90deg, #f3d27a, transparent);
            animation: titleLineExtend 2s ease-in-out infinite;
        }

        .notice-wrapper .subject-box {
            padding: 16px 18px;
            border-left: 4px solid #f1db96;
            border-radius: 0 12px 12px 0;
            background: rgba(241, 219, 150, 0.08);
            color: #fff;
            font-size: 15px;
            line-height: 1.85;
        }

        .notice-wrapper .notice-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .notice-wrapper .notice-list>li {
            margin-bottom: 14px;
            padding: 15px 18px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.05);
            color: #fff;
            font-size: 15px;
            line-height: 1.85;
        }

        .notice-wrapper .notice-list>li:last-child {
            margin-bottom: 0;
        }

        .notice-wrapper .notice-list strong {
            color: #f1db96;
        }

        .notice-wrapper .sub-list {
            margin: 14px 0 0;
            padding: 0;
            list-style: none;
            counter-reset: warning-item;
        }

        .notice-wrapper .sub-list li {
            position: relative;
            margin-bottom: 12px;
            padding: 14px 16px 14px 48px;
            border-radius: 10px;
            background: linear-gradient(135deg, rgba(139, 127, 211, 0.12), rgba(93, 58, 155, 0.07));
            border: 1px solid rgba(139, 127, 211, 0.25);
            color: #fff;
            line-height: 1.8;
        }

        .notice-wrapper .sub-list li:last-child {
            margin-bottom: 0;
        }

        .notice-wrapper .sub-list li::before {
            counter-increment: warning-item;
            content: counter(warning-item);
            position: absolute;
            top: 14px;
            left: 14px;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: linear-gradient(135deg, #8B7FD3, #5D3A9B);
            color: #fff;
            font-size: 13px;
            font-weight: 700;
        }

        .notice-wrapper .official-link,
        .notice-wrapper .line-link {
            display: inline-block;
            margin-top: 8px;
            padding: 8px 14px;
            border-radius: 999px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .notice-wrapper .official-link {
            background: linear-gradient(135deg, #8B7FD3, #5D3A9B);
            color: #fff;
            box-shadow: 0 2px 8px rgba(139, 127, 211, 0.35);
        }

        .notice-wrapper .line-link {
            background: linear-gradient(135deg, #00B900, #008f00);
            color: #fff;
            box-shadow: 0 2px 8px rgba(0, 185, 0, 0.3);
        }

        .notice-wrapper .official-link:hover,
        .notice-wrapper .line-link:hover {
            transform: translateY(-1px);
        }

        .notice-wrapper .alert-box {
            margin-top: 22px;
            padding: 18px;
            border: 1px solid rgba(255, 126, 126, 0.4);
            border-radius: 12px;
            background: linear-gradient(135deg, rgba(255, 92, 92, 0.14), rgba(255, 92, 92, 0.05));
            color: #ffe8e8;
            font-size: 15px;
            line-height: 1.8;
            text-align: center;
        }

        .notice-wrapper .footer {
            margin-top: 24px;
            padding-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.12);
            text-align: right;
            color: #cfc4ff;
            font-size: 14px;
            line-height: 1.8;
        }

        @keyframes titleLineExtend {
            0% {
                width: 36px;
                opacity: 0.7;
            }

            50% {
                width: 50px;
                opacity: 0.95;
            }

            100% {
                width: 36px;
                opacity: 0.7;
            }
        }

        @media (max-width: 640px) {
            body {
                padding: 12px;
            }

            .notice-wrapper {
                padding: 18px;
            }

            .notice-wrapper .notice-title {
                font-size: 24px;
            }

            .notice-wrapper .section-card {
                padding: 16px;
            }
        }

        @media (max-width: 400px) {
            .notice-wrapper .official-link,
            .notice-wrapper .line-link {
                padding: 4px 7px;
                font-size: 10px;
            }
        }
    </style>



    <div class="notice-wrapper">
        <header class="notice-header">
            <div class="notice-badge">⚠️ 重要公告</div>
            <h1 class="notice-title">防詐騙聲明公告</h1>
            <p class="notice-subtitle">請認明博悅ONLINE官方網站及客服管道，保障帳號、個資與財產安全。</p>
        </header>

        <section class="section-card">
            <h2 class="section-title">主旨</h2>
            <div class="subject-box">
                為維護本公司品牌權益及使用者安全，特發布防詐騙聲明公告，請 查照。
            </div>
        </section>

        <section class="section-card">
            <h2 class="section-title">說明</h2>
            <ol class="notice-list">
                <li>
                    <strong>一、</strong>邇來迭經反映，發現有不法人士未經本公司授權，擅自冒用「博悅ONLINE」之品牌名稱及商標，架設仿冒網站，意圖誘騙使用者進行現金交易或騙取個人資料。
                </li>
                <li>
                    <strong>二、</strong>為保障 台端之權益及資訊安全，茲鄭重提醒如下：
                    <ol class="sub-list">
                        <li>
                            本公司唯一官方網站為：https://www.betrnkonline.com/zh_tw，請務必確認網址正確後再行登入。<br>
                            <a class="official-link" href="https://www.betrnkonline.com/zh_tw" target="_blank" rel="noopener noreferrer">前往官方網站</a><br>
                        </li>
                        <li>
                            本公司絕不會以簡訊、私訊或透過任何第三方網站，要求 台端進行轉帳、儲值現金或提供銀行帳號等敏感資訊。凡此類要求，均屬詐騙行為。
                        </li>
                        <li>
                            若 台端發現任何可疑網站或不明訊息，切勿提供任何個人資料，並請立即向本公司官方LINE客服帳號（ID：@betrnk）進行查證。<br>
                            <a class="line-link" href="https://lin.ee/u8HsU1p" target="_blank" rel="noopener noreferrer">官方 LINE</a>
                        </li>
                    </ol>
                </li>
                <li>
                    <strong>三、</strong>提醒會員務必透過官方網站及官方客服管道進行相關操作，共同維護帳號及財產安全，避免遭受詐騙。
                </li>
            </ol>
        </section>

        <div class="alert-box">
            🚨 若遇到要求提供驗證碼、銀行帳號、帳號密碼或轉帳至私人帳戶等情形，請立即停止操作並聯繫官方客服查證。
        </div>

        <footer class="footer">
            公告單位：博悅ONLINE 營運團隊
        </footer>
    </div>


</div>