/* Minification failed. Returning unminified contents.
(358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,26): run-time error CSS1039: Token not allowed after unary operator: '-cta-edge'
(394,134): run-time error CSS1039: Token not allowed after unary operator: '-cta-edge'
(395,32): run-time error CSS1039: Token not allowed after unary operator: '-cta-shadow-y'
(395,52): run-time error CSS1039: Token not allowed after unary operator: '-cta-shadow-blur'
(395,75): run-time error CSS1039: Token not allowed after unary operator: '-cta-shadow-color'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* 每日簽到（新版電腦版前台）— 對照每日簽到優化 Figma 桌機稿，960 白卡浮於背景畫布。
   素材走 _Common 主題 CDN：/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/ */

html, body {
    margin: 0;
    min-height: 100%;
}

body {
    background:
        url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/page-bg.svg') center top / cover no-repeat,
        linear-gradient(160deg, #d6c6f6 0%, #b79ded 55%, #a288e0 100%);
    background-attachment: fixed;
}

/* 桌機：紫色漸層背景上置中一張 960 寬白色大卡 */
#signInEventNew {
    box-sizing: border-box;
    max-width: 1040px;
    margin: 0 auto;
    font-family: Roboto, "PingFang TC", "Microsoft JhengHei", sans-serif;
    color: #3a2f56;
    padding: 48px 20px 64px;
}

/* 白色大卡 */
.sie-card {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(90, 60, 160, .35);
    padding-bottom: 40px;
}

/* ===== 頭部裝飾招牌（貼齊白卡頂部、左右滿版；吊釘凸出卡頂） ===== */
.sie-header {
    position: relative;
    margin: 0 0 10px;
    padding-bottom: 14px;
}

/* 垂幔緞帶（左右各半幅、在招牌後方下垂，於招牌下緣露出）
   以高度基準縮放：跟著招牌高度走而非螢幕寬度，寬螢幕不會爆大 */
.sie-hdr-ribbon {
    position: absolute;
    bottom: -10px;
    z-index: 1;
    width: auto;
    height: 40%;
    max-height: 120px;
}

/* 共用 ribbon-left 素材，右側水平鏡像（兩側形狀必然對稱） */
.sie-hdr-ribbon-l {
    left: 0;
}

.sie-hdr-ribbon-r {
    right: 0;
    transform: scaleX(-1);
}

/* 招牌主體（裁切後 SVG 以 100% 100% 隨內容拉伸，描述長時整張同步變高，不需另墊底色） */
.sie-hdr-banner {
    position: relative;
    z-index: 2;
    min-height: 150px;
    padding: 26px 120px 42px;
    text-align: center;
    border-radius: 20px 20px 0 0;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/header-banner.svg') no-repeat center / 100% 100%;
}

/* 吊釘（招牌上緣兩側，頂到頁面頂端） */
.sie-hdr-pin {
    position: absolute;
    top: -14px;
    z-index: 4;
    width: 30px;
}

.sie-hdr-pin-l {
    left: 24%;
}

.sie-hdr-pin-r {
    right: 24%;
}

/* 鈴鐺 / 禮物盒（招牌兩側，略微傾斜、超出邊緣） */
.sie-hdr-bell,
.sie-hdr-gift {
    position: absolute;
    z-index: 3;
    transform-origin: center;
}

/* 角度對照設計稿：鈴鐺向左下 -24.72°、禮物向右下 +14°（素材本身是正的，傾斜由 CSS 提供） */
.sie-hdr-bell {
    left: 30px;
    top: 46px;
    width: 112px;
    transform: rotate(-24.72deg);
}

.sie-hdr-gift {
    right: 30px;
    top: 50px;
    width: 106px;
    transform: rotate(14deg);
}

.sie-title {
    position: relative;
    z-index: 3;
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.35;
    color: #fff;
    letter-spacing: .5px;
    text-shadow: 0 2px 4px rgba(74, 45, 120, .35);
}

