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



    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>寶石館服務調整及關閉通知</title>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            background: #240b49;
        }

        .gem-notice {
            --gold: #f1db96;
            --text: #f6f1ff;
            --muted: #d5c8ec;
            --line: rgba(177, 151, 225, .3);
            width: 100%;
            min-width: 0;
            margin: 0;
            padding: clamp(10px, 2%, 28px);
            background: linear-gradient(160deg, #2a0a5e, #32145f 55%, #240b49);
            color: var(--text);
            font: 16px/1.85 "PingFang TC", "Microsoft JhengHei", "Segoe UI", sans-serif;
            container: gem-notice / inline-size;
        }

        .gem-notice,
        .gem-notice * {
            box-sizing: border-box;
        }

        .gem-notice h1,
        .gem-notice h2,
        .gem-notice p {
            margin: 0;
        }

        .gem-notice .banner {
            display: block;
            width: 100%;
            height: auto;
            border: 1px solid var(--line);
            border-radius: 14px;
            margin-bottom: 20px;
        }

        .gem-notice .notice-header {
            padding: 28px;
            border: 1px solid var(--line);
            border-radius: 16px;
            background: linear-gradient(120deg, #422071, #291047);
        }

        .gem-notice .notice-label {
            display: inline-block;
            padding: 4px 12px;
            border: 1px solid rgba(241, 219, 150, .35);
            border-radius: 999px;
            color: var(--gold);
            font-size: 12px;
            letter-spacing: 1px;
        }

        .gem-notice h1 {
            margin-top: 14px;
            color: #fff3cd;
            font-size: clamp(24px, 4vw, 34px);
            line-height: 1.45;
        }

        .gem-notice .notice-intro {
            margin: 24px 0;
        }

        .gem-notice .notice-intro p+p {
            margin-top: 10px;
        }

        .gem-notice .greeting {
            color: var(--gold);
            font-weight: 700;
        }

        .gem-notice .key-facts {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-top: 22px;
        }

        .gem-notice .fact {
            min-width: 0;
            padding: 18px 20px;
            background: rgba(10, 1, 30, .24);
            border: 1px solid var(--line);
            border-radius: 12px;
        }

        .gem-notice .fact-label {
            display: block;
            color: var(--muted);
            font-size: 13px;
            margin-bottom: 6px;
        }

        .gem-notice .fact-value {
            display: block;
            color: var(--gold);
            font-weight: 800;
            font-size: 23px;
            line-height: 1.5;
        }

        .gem-notice .fact-detail {
            display: block;
            color: var(--muted);
            font-size: 13px;
            margin-top: 5px;
        }

        .gem-notice .notice-section {
            padding: 22px;
            margin-top: 16px;
            border: 1px solid var(--line);
            border-radius: 14px;
            background: rgba(255, 255, 255, .045);
        }

        .gem-notice h2 {
            color: var(--gold);
            font-size: 19px;
            margin-bottom: 12px;
            line-height: 1.5;
        }

        .gem-notice strong {
            color: #fff0be;
            font-weight: 700;
        }

        .gem-notice .notice-section p,
        .gem-notice li {
            overflow-wrap: anywhere;
        }

        .gem-notice ol {
            padding-left: 24px;
            margin: 0;
        }

        .gem-notice li {
            padding-left: 3px;
            margin-bottom: 10px;
        }

        .gem-notice li:last-child {
            margin-bottom: 0;
        }

        .gem-notice li::marker {
            color: var(--gold);
            font-weight: 700;
        }

        .gem-notice .contact {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 14px;
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid var(--line);
        }

        .gem-notice .contact-id {
            color: var(--muted);
            font-size: 14px;
        }

        .gem-notice .line-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 8px 18px;
            border: 1px solid #b7a1e0;
            border-radius: 8px;
            color: #fff3cd;
            font-weight: 700;
            text-decoration: none;
            background: #513080;
        }

        .gem-notice .line-link:hover {
            background: #624093;
        }

        .gem-notice .line-link:focus-visible {
            outline: 2px solid var(--gold);
            outline-offset: 4px;
        }

        .gem-notice .notice-closing {
            margin-top: 24px;
            color: var(--muted);
        }

        .gem-notice .notice-closing p+p {
            margin-top: 10px;
        }

        .gem-notice .signature {
            text-align: right;
            color: var(--gold);
            font-weight: 700;
            margin-top: 18px;
        }

        @container gem-notice (max-width: 600px) {
            .gem-notice .notice-header {
                padding: 20px 16px;
            }

            .gem-notice h1 {
                font-size: 24px;
            }

            .gem-notice .key-facts {
                grid-template-columns: minmax(0, 1fr);
                gap: 10px;
                margin-top: 18px;
            }

            .gem-notice .fact {
                padding: 14px 16px;
            }

            .gem-notice .fact-value {
                font-size: 21px;
            }

            .gem-notice .notice-section {
                padding: 18px 15px;
            }

            .gem-notice .notice-intro,
            .gem-notice .notice-section,
            .gem-notice .notice-closing {
                font-size: 15px;
            }

            .gem-notice h2 {
                font-size: 18px;
            }
        }

        @media (max-width: 600px) {
            .gem-notice .notice-header {
                padding: 20px 16px;
            }

            .gem-notice h1 {
                font-size: 24px;
            }

            .gem-notice .key-facts {
                grid-template-columns: minmax(0, 1fr);
                gap: 10px;
            }

            .gem-notice .notice-section {
                padding: 18px 15px;
            }
        }
    </style>



    <main class="gem-notice">
        <img class="banner" src="https://pfile.betrnk.fun/landing/img/betrnk/SC532.jpg" alt="寶石館服務調整及關閉通知">
        <header class="notice-header">
            <span class="notice-label">博悅 ONLINE · 服務調整公告</span>
            <h1>寶石館服務調整及關閉通知</h1>
            <div class="key-facts" aria-label="服務調整重點">
                <div class="fact">
                    <span class="fact-label">正式關閉日期</span>
                    <strong class="fact-value"><time datetime="2026-11-18">2026/11/18</time></strong>
                    <span class="fact-detail">寶石館停止提供服務</span>
                </div>
                <div class="fact">
                    <span class="fact-label">剩餘寶石處理方式</span>
                    <strong class="fact-value">等值轉換為日金</strong>
                    <span class="fact-detail">關閉後自動轉換，無須另外申請</span>
                </div>
            </div>
        </header>
        <div class="notice-intro">
            <p class="greeting">親愛的博悅ONLINE 玩家您好：</p>
            <p>感謝您一直以來對【博悅ONLINE】的支持與愛護！</p>
            <p>因應平台服務調整，寶石館將於 <strong>2026 年 11 月 18 日正式關閉</strong>。為保障玩家權益，針對寶石館關閉後的相關事項，說明如下：</p>
        </div>
        <section class="notice-section" aria-labelledby="gem-close">
            <h2 id="gem-close">一、寶石館關閉時間</h2>
            <p>寶石館將於 <strong>2026 年 11 月 18 日</strong>正式停止提供服務，屆時玩家將無法繼續使用寶石館相關功能。</p>
        </section>
        <section class="notice-section" aria-labelledby="gem-conversion">
            <h2 id="gem-conversion">二、剩餘寶石轉換方式</h2>
            <p>寶石館關閉後，玩家帳戶內尚未使用的剩餘寶石，將依照<strong>等值比例轉換為日金</strong>。</p>
        </section>
        <section class="notice-section" aria-labelledby="gem-notes">
            <h2 id="gem-notes">三、其他注意事項</h2>
            <ol>
                <li>請玩家留意寶石館關閉時間，並確認帳戶內剩餘寶石數量。</li>
                <li>剩餘寶石將於寶石館關閉後，依比例自動轉換為日金，玩家無須另外申請。</li>
   <li>寶石館押注回饋獎勵計算期限至 2026/11/17 23:59:59 止，超過上述期限所進行之押注紀錄，將不再納入押注回饋獎勵計算，敬請留意。 </li>
                <li>如對寶石轉換相關事宜有任何疑問，歡迎透過官方LINE客服（ID：@betrnk）與我們聯繫。</li>
            </ol>
            <div class="contact">
                <a class="line-link" href="https://page.line.me/844hnhzp?oat_content=url&amp;openQrModal=true" target="_blank" rel="noopener noreferrer">聯繫官方 LINE 客服</a>
                <span class="contact-id">LINE ID：@betrnk</span>
            </div>
        </section>
        <footer class="notice-closing">
            <p>再次感謝您對博悅ONLINE 的支持與理解！</p>
            <p>未來，博悅ONLINE 也將持續優化平台，為您帶來更多精彩豐富的娛樂體驗。</p>
            <p class="signature">博悅ONLINE 全體同仁敬上</p>
        </footer>
    </main>


</div>