<div class="raw-html-embed"><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>母親節VIP專屬感恩禮</title>

<script>
function copyCode(text) {
    navigator.clipboard.writeText(text).then(function() {
        alert("已複製：" + text);
    });
}
</script>

<style>
.activity-wrapper {
    max-width: 100%;
    margin: 20px auto;
    padding: 24px;
    border: 3px solid #8B7FD3;
    border-radius: 16px;
    background: linear-gradient(180deg, #2a0a5e, #3d1a78);
    font-family: 'Microsoft JhengHei','Noto Sans TC','Segoe UI',Arial,sans-serif;
    box-shadow: 0 0 20px rgba(139,127,211,0.4), inset 0 0 30px rgba(255,255,255,0.05);
    color: #ffffff;
}

.activity-wrapper p {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
}

.activity-wrapper .section-title {
    font-size: 18px;
    font-weight: 800;
    margin: 6px 0 12px;
    color: #f1db96;
    position: relative;
}

.activity-wrapper .section-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 2px;
    margin-top: 6px;
    background: linear-gradient(90deg, #f3d27a, transparent);
    opacity: .9;
    transition: all 0.3s ease;
}

.activity-wrapper .section-title:hover::after {
    width: 96px;
}

.activity-wrapper .main-title {
    margin-top: 10px;
    text-align: center;
    font-size: 28px;
    color: #f1db96;
    text-shadow: 0 0 10px rgba(241,219,150,0.5);
    font-weight: 900;
}

.activity-wrapper .sub-title {
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    margin-bottom: 28px;
}

.activity-wrapper .tag-row {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin: 26px 0;
    flex-wrap: wrap;
}

.activity-wrapper .tag {
    background: linear-gradient(135deg, rgba(241,219,150,0.95), rgba(243,210,122,0.75));
    padding: 12px 22px;
    border-radius: 25px;
    color: #2a0a5e;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 4px 15px rgba(241,219,150,0.3);
}

.activity-wrapper .date-box {
    background: linear-gradient(135deg, rgba(241,219,150,0.95), rgba(243,210,122,0.75));
    color: #2a0a5e;
    padding: 16px 22px;
    border-radius: 14px;
    text-align: center;
    font-weight: 900;
    font-size: 18px;
    margin: 18px 0 24px;
    box-shadow: 0 4px 16px rgba(241,219,150,0.25);
}

.activity-wrapper .participation-steps {
    background: linear-gradient(135deg, rgba(139,127,211,0.1), rgba(93,58,155,0.05));
    border: 2px solid rgba(139,127,211,0.3);
    border-radius: 12px;
    padding: 20px;
    margin: 16px 0 24px;
    box-shadow: 0 4px 12px rgba(139,127,211,0.15);
    transition: all 0.3s ease;
}

.activity-wrapper .participation-steps:hover {
    border-color: rgba(139,127,211,0.5);
    box-shadow: 0 6px 20px rgba(139,127,211,0.25);
    transform: translateY(-2px);
}

.activity-wrapper .step-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;
    padding: 12px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.activity-wrapper .step-item:hover {
    background: rgba(255,255,255,0.1);
    transform: translateX(4px);
}

.activity-wrapper .step-item:last-child {
    margin-bottom: 0;
}

.activity-wrapper .step-number {
    background: linear-gradient(135deg, #8B7FD3, #5D3A9B);
    color: white;
    font-weight: bold;
    font-size: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(139,127,211,0.3);
}

.activity-wrapper .step-text {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
    flex: 1;
    padding-top: 4px;
}

.activity-wrapper .code-list {
    background: linear-gradient(135deg, rgba(241,219,150,0.1), rgba(243,210,122,0.05));
    border: 2px solid rgba(241,219,150,0.3);
    border-radius: 12px;
    padding: 18px;
    margin: 16px 0 24px;
    box-shadow: 0 4px 12px rgba(241,219,150,0.15);
}

.activity-wrapper .code-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(139,127,211,0.18), rgba(93,58,155,0.12));
    border-left: 4px solid rgba(241,219,150,0.75);
    border-radius: 0 12px 12px 0;
    color: #ffffff;
    font-size: 15px;
    transition: all 0.3s ease;
}

.activity-wrapper .code-item:hover {
    background: linear-gradient(135deg, rgba(139,127,211,0.28), rgba(93,58,155,0.18));
    transform: translateX(4px);
    box-shadow: 0 4px 14px rgba(139,127,211,0.25);
}

.activity-wrapper .code-item:last-child {
    margin-bottom: 0;
}

.activity-wrapper .vip-label {
    color: #f1db96;
    font-weight: 900;
    margin-right: 8px;
}