.sie-desc {
    position: relative;
    z-index: 3;
    max-width: 70%;
    margin: 8px auto 0;
    font-size: 18px;
    line-height: 1.5;
    color: #f1ecff;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ===== 活動期間（滿版膠囊；素材已設 preserveAspectRatio=none 可非等比撐滿） ===== */
.sie-period {
    box-sizing: border-box;
    width: 470px;
    max-width: 80%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    margin: -30px auto 26px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/date-range-bg.svg') no-repeat center;
    background-size: 100% 100%;
}

.sie-notstart {
    text-align: center;
    font-size: 12px;
    color: #8a6ee0;
    margin: -8px 0 14px;
}

/* ===== 任務卡 ===== */
.sie-task {
    margin: 0 36px 18px;
}

.sie-task-body {
    position: relative;
    background: #fbf9ff;
    border: 1px solid #ece3fb;
    border-radius: 16px;
    padding: 20px 24px 18px;
    box-shadow: 0 10px 26px rgba(120, 90, 200, .24);
}

/* 今日任務旗壓在藥丸提示框左端上（對照 PC 稿）；無提示框時獨立於卡片左上 */
.sie-task-title {
    position: absolute;
    top: 16px;
    left: -10px;
    z-index: 2;
    margin: 0;
    padding: 13px 30px 14px 20px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/task-title-ribbon.svg') no-repeat left center;
    background-size: 100% 100%;
}

/* 獎勵提示（淡紫底 + 虛線邊框，對照設計稿） */
.sie-task-banner {
    background: #f3eeff;
    border: 1px dashed #b39df0;
    color: #5b3fae;
    box-sizing: border-box;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 7px 20px 7px 152px;
    font-size: 14.5px;
    font-weight: 700;
    text-align: left;
    margin: -1px 0 18px;
    border-radius: 999px;
}

.sie-progress-wrap {
    position: relative;
}

/* 累積制無提示框：進度區讓出旗子高度 */
.sie-task-content > .sie-progress-wrap:first-child {
    padding-top: 52px;
}

.sie-progress-row {
    margin-bottom: 12px;
}

.sie-progress-label {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #3b3b45;
    margin-bottom: 5px;
}

.sie-progress-label .num {
    color: #26262e;
    font-weight: 800;
}

/* 進度條（三層：底軌 → 漸層填色 → 頂部高光；規格取自設計稿，高 24px） */
.sie-bar {
    position: relative;
    box-sizing: border-box;
    height: 24px;
    border: 2px solid #d1d5dc;
    border-radius: 999px;
    background: #a89ea9;
}

.sie-bar-fill {
    position: relative;
    box-sizing: content-box;
    height: 24px;
    padding-right: 2px;
    margin: -2px 0 0 -2px;
    border-radius: 999px;
    overflow: hidden;
    background: linear-gradient(90deg, #c8ddf7 0%, #b0b1ee 50%, #f5c2e3 100%);
    box-shadow: 4px 0 12px 0 #ffdfe8 inset, 0 0 20px 0 rgba(0, 0, 0, .25);
}

/* 填色頂部高光：白色漸層以 overlay 疊上填色，橫向略寬於填色並由填色裁切 */
.sie-bar-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: -5px;
    right: -5px;
    height: 14px;
    border-radius: 80px;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 76.25%);
    mix-blend-mode: overlay;
    pointer-events: none;
}

