/* 僅供 /continue 預覽的延續方案公告卡。 */
.campaign-announcement.continuation-notice { grid-column:1 / -1; order:4; width:min(1160px,100%); max-width:none; margin:0; padding:0; overflow:hidden; border:2px solid #269bd5; border-radius:24px; background:linear-gradient(145deg,#fff,#f5fcff); box-shadow:0 14px 34px rgb(5 74 122 / 11%); color:#18384f; font-size:17px; font-weight:400; line-height:1.55; text-align:left; }
.continuation-notice__header { display:grid; grid-template-columns:minmax(280px,1fr) minmax(390px,620px); gap:28px; align-items:center; padding:26px 38px 24px; color:#fff; background:linear-gradient(120deg,#06457e,#087dc1 63%,#2aa9e8); }
.continuation-notice__header h2 { margin:0; color:inherit; font-size:clamp(28px,3.5vw,42px); line-height:1.12; letter-spacing:.04em; }
.continuation-notice__header p { margin:4px 0 0; font-size:clamp(15px,1.8vw,18px); font-weight:600; }
.continuation-period { display:grid; grid-template-columns:48px 1fr; gap:13px; align-items:center; padding:14px 18px; border:1px solid #a9dcf4; border-radius:17px; background:rgb(241 250 255 / 95%); box-shadow:0 8px 22px rgb(0 61 109 / 15%); color:#06457e; }
.continuation-period__icon { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:#0786c8; color:#fff; font-size:21px; }
.continuation-period b { display:block; color:#087dc1; font-size:14px; letter-spacing:.08em; }
.continuation-period strong { display:block; color:#06457e; font-size:clamp(16px,1.7vw,21px); line-height:1.45; white-space:nowrap; }
.continuation-notice__body { padding:24px 38px 28px; }
.continuation-notice__body > p { margin:0 0 5px; }
.continuation-notice strong { color:#06457e; }
.continuation-rewards { margin-top:14px; padding:16px 18px 18px; border:1px solid #b8e2f6; border-radius:18px; background:linear-gradient(135deg,#eef9ff 0%,#fff 54%,#e8f7ff 100%); }
.continuation-rewards h3,.continuation-notes h3 { display:flex; align-items:center; gap:8px; margin:0 0 12px; color:#06457e; font-size:21px; line-height:1.15; }
.continuation-rewards h3::before,.continuation-notes h3::before { width:6px; height:22px; border-radius:99px; background:linear-gradient(#2aa9e8,#087dc1); content:""; }
.continuation-rewards ol { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin:0; padding:0; list-style:none; }
.continuation-rewards li { min-height:148px; padding:15px 14px 12px; border:1px solid #c8e8f8; border-radius:15px; background:rgb(255 255 255 / 94%); box-shadow:0 6px 18px rgb(7 75 122 / 6%); }
.continuation-reward { display:flex; flex-direction:column; }
.continuation-rewards li>b { align-self:flex-start; display:inline-block; margin-bottom:7px; padding:2px 8px; border-radius:99px; background:#e8f7ff; color:#087dc1; font-size:12px; }
.continuation-rewards li>strong { display:block; font-size:17px; }
.continuation-reward__certificate { display:block; width:clamp(76px,9vw,112px); height:auto; margin:auto auto 0; object-fit:contain; }
.continuation-rewards__gold { border-color:#f2d28d!important; background:linear-gradient(145deg,#fffef8,#fff7df)!important; }
.continuation-rewards__gold>b { background:#fff0c7!important; color:#936000!important; }
.continuation-rewards__gold>span { display:block; margin-top:auto; padding:5px 9px 3px; border-radius:9px; background:#fff0c7; color:#6d4700; font-size:13px; font-weight:800; line-height:1.4; }
.continuation-rewards__gold small { font-size:12px; font-weight:600; }
.continuation-rewards__gold { position:relative; }
.continuation-rewards__gold>strong { padding-right:130px; }
.continuation-rewards__gold .continuation-reward__certificate { position:absolute; top:14px; right:20px; width:112px; margin:0; }
.continuation-rewards__gold>span { margin-bottom:4px; }
.continuation-notes { margin-top:18px; }
.continuation-notes h3 { margin-bottom:8px; }
.continuation-notes ol { margin:0; padding:0; list-style:none; counter-reset:notice; }
.continuation-notes li { position:relative; counter-increment:notice; margin:0 0 7px; padding-left:34px; }
.continuation-notes li::before { position:absolute; top:1px; left:0; display:grid; width:23px; height:23px; place-items:center; border-radius:50%; background:#087dc1; color:#fff; content:counter(notice); font-size:12px; font-weight:900; }
.continuation-notice__fine { margin:12px 0 0!important; color:#587386; font-size:13px; }
@media (max-width:960px) { .continuation-notice__header { grid-template-columns:1fr; gap:14px; padding-right:26px; padding-left:26px; } .continuation-period { max-width:650px; } .continuation-rewards ol { grid-template-columns:1fr; } .continuation-rewards li { min-height:0; } .continuation-reward__certificate { width:112px; } }
@media (max-width:520px) { .campaign-announcement.continuation-notice { border-width:1.5px; border-radius:17px; font-size:15px; } .continuation-notice__header { padding:22px 20px 20px; } .continuation-notice__body { padding:21px 20px 25px; } .continuation-period { grid-template-columns:38px 1fr; padding:10px 11px; } .continuation-period__icon { width:38px; height:38px; font-size:18px; } .continuation-period b { font-size:12px; } .continuation-period strong { font-size:14px; white-space:normal; } .continuation-rewards h3,.continuation-notes h3 { font-size:19px; } .continuation-notes li { padding-left:31px; font-size:14px; } }