@charset "UTF-8";
:root{--green:#00a99d;--orange:#ff8617;--ink:#515b5b;--mint:#e8fbf8;--blue:#e7f5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.55}img{max-width:100%}.wrap{width:min(1040px,calc(100% - 40px));margin:auto}.wrap.narrow{width:min(850px,calc(100% - 40px))}.section{padding:72px 0}.section-title{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 44px;color:var(--green);font-size:30px}.section-title img{width:38px;height:38px;object-fit:contain}.campaign-hero{margin-top:68px;background:var(--mint);overflow:hidden}.hero-inner{width:min(1180px,calc(100% - 48px));height:450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-copy{flex:0 1 480px}.hero-copy h1{margin:0 0 18px;color:var(--green);font-size:39px;line-height:1.08}.hero-copy h1 span{display:inline-block;margin-left:40px}.hero-copy p{margin:0 0 20px;font-size:22px}.hero-copy small{font-size:16px}.hero-inner>img{width:min(590px,55%);height:100%;object-fit:contain}.method{text-align:center}.method h2{margin:0 0 34px;color:var(--green);font-size:27px}.method .section-title{margin-bottom:18px}.lead{margin:0 auto 22px;font-size:18px;line-height:1.8}.primary-btn{display:inline-block;padding:8px 30px;border-radius:5px;background:var(--green);color:#fff;text-decoration:none}.primary-btn.small{padding:5px 20px;font-size:14px}.prizes{background:#f3f2eb}.prize-carousel{position:relative;width:min(900px,calc(100% - 76px));margin:auto;padding-bottom:34px}.prize-viewport{overflow:hidden;touch-action:pan-y}.prize-track{display:flex;transition:transform .38s ease}.prize-card{flex:0 0 33.333%;padding:0 22px;text-align:center}.prize-card img{display:block;width:min(217px,100%);margin:auto}.prize-arrow{position:absolute;z-index:2;top:80px;width:34px;height:48px;border:0;background:transparent;color:var(--green);cursor:pointer}.prize-arrow:before{content:"";position:absolute;top:12px;width:20px;height:20px;border-top:3px solid;border-left:3px solid}.prize-prev{left:-38px}.prize-prev:before{left:10px;transform:rotate(-45deg)}.prize-next{right:-38px}.prize-next:before{right:10px;transform:rotate(135deg)}.prize-dots{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:9px}.prize-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#c9d5d3}.prize-dot.is-active{background:var(--green)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mission-card{position:relative;min-height:300px;display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;padding:34px 36px;border-radius:36px;background:var(--blue);box-shadow:inset -13px -12px 0 rgba(0,166,156,.13)}.mission-main{grid-column:1/-1;min-height:230px;grid-template-columns:160px 1fr}.mission-card>img{width:130px}.mission-main>img{width:150px}.mission-mark{position:absolute;top:-18px;left:-18px;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:22px}.mission-card h3{margin:0 0 8px;color:var(--green);font-size:25px}.mission-card p{margin:0 0 8px;font-size:18px}.mission-card strong{display:block;color:#ef3434;font-size:22px}.mission-card small{display:block;margin-top:14px}.atm-location h2{margin:0 0 34px;color:var(--green);font-size:26px;text-align:center}.map-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #b4d8d3}.map-tabs button{flex:1;padding:12px;border:0;background:#fff;color:#81bbb5;cursor:pointer}.map-tabs button[aria-selected=true]{color:var(--green);font-weight:700;border-bottom:3px solid var(--green)}.map-panel{text-align:center}.map-panel img{display:block;width:100%;border-radius:12px}.map-panel p{margin:14px 0 0}.steps-section{padding-top:44px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:42px}.steps article{min-height:155px;padding:22px 12px;border:1.5px solid var(--green);border-radius:18px;text-align:center}.steps strong{color:var(--green);font-size:20px}.steps p{margin:10px 0;font-size:16px}.mascot-note{background:var(--mint)}.mascot-inner{width:min(900px,calc(100% - 40px));min-height:220px;margin:auto;display:flex;align-items:center;gap:38px}.mascot-inner img{width:190px;height:170px;object-fit:contain}.mascot-inner p{position:relative;flex:1;margin:0;padding:28px 34px;border-radius:7px;background:#fff;text-align:center}.mascot-inner p:before{content:"";position:absolute;left:-18px;top:35px;border-width:14px 20px 14px 0;border-style:solid;border-color:transparent #fff transparent transparent}.notice{min-height:360px}.notice-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:16px;padding:0;border:0;background:transparent;color:var(--green);font-size:28px;cursor:pointer}.notice-toggle span{display:flex;align-items:center;gap:10px}.notice-toggle img{width:34px}.notice-toggle i{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid currentColor;transition:transform .2s}.notice-toggle[aria-expanded=true] i{transform:rotate(180deg)}#notice-document{margin-top:34px;padding:24px;border-top:1px solid #ddd;text-align:center}#notice-document[hidden]{display:none}
@media(max-width:768px){.campaign-hero{margin-top:62px}.hero-inner{height:auto;min-height:520px;flex-direction:column;padding:42px 0 24px;text-align:center}.hero-copy{flex:none}.hero-copy h1{font-size:32px}.hero-copy h1 span{margin-left:0}.hero-copy p{font-size:18px}.hero-inner>img{width:min(500px,100%);height:280px}.section{padding:54px 0}.section-title{margin-bottom:32px;font-size:27px}.method h2{font-size:21px}.lead{font-size:16px;text-align:left}.prize-card{flex-basis:50%;padding:0 10px}.mission-grid{grid-template-columns:1fr;gap:38px}.mission-main{grid-column:auto}.mission-card,.mission-main{min-height:0;grid-template-columns:100px 1fr;padding:30px 24px;border-radius:25px}.mission-card>img,.mission-main>img{width:100px}.mission-mark{left:-10px;width:54px;height:54px;font-size:18px}.mission-card p{font-size:16px}.steps{grid-template-columns:1fr 1fr;gap:16px}.mascot-inner{padding:28px 0;flex-direction:column;gap:8px}.mascot-inner img{width:150px;height:130px}.mascot-inner p:before{display:none}.notice{min-height:280px}.notice-toggle{font-size:25px}}
/* web1：任務說明採單欄時間軸，不使用簡報註解中的藍底雙欄草稿 */
.missions .wrap{width:min(720px,calc(100% - 40px))}.mission-grid{position:relative;display:block;padding-left:84px}.mission-grid:before{content:"";position:absolute;top:46px;bottom:46px;left:29px;width:1px;background:var(--green)}.mission-card,.mission-main{position:relative;min-height:0;display:grid;grid-template-columns:112px 1fr;gap:26px;margin:0 0 34px;padding:24px 28px;border:1px solid var(--green);border-radius:4px;background:#fff;box-shadow:none}.mission-card>img,.mission-main>img{width:108px}.mission-mark{top:24px;left:-84px;width:58px;height:58px;border:2px solid var(--orange);background:#fff;color:var(--orange);font-size:17px}.mission-card h3{font-size:21px}.mission-card p{font-size:16px}.mission-card strong{font-size:18px}.notice{min-height:360px}.notice .wrap.narrow{width:min(930px,calc(100% - 40px))}#notice-document{text-align:left;color:#111;font-size:14px;line-height:1.55}.notice-list{margin:0;padding:0;list-style:none}.notice-line{margin:0}.notice-level-0{margin-top:3px;padding-left:1.85em;text-indent:-1.85em}.notice-level-1{padding-left:calc(12px + 1.85em);text-indent:-1.85em}.notice-level-2{padding-left:calc(30px + 1em);text-indent:-1em}.notice-level-4{padding-left:calc(50px + 1.55em);text-indent:-1.55em}.notice-unmarked.notice-indent-1{padding-left:24px}.notice-unmarked.notice-indent-2{padding-left:48px}.notice-prize-table{width:min(620px,calc(100% - 48px));margin:12px 0 16px 48px;border-collapse:collapse}.notice-prize-table th,.notice-prize-table td{padding:8px 12px;border:1px solid #999}.notice-prize-table th{background:var(--green);color:#fff}.notice-prize-table th:last-child,.notice-prize-table td:last-child{width:100px;text-align:center}.word-red{color:#f00}.word-bold{font-weight:700}.word-link{color:var(--green);text-decoration:underline}
@media(max-width:768px){.missions .wrap{width:calc(100% - 36px)}.mission-grid{padding-left:58px}.mission-grid:before{left:24px}.mission-card,.mission-main{grid-template-columns:88px 1fr;gap:18px;padding:22px 18px}.mission-card>img,.mission-main>img{width:84px}.mission-mark{left:-58px;width:48px;height:48px;top:20px}.notice .wrap.narrow{width:calc(100% - 28px)}#notice-document{font-size:13px}.notice-level-1{padding-left:calc(8px + 1.85em)}.notice-level-2{padding-left:calc(20px + 1em)}.notice-level-4{padding-left:calc(34px + 1.55em)}.notice-unmarked.notice-indent-1{padding-left:18px}.notice-unmarked.notice-indent-2{padding-left:36px}.notice-prize-table{width:calc(100% - 30px);margin-left:30px;font-size:12px}}
@media(max-width:480px){.wrap,.wrap.narrow{width:calc(100% - 28px)}.hero-inner{width:calc(100% - 28px);min-height:500px}.hero-copy h1{font-size:29px}.hero-copy p br{display:none}.method h2{font-size:19px}.prize-carousel{width:calc(100% - 52px)}.prize-card{flex-basis:100%}.prize-prev{left:-27px}.prize-next{right:-27px}.mission-grid{padding-left:46px}.mission-grid:before{left:19px}.mission-card,.mission-main{grid-template-columns:1fr;gap:10px;padding:24px 18px;text-align:left}.mission-card>img,.mission-main>img{width:82px;margin:0}.mission-mark{left:-46px;width:40px;height:40px;font-size:14px}.steps{grid-template-columns:1fr}.atm-location h2{font-size:22px}}

/* 沿用前一版獎項說明 */
.prizes{background:#fff}.prizes h2{margin-bottom:42px}.prize-carousel{width:min(900px,calc(100% - 82px));padding-bottom:38px}.prize-viewport{cursor:grab}.prize-viewport.is-dragging{cursor:grabbing}.prize-track{transition:transform .42s ease}.prize-card{flex-basis:33.3333333333%;padding:0 18px}.prize-card img{height:auto;pointer-events:none;-webkit-user-drag:none;user-select:none}.prize-arrow{top:78px;width:38px;height:54px}.prize-arrow:before{top:13px;width:22px;height:22px}.prize-prev{left:-46px}.prize-prev:before{left:12px}.prize-next{right:-46px}.prize-next:before{right:12px}.prize-dots{gap:10px}.prize-dot{width:10px;height:10px;cursor:pointer}
@media(max-width:768px){.prize-carousel{width:calc(100% - 46px)}.prize-card{flex-basis:50%;padding:0 8px}.prize-arrow{top:82px;width:30px;height:44px}.prize-arrow:before{top:12px;width:17px;height:17px}.prize-prev{left:-31px}.prize-next{right:-31px}}
@media(max-width:520px){.prize-card{flex-basis:100%;padding:0 12px}}

/* 任務說明：依設計稿採單欄卡片，圓形任務圖標疊在卡片左上角 */
.missions .wrap{width:min(650px,calc(100% - 40px))}
.missions .mission-grid{display:flex;flex-direction:column;gap:68px;padding:28px 0 0 28px}
.missions .mission-grid:before{content:none}
.missions .mission-card,.missions .mission-main{position:relative;min-height:190px;display:block;margin:0;padding:24px 46px;border:1px solid var(--green);border-radius:8px;background:#fff;box-shadow:none}
.missions .mission-card:first-child{min-height:248px}
.missions .mission-card>img.mission-mark,.missions .mission-main>img.mission-mark{position:absolute;z-index:1;top:-17px;left:-30px;width:62px;height:62px;max-width:none;margin:0}
.missions .mission-card h3{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 24px;font-size:23px}
.missions .mission-card h3 img{width:27px;height:27px;object-fit:contain}
.missions .mission-card p{margin:0 0 22px;font-size:18px;line-height:1.4}
.missions .mission-card p:last-child{margin-bottom:0}
.missions .mission-card strong{display:inline;color:var(--orange);font-size:30px;font-weight:500}
.missions .mission-card small{margin-top:26px;font-size:15px;line-height:1.35}
.missions .mission-card small span,.missions .mission-card p span{color:var(--green)}
@media(max-width:768px){.missions .mission-grid{gap:50px;padding:24px 0 0 20px}.missions .mission-card,.missions .mission-main{padding:24px 26px 24px 34px}.missions .mission-card>img.mission-mark,.missions .mission-main>img.mission-mark{top:-14px;left:-22px;width:54px;height:54px}.missions .mission-card h3{font-size:21px}.missions .mission-card p{font-size:16px}}
@media(max-width:480px){.missions .mission-grid{padding-left:18px}.missions .mission-card,.missions .mission-main{padding:26px 20px 24px 28px;text-align:left}.missions .mission-card>img.mission-mark,.missions .mission-main>img.mission-mark{left:-20px;width:48px;height:48px}.missions .mission-card h3{margin-bottom:20px}.missions .mission-card small{font-size:13px}}

.method-highlight-orange{color:var(--orange);font-weight:700}
.method-highlight-green{color:var(--green);font-weight:700}
.prizes{background:#f3f2eb}
.atm-location h2{display:flex;align-items:center;justify-content:center;gap:8px}
.atm-location h2 img{width:30px;height:30px;object-fit:contain}
#notice-document{border-top:0}

/* 黑熊小提醒 */
.mascot-note{background:#f3f2eb}
.mascot-inner{width:min(760px,calc(100% - 40px));min-height:270px;justify-content:center;gap:44px}
.mascot-inner img{flex:0 0 auto;width:150px;height:auto;max-height:205px;object-fit:contain}
.mascot-inner p{flex:0 1 610px;padding:27px 40px;text-align:left;font-size:18px;line-height:1.45}
.mascot-inner p:before{top:50%;transform:translateY(-50%)}
@media(max-width:768px){.mascot-inner{min-height:0;padding:22px 0;flex-direction:row;gap:18px}.mascot-inner img{width:92px;height:auto;max-height:118px}.mascot-inner p{width:auto;padding:18px 20px;font-size:14px;text-align:left}.mascot-inner p:before{display:block;left:-13px;border-width:10px 14px 10px 0}}
@media(max-width:480px){.mascot-inner{width:calc(100% - 28px);padding:18px 0;gap:12px}.mascot-inner img{width:72px;max-height:92px}.mascot-inner p{padding:14px 15px;font-size:13px;line-height:1.4}}

/* KV 圖面與頂緣保留適當間距 */
.hero-inner>img{padding-top:26px}
@media(max-width:768px){.hero-inner>img{padding-top:14px}}

.map-zoom-surface{overflow:hidden;border-radius:12px}
.map-zoom-surface img{transform-origin:center;will-change:transform}
@media(max-width:768px){.map-zoom-surface{touch-action:none}}

/* 細緻的互動與進場效果 */
.primary-btn,.map-tabs button,.prize-arrow,.prize-dot{transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}
.primary-btn:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,169,157,.24)}
.primary-btn:active{transform:translateY(0);box-shadow:0 3px 8px rgba(0,169,157,.18)}
.primary-btn:focus-visible,.map-tabs button:focus-visible,.prize-arrow:focus-visible,.prize-dot:focus-visible,.notice-toggle:focus-visible{outline:3px solid rgba(255,134,23,.45);outline-offset:4px}
.map-tabs button:hover{color:var(--green);background:rgba(0,169,157,.05)}
.map-tabs button[aria-selected=true]{background:linear-gradient(to bottom,transparent 70%,rgba(0,169,157,.08))}
.prize-arrow:hover{transform:scale(1.12)}
.prize-dot:hover{transform:scale(1.35)}
.mission-card{transition:transform .28s ease,box-shadow .28s ease}
.mission-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,169,157,.1)}
.mission-mark{transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.mission-card:hover .mission-mark{transform:rotate(-7deg) scale(1.06)}
.map-panel:not([hidden]){animation:map-panel-in .32s ease both}
.notice-toggle i{transform-origin:center}
.notice-toggle:hover span{opacity:.82}
.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .62s ease,transform .62s cubic-bezier(.22,1,.36,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.mission-card.reveal-on-scroll:nth-child(2),.steps article.reveal-on-scroll:nth-child(2){transition-delay:.07s}
.mission-card.reveal-on-scroll:nth-child(3),.steps article.reveal-on-scroll:nth-child(3){transition-delay:.14s}
.steps article.reveal-on-scroll:nth-child(4){transition-delay:.21s}
@keyframes map-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:768px){.mission-card:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-btn,.map-tabs button,.prize-arrow,.prize-dot,.mission-card,.mission-mark,.reveal-on-scroll{transition:none}.map-panel:not([hidden]){animation:none}.reveal-on-scroll{opacity:1;transform:none}.primary-btn:hover,.prize-arrow:hover,.prize-dot:hover,.mission-card:hover,.mission-card:hover .mission-mark{transform:none}}