.activity-wrapper .code-text {
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.activity-wrapper .copy-btn {
    background: linear-gradient(135deg, #8B7FD3, #5D3A9B);
    color: #ffffff;
    border: none;
    padding: 7px 14px;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 3px 8px rgba(139,127,211,0.35);
    transition: all 0.3s ease;
}

.activity-wrapper .copy-btn:hover {
    background: linear-gradient(135deg, #b4a4ff, #8B7FD3);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(139,127,211,0.5);
}

.activity-wrapper .redeem-link-box {
    background: linear-gradient(135deg, rgba(241,219,150,0.1), rgba(243,210,122,0.05));
    border: 2px solid rgba(241,219,150,0.3);
    border-radius: 12px;
    padding: 18px;
    margin: 16px 0 24px;
    text-align: center;
    transition: all 0.3s ease;
}

.activity-wrapper .redeem-link-box:hover {
    border-color: rgba(241,219,150,0.5);
    box-shadow: 0 6px 20px rgba(241,219,150,0.25);
    transform: translateY(-2px);
}

.activity-wrapper .redeem-btn {
    display: inline-block;
    background: linear-gradient(135deg, #f1db96, #f3d27a);
    color: #2a0a5e;
    text-decoration: none;
    padding: 13px 26px;
    border-radius: 10px;
    font-weight: 900;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(241,219,150,0.28);
    transition: all 0.3s ease;
}

.activity-wrapper .redeem-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(241,219,150,0.45);
}

.activity-wrapper .styled-list {
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.activity-wrapper .styled-list li {
    margin-bottom: 12px;
    padding: 12px 18px;
    background: linear-gradient(135deg, rgba(139,127,211,0.08), rgba(93,58,155,0.05));
    border-left: 4px solid rgba(139,127,211,0.7);
    border-radius: 0 12px 12px 0;
    transition: all 0.3s ease;
    color: #ffffff;
    line-height: 1.7;
}

.activity-wrapper .styled-list li::before {
    content: '🌟';
    margin-right: 10px;
    font-size: 14px;
}

.activity-wrapper .styled-list li:hover {
    border-left-color: #8B7FD3;
    border-radius: 0 15px 15px 0;
}

.activity-wrapper .ending-title {
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    color: #f1db96;
    text-shadow: 0 0 10px rgba(241,219,150,0.5);
    font-weight: 900;
}

@media screen and (max-width: 768px) {
    .activity-wrapper {
        padding: 16px;
        margin: 10px auto;
    }

    .activity-wrapper .main-title {
        font-size: 22px;
    }

    .activity-wrapper .sub-title {
        font-size: 14px;
    }

    .activity-wrapper .tag {
        font-size: 13px;
        padding: 10px 16px;
    }

    .activity-wrapper .code-item {
        font-size: 14px;
        padding: 10px 12px;
    }

    .activity-wrapper .copy-btn {
        padding: 6px 10px;
        font-size: 13px;
    }

    .activity-wrapper .step-text {
        font-size: 13px;
    }
}
</style>

<div class="activity-wrapper">

    <h2 class="section-title main-title" style="margin-top:10px;text-align:center;font-size:28px;color:#f1db96;text-shadow:0 0 10px rgba(241,219,150,0.5);">
        🎀 母親節VIP專屬感恩禮
    </h2>

    <p class="sub-title">
        複製對應等級序號，前往兌換碼頁面領取專屬日金獎勵
    </p>

    <div class="tag-row">
        <div class="tag">🎁 VIP專屬序號</div>
        <div class="tag">💝 母親節感恩回饋</div>
        <div class="tag">⏰ 當日限定領取</div>
    </div>

    <div class="date-box">
        📅 指定兌換日：2026/05/06
    </div>

    <h2 class="section-title">🧧 活動內容</h2>
    <div class="participation-steps">
        <div class="step-item">
            <span class="step-number">1</span>
            <span class="step-text">活動期間登入您的博悅遊戲帳號。</span>
        </div>
        <div class="step-item">
            <span class="step-number">2</span>
            <span class="step-text">確認目前遊戲帳號 VIP 等級。</span>
        </div>
        <div class="step-item">
            <span class="step-number">3</span>
            <span class="step-text">複製下方對應 VIP 序號，點擊「輸入兌換碼」前往兌換。</span>
        </div>
    </div>

    <h2 class="section-title">🎁 VIP專屬序號</h2>
    <div class="code-list">

        <div class="code-item">
            <div><span class="vip-label">VIP1</span>｜<span class="code-text">VIP1D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP1D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP2</span>｜<span class="code-text">VIP2D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP2D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP3</span>｜<span class="code-text">VIP3D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP3D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP4</span>｜<span class="code-text">VIP4D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP4D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP5</span>｜<span class="code-text">VIP5D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP5D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP6</span>｜<span class="code-text">VIP6D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP6D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP7</span>｜<span class="code-text">VIP7D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP7D506')">複製</button>
        </div>

        <div class="code-item">
            <div><span class="vip-label">VIP8</span>｜<span class="code-text">VIP8D506</span></div>
            <button class="copy-btn" onclick="copyCode('VIP8D506')">複製</button>
        </div>

    </div>

    <h2 class="section-title">🔗 前往兌換</h2>
    <div class="redeem-link-box">
        <p style="margin-top:0;">複製序號後，請點擊下方按鈕前往 WEB 版輸入兌換碼。</p>
        <a href="https://www.betrnkonline.com/zh_tw/play-game/m?scene=redeem" target="_blank" class="redeem-btn">
            輸入兌換碼
        </a>
    </div>

    <h2 class="section-title">⚠️ 注意事項</h2>
    <ul class="styled-list">
        <li>每個遊戲帳號每日限領一次。</li>
        <li>請依照目前 VIP 等級使用對應序號，跨等級兌換將無法成功領取。</li>
        <li>本日序號僅限 2026/05/06 當日使用，逾期將無法補發。</li>
        <li>需登入博悅遊戲帳號後，方可成功兌換獎勵。</li>
    </ul>

    <h2 class="section-title ending-title">
        💝 母親節感恩回饋開放中，專屬好禮請把握領取！
    </h2>

</div></div>

博悅

🎀 母親節限定｜連續7日免費序號放送