:root{color-scheme:light;--ink:#24252a;--accent:#b08b46;--gold:#e6c887;--red:#b14542;--line:#dddfe2;--muted:#62636b}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth}
body{margin:0;background:#17181c;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:96px}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
a{-webkit-tap-highlight-color:transparent}
.content-width{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{background:#17181c;color:#fff;border-bottom:1px solid #c9aa6933}
.header-inner{width:min(1200px,calc(100% - 40px));margin:auto;min-height:80px;padding-block:6px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.wordmark{flex-shrink:0}
.wordmark img{width:128px;height:auto;object-fit:contain}
.header-label{font-size:12px;color:#d8c49e;border-left:1px solid #766445;padding-left:16px}
.hero{background:#202126;color:#f6f5f2}
.hero-art{background:#121316}.hero-art img{width:100%;height:auto;max-height:540px;object-fit:contain;margin-inline:auto}
.hero-copy{padding-top:28px;padding-bottom:36px;display:grid;gap:28px}
.eyebrow{font-size:11px;font-weight:700;color:var(--gold);margin-bottom:10px}
h1{font-size:36px;line-height:1.2;font-weight:900}
.hero-lead{font-size:19px;margin-top:14px;line-height:1.6;color:#d2d1cf}.hero-lead strong{color:var(--gold)}
.journey{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #d6bd8233;padding-top:22px;max-width:430px}
.journey span{font-size:12px;color:#d2d1cf;white-space:nowrap}.journey b{display:block;font-size:22px;color:var(--gold);margin-bottom:3px}.journey i{font-style:normal;color:#a49069}
.mission-stage{padding:44px 0 48px}
.stage-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative}
.step-label{width:58px;flex:0 0 58px;border-right:1px solid #b9a07866;padding-right:12px;color:#80632e}.step-label span{font-size:10px;font-weight:800}.step-label b{display:block;font-family:Georgia,serif;font-size:38px;line-height:1.1}
.section-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px}
h2{font-size:23px;line-height:1.45;font-weight:850}h2 span{display:inline-block}
.stage-count{display:none;margin-left:auto;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:4px}
.task-grid{display:grid;gap:14px}.task-card{background:#fff;border:1px solid var(--line);border-top:3px solid #b79a61;border-radius:8px;padding:23px;box-shadow:0 6px 18px #17181c05}
.task-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.task-index{font-size:11px;color:var(--muted);font-weight:800}
.check-mark{width:24px;height:24px;display:grid;place-items:center;color:#86662a;background:#f3eddf;border-radius:50%;font-size:14px;font-weight:900}
h3{font-size:21px;line-height:1.4;font-weight:800}.task-card>p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.75}
.reward{display:flex;align-items:baseline;gap:9px;margin-top:16px;color:#806128}.reward strong{font-family:Arial,sans-serif;font-weight:800;font-size:46px;line-height:1.15;font-variant-numeric:tabular-nums}.reward>span{font-size:14px;font-weight:700}
.card-bottom{border-top:1px solid #e6e6e7;padding-top:14px;margin-top:18px;font-size:12px;line-height:1.7;color:var(--muted)}
.stage-first{background:#f3f3f5}.stage-second{background:#e8e9ec;border-top:1px solid #dadbdf;border-bottom:1px solid #dadbdf}
.stage-second .task-card{background:#fafafb;border-top:3px solid #a84543}
.service-note{display:flex;align-items:center;gap:10px;margin-top:20px;color:#8c3634;font-size:14px}.service-note>span{width:20px;height:20px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Arial,sans-serif;font-weight:bold}
.stage-bonus{background:#24252b;color:#f5f4f0;--muted:#c3c2c7;--red:#e6c887}.stage-bonus .step-label{color:var(--red)}.stage-bonus .section-label{color:var(--red)}
.bonus-layout{display:grid;border-top:1px solid #796d514f;border-bottom:1px solid #796d514f}
.bonus-copy{padding:26px 0}.bonus-copy .task-index{margin-bottom:12px;color:var(--red)}.bonus-copy>p:not(.task-index){font-size:15px;line-height:1.8;color:var(--muted);margin-top:8px}.bonus-copy .conditions-intro{padding-top:14px}
.friend-steps{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0 0;gap:10px 18px}.friend-steps li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.friend-steps li span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #cda8a0;border-radius:50%;font-size:11px;color:var(--red)}
.bonus-reward{border-top:1px solid #796d514f;padding:26px 0 30px}.bonus-reward>p{font-size:13px;color:var(--muted)}.bonus-reward .reward{color:var(--red);margin-top:8px}.bonus-reward .reward strong{font-size:68px}.bonus-reward .reward>span{font-size:17px}.reward-caption{display:inline-block;font-size:12px;color:var(--red);margin-top:14px}
.brand-closing{padding:35px 20px 38px;background:#eeeef1;text-align:center}.brand-closing>span{font-size:11px;font-weight:800;color:#757078}.brand-closing p{font-size:21px;line-height:1.65;margin-top:9px}.brand-closing strong{white-space:nowrap;color:#9c3f3e}
.site-footer{background:#17181c;color:#bdbdc5;padding:35px 0 46px}.footer-layout{display:grid;grid-template-columns:56px minmax(0,1fr);gap:17px}.age-badge{display:flex;align-items:center;justify-content:center;align-self:start;aspect-ratio:1;border:2px solid #9a6060;border-radius:8px;font:bold 25px Arial,sans-serif;color:#e2b6b3}.age-badge span{font-size:18px}
.site-footer h2{font-size:17px;color:var(--gold);margin-bottom:12px}.site-footer p{font-size:11px;line-height:1.9;margin-top:12px;overflow-wrap:anywhere}
.cta-dock{position:fixed;z-index:10;inset:auto 0 0;background:#1c1d22;color:#f4f3ef;--muted:#bbbcc3;border-top:1px solid #b89a5d66;padding:12px 16px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #17181c18}
.cta-inner{width:min(1120px,100%);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dock-caption{display:none}
.cta{height:50px;min-width:0;display:flex;justify-content:center;align-items:center;gap:15px;text-decoration:none;font-size:15px;font-weight:850;border-radius:6px;border:1px solid var(--accent);transition:background-color .18s,box-shadow .18s}
.cta-details{color:#e2c992;background:#25262c}.cta-play{background:var(--gold);color:#302719;border-color:#d3b879}.cta-play>span{font-size:21px}.cta-details:hover{background:#36373e}.cta-play:hover{background:#efd8a6}.cta:focus-visible{outline:3px solid #f8e2b2;outline-offset:3px}
@media(min-width:700px){
  .content-width{width:min(1120px,calc(100% - 80px))}.header-inner{min-height:90px}.wordmark img{width:144px}.header-label{font-size:14px}
  .hero-copy{padding:32px 0 42px;grid-template-columns:1.25fr 1fr;align-items:end;gap:36px}h1{font-size:48px}.hero-lead{font-size:21px}.journey{width:100%;padding:0;border:0;justify-self:end;align-self:center}.journey span{font-size:13px}.journey b{font-size:30px}
  .mission-stage{padding:64px 0}.stage-heading{gap:20px;margin-bottom:30px}.stage-count{display:block}h2{font-size:30px}.step-label{width:72px;flex-basis:72px}.step-label b{font-size:45px}
  .task-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.task-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.task-card{padding:26px}.task-grid{gap:20px}
  .bonus-layout{grid-template-columns:1.3fr 1fr;align-items:center}.bonus-copy{padding:34px 24px 36px 0}.bonus-reward{padding:24px 0 24px 48px;border-top:0;border-left:1px solid #796d514f}.bonus-reward .reward strong{font-size:82px}
  .brand-closing p{font-size:26px}.footer-layout{grid-template-columns:76px minmax(0,1fr);gap:30px}.age-badge{font-size:33px}.site-footer p{font-size:13px}.site-footer{padding:44px 0}
  .cta-dock{padding:14px 40px}.cta-inner{grid-template-columns:minmax(0,1fr) 200px 200px;align-items:center;gap:16px}.dock-caption{display:grid;gap:5px}.dock-caption strong{font-size:15px}.dock-caption span{font-size:12px;color:var(--muted)}.cta{font-size:16px;height:52px}
}
@media(min-width:1100px){.hero-art{background:#121316}.hero-art img{width:auto;max-width:100%;height:min(420px,42svh);max-height:none}.hero-copy{padding-top:24px;padding-bottom:30px}.reward strong{font-size:54px}.stage-first .task-card{min-height:266px}}
@media(max-width:359px){.content-width{width:calc(100% - 32px)}h1{font-size:31px}h2{font-size:21px}.hero-lead{font-size:17px}.cta{font-size:13px}.task-card{padding:20px}.reward strong{font-size:43px}.header-inner{width:calc(100% - 32px)}.header-label{font-size:11px;padding-left:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}