/* 各條件漸層（對照設計稿） */
.sie-bar-fill--SignDays {
    background: linear-gradient(90deg, #c8ddf7 0%, #b0b1ee 50%, #f5c2e3 100%);
}

.sie-bar-fill--Deposit {
    background: linear-gradient(90deg, #ff9dbe 0%, #ffc1d2 50%, #fff9b5 100%);
}

.sie-bar-fill--ValidBet {
    background: linear-gradient(90deg, #81caff 0%, #98fff3 50%, #fff9b5 100%);
}

/* 今日可領取列：金幣 + 金額 + ⓘ 提示 */
.sie-reward {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 10px;
}

.sie-reward-label {
    font-size: 14px;
    font-weight: 600;
    color: #6b5b8a;
}

.sie-reward-amount {
    font-size: 18px;
    font-weight: 800;
    color: #7a5fd0;
}

/* ⓘ 提示鈕 */
.sie-reward-info {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/icon-question.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    vertical-align: middle;
}

.sie-reward-tip {
    display: none;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 30;
    width: max-content;
    max-width: 320px;
    max-width: min(78vw, 320px);
    text-align: left;
    background: #3a2f56;
    color: #fff;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;
    box-shadow: 0 6px 16px rgba(58, 47, 86, .3);
}

.sie-reward-tip > span {
    display: block;
}

.sie-reward-info:hover .sie-reward-tip,
.sie-reward-tip.open {
    display: block;
}

/* 按鈕（素材圖 + CSS 陰影）
   素材放在 ::before 以九宮格拉伸（兩端圓頭不變形），陰影用 drop-shadow 畫在圖外，按鈕本身不裁切；
   立即簽到與彈窗按鈕共用，四種狀態各一張圖 */
.sie-signin-btn,
.sie-modal-btn {
    --cta-edge: 34px;
    --cta-shadow-y: 8px;
    --cta-shadow-blur: 20px;
    --cta-shadow-color: rgba(75, 55, 133, .36);
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    background: none;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 2px rgba(74, 45, 120, .3);
    cursor: pointer;
}

.sie-signin-btn {
    width: 100%;
    max-width: 640px;
    height: 69px;
    margin: 8px auto 0;
}

.sie-signin-btn::before,
.sie-modal-btn::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    border-style: solid;
    border-width: 0 var(--cta-edge);
    border-image: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/cta-btn-v2.png') 0 34 fill / 0 var(--cta-edge) stretch;
    filter: drop-shadow(0 var(--cta-shadow-y) var(--cta-shadow-blur) var(--cta-shadow-color));
    pointer-events: none;
}

.sie-signin-btn:not(:disabled):hover::before,
.sie-modal-btn:not(:disabled):hover::before {
    border-image-source: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/cta-btn-v2-hover.png');
}

.sie-signin-btn:not(:disabled):active::before,
.sie-modal-btn:not(:disabled):active::before {
    border-image-source: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/cta-btn-v2-pressed.png');
}

/* 停用：灰色圖與灰色陰影 */
.sie-signin-btn:disabled,
.sie-modal-btn:disabled,
.sie-modal-btn-cancel {
    --cta-shadow-color: rgba(78, 75, 88, .36);
    color: #f4f4f5;
    text-shadow: none;
    cursor: default;
}

.sie-signin-btn:disabled::before,
.sie-modal-btn:disabled::before,
.sie-modal-btn-cancel::before {
    border-image-source: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/cta-btn-v2-disabled.png');
}

/* 規則說明（任務卡內右下角文字連結） */
.sie-rule-row {
    text-align: right;
    margin-top: 10px;
}

.sie-rule-btn {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 14px;
    color: #9a86c8;
    cursor: pointer;
}

.sie-rule-btn::after {
    content: "›";
    margin-left: 3px;
}

/* ===== 摘要 + 簽到格 ===== */
.sie-record {
    padding: 0 36px;
}

.sie-summary {
    float: left;
    text-align: left;
    font-size: 15px;
    color: #2f2f38;
    line-height: 2;
    margin-bottom: 14px;
    /* 摘要句由多段文案組成，各段間以 \n 分隔逐句換行，各語系皆適用 */
    white-space: pre-line;
}

.sie-summary strong {
    font-weight: 800;
    color: #26262e;
}

/* 越南語系摘要句變音符號密集，額外加寬字距避免視覺擠壓誤讀 */
html[moment-lang="vi-VN"] .sie-summary {
    letter-spacing: 0.2px;
}

/* 加碼徽章與摘要同一行右側 */
.sie-summary-bonus {
    float: right;
    margin-bottom: 14px;
}

/* 淺紫底 + 細邊框 + 深紫字（對照設計稿） */
.sie-bonus-hint {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 14px;
    color: #7a5fd0;
    font-size: 13.5px;
    font-weight: 700;
    background: #f1eafd;
    border: 1px solid #cdb9f4;
}

/* 金幣 */
.coin {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/coin.svg') no-repeat center;
    background-size: contain;
}

/* 簽到格子（桌機 6 欄，頂部留空給浮出標籤） */
.sie-days {
    clear: both;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px 14px;
    padding-top: 12px;
}

/* 格高由內容決定（+N 列固定高度已確保各格等高），不再另留最小高度 */
.sie-day {
    position: relative;
    background: #e9e3fb;
    border: 1px solid #ddd2f6;
    border-radius: 12px;
    padding: 0 0 12px;
    text-align: center;
}

/* 第N天 標籤條（滿版、上緣圓角，淺紫對照設計稿） */
.sie-day-title {
    border-radius: 11px 11px 0 0;
    background: linear-gradient(90deg, #b6a0ee, #a189e2);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0;
    margin-bottom: 8px;
}

/* 格子金幣 */
.sie-day-coin .coin {
    width: 40px;
    height: 40px;
    margin: 3px 0 4px;
}

/* +N 獎勵金（位於第N天標籤與金幣之間；固定高度讓金幣統一基準） */
.sie-day-reward {
    margin: 2px 0 0;
    min-height: 18px;
    font-size: 16px;
    font-weight: 800;
    color: #7a5fd0;
    line-height: 18px;
}

/* 加碼標籤（粉紅 pill，浮在格子上緣外側、不遮第N天標題） */
.sie-day-bonus {
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    padding: 2px 9px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    max-width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: linear-gradient(90deg, #ff6fb0, #ff3d8b);
    box-shadow: 0 2px 5px rgba(255, 70, 140, .4);
}

.sie-day-bonus .coin {
    width: 12px;
    height: 12px;
    margin: 0 1px;
}

/* 已簽到：金幣轉灰 + 綠勾 */
.sie-day.signed .sie-day-coin {
    position: relative;
}

.sie-day.signed .coin {
    background-image: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/coin-checked.svg');
}

.sie-day.signed .sie-day-coin::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 2px;
    width: 18px;
    height: 18px;
    margin-right: -22px;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/icon-checked.svg') no-repeat center;
    background-size: contain;
}

/* 今天：白底 + 深紫標題條與外框（避免與粉紅加碼標籤撞色） */
.sie-day.today {
    background: #fff;
    border-color: #8a6ee0;
    box-shadow: 0 0 0 2px rgba(138, 110, 224, .35);
}

.sie-day.today .sie-day-title {
    background: linear-gradient(90deg, #8f6ce0, #7a55d4);
}

/* 補簽標籤（藍色 pill，浮在格子下緣，與頂部加碼標籤錯開不互遮） */
.sie-resign-btn {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    border: none;
    border-radius: 11px;
    padding: 2px 12px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    background: linear-gradient(90deg, #b9b3c9, #9d97b0);
    box-shadow: 0 2px 5px rgba(120, 115, 140, .35);
    cursor: pointer;
}

/* 已達補簽條件才亮藍色 */
.sie-resign-btn.reached {
    background: linear-gradient(90deg, #5aa9ff, #4a86ff);
    box-shadow: 0 2px 5px rgba(70, 130, 255, .45);
}

/* ===== 彈窗 ===== */
.sie-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(58, 47, 86, .5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    font-family: Roboto, "PingFang TC", "Microsoft JhengHei", sans-serif;
}

.sie-modal.open {
    display: flex;
}

.sie-modal-box {
    position: relative;
    width: 560px;
    max-width: 92vw;
    max-height: 82vh;
    overflow: auto;
    background: #fff;
    border-radius: 16px;
    padding: 67px 18px 18px;
}

/* 彈窗頂部標題列：全寬紫色漸層橫條（圓角由外框裁切），白字標題置中，右上角白色關閉鈕 */
.sie-modal-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 49px;
    background: linear-gradient(180deg, #b3a6f8 0%, #b499f5 100%);
    pointer-events: none;
}

.sie-modal-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 49px;
    margin: 0;
    padding: 0 40px;
    font-size: 22px;
    font-weight: 700;
    line-height: 49px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sie-modal-close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    background: url('/CdnRedirect/Web.Portal/_Common/Content/Views/SignInEvent/images/indexnew/icon-close.svg') no-repeat center;
    background-size: contain;
    font-size: 0;
    cursor: pointer;
}

.sie-modal-body {
    font-size: 13px;
    color: #4a3d6b;
    line-height: 1.7;
}

.sie-modal-body-center {
    text-align: center;
}

.sie-success-title {
    font-size: 18px;
    font-weight: 700;
    color: #7a5fd0;
    margin: 2px 0 8px;
}

.sie-success-amount {
    font-size: 15px;
    color: #4a3d6b;
    margin: 0;
}

.sie-rule-block {
    background: #ede9fe;
    border: 1px dashed #a686ff;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.7;
    color: #8b85a3;
}

/* 階梯表所在區塊內距與圓角較小（設計稿 12px） */
.sie-rule-block--tier {
    padding: 12px;
    border-radius: 12px;
}

/* 規則說明為後台富文本，內部標籤（h1~h6/p/span 等）字級統一收斂 */
.sie-rule-block * {
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 6px;
    font-weight: 400;
}

.sie-rule-block *:last-child {
    margin-bottom: 0;
}


/* 彈窗按鈕：尺寸；外觀沿用上方共用的按鈕樣式 */
.sie-modal-btn {
    width: 210px;
    max-width: 82%;
    height: 48px;
    margin: 18px auto 0;
    font-size: 16px;
    --cta-edge: 24px;
    --cta-shadow-y: 5.6px;
    --cta-shadow-blur: 14px;
}

.sie-modal-btns {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.sie-modal-btns .sie-modal-btn {
    flex: 1;
    width: auto;
    max-width: none;
    margin: 18px 0 0;
}

/* 取消鈕沿用停用態外觀區隔（外觀見上方共用的停用樣式），但仍可點擊 */
.sie-modal-btn-cancel {
    cursor: pointer;
}

/* ===== 桌機 RWD：視窗縮小時逐步收斂（960 定寬 → 窄卡 → 近手機版式） ===== */
@media (max-width: 1000px) {
    .sie-hdr-banner {
        padding: 24px 84px 40px;
    }

    .sie-hdr-bell {
        left: 20px;
        width: 72px;
    }

    .sie-hdr-gift {
        right: 20px;
        width: 70px;
    }

    .sie-title {
        font-size: 22px;
    }
}

@media (max-width: 820px) {
    #signInEventNew {
        padding: 28px 14px 48px;
    }

    .sie-task {
        margin: 0 20px 18px;
    }

    .sie-record {
        padding: 0 20px;
    }

    .sie-days {
        grid-template-columns: repeat(4, 1fr);
    }

    .sie-period {
        width: auto;
        max-width: 86%;
    }
}

@media (max-width: 560px) {
    #signInEventNew {
        padding: 0 0 40px;
    }

    /* 窄幅時旗子與藥丸改上下堆疊，避免藥丸文字被旗子讓位擠壓 */
    .sie-task-title {
        top: 14px;
        left: -8px;
        padding: 9px 24px 10px 15px;
        font-size: 15px;
    }

    .sie-task-body {
        padding-top: 58px;
    }

    .sie-task-banner {
        min-height: 0;
        padding: 9px 14px;
        margin: 0 0 14px;
        border-radius: 12px;
        justify-content: center;
        text-align: center;
    }

    .sie-task-content > .sie-progress-wrap:first-child {
        padding-top: 0;
    }

    .sie-card {
        border-radius: 0;
        box-shadow: none;
    }

    .sie-hdr-banner {
        min-height: 116px;
        padding: 22px 48px 34px;
        border-radius: 0;
    }

    .sie-hdr-pin {
        top: -2px;
        width: 26px;
    }

    .sie-hdr-bell {
        left: 6px;
        top: 42px;
        width: 56px;
    }

    .sie-hdr-gift {
        right: 6px;
        top: 44px;
        width: 54px;
    }

    .sie-title {
        font-size: 19px;
    }

    .sie-desc {
        max-width: 84%;
        font-size: 13px;
    }

    .sie-period {
        margin: -24px auto 20px;
        font-size: 12.5px;
    }

    .sie-task {
        margin: 0 14px 16px;
    }

    .sie-record {
        padding: 0 14px;
    }

    .sie-summary,
    .sie-summary-bonus {
        float: none;
        text-align: left;
    }

    .sie-days {
        gap: 22px 9px;
    }

    .sie-modal-box {
        width: 92vw;
    }
}

/* 累積制：須不中斷標示、剩餘可領取次數、階梯表 */
.sie-need-continuous {
    color: #7a5fd0;
    font-weight: 600;
}

.sie-claim-left {
    margin-top: 6px;
    text-align: right;
    font-size: 13px;
    color: #6b5b8a;
}

.sie-tier-table {
    width: 100%;
    margin-top: 4px;
    border-collapse: collapse;
    text-align: center;
}

.sie-tier-table th,
.sie-tier-table td {
    padding: 3px 6px;
    border: 1px solid #614690;
    font-size: 13px;
    font-weight: 400;
    line-height: 170%;
}

/* 表頭：奇偶欄深淺紫交錯，白字 */
.sie-tier-table th {
    color: #fff;
    background: #aa8fd5;
}

.sie-tier-table th:nth-child(even) {
    background: #8a6bc0;
}

.sie-tier-table td {
    color: #584e6e;
}

/* 目前達到的階 */
.sie-tier-table tr.current td {
    background: rgba(138, 107, 192, .2);
    font-weight: 700;
}