:root{--night:#061634;--blue:#0b2b62;--gold:#f7c85b;--light:#fff8e8;--red:#b4271f;--ink:#121b2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--light);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:0}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,6vw,84px);border-bottom:1px solid rgba(247,200,91,.35)}.site-header img,footer>img{width:112px;height:auto}.site-header span{font:600 12px/1.2 Georgia,serif;letter-spacing:2px;color:var(--gold)}main{overflow:hidden}.hero{position:relative;min-height:min(820px,82vh);display:grid;align-items:end}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(4,15,36,.85) 60%,var(--night))}.hero-copy{z-index:1;position:relative;padding:0 clamp(22px,8vw,120px) 72px;max-width:820px;text-shadow:0 3px 18px #000}.eyebrow,.section-no,.final-cta>p{font:700 12px/1.4 Georgia,serif;letter-spacing:2px;color:var(--gold)}h1{font:800 clamp(44px,8vw,94px)/.98 Georgia,"Noto Serif TC",serif;margin:12px 0}h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:clamp(17px,2vw,24px);font-weight:700}.hero-copy>a{display:inline-flex;margin-top:14px;color:var(--light);font-weight:800;text-decoration:none;border-bottom:2px solid var(--gold);padding:10px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px clamp(22px,8vw,120px);background:var(--night)}h2{font:800 clamp(38px,5vw,70px)/1.08 Georgia,"Noto Serif TC",serif;margin:12px 0}.intro-copy{align-self:end;font-size:19px;line-height:1.9;color:#dce6f8}.intro-copy strong{display:block;color:var(--gold);margin-top:16px}.period{display:grid;grid-template-columns:auto 1fr 70px 1fr auto;align-items:center;gap:24px;padding:52px clamp(22px,8vw,120px);background:var(--light);color:var(--ink)}.period>div{display:grid;text-align:center}.period span{font-weight:700;color:#56647c}.period b{font:800 clamp(34px,4vw,58px)/1 Georgia,serif;color:var(--red)}.period small{font-weight:700}.period i{height:1px;background:#c99b37}.period>p:last-child{font:800 24px Georgia;color:#c99b37;writing-mode:vertical-rl}.rewards{padding:110px clamp(18px,8vw,120px);background:linear-gradient(180deg,#0b2b62,var(--night))}.rewards-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;max-width:1200px;margin:0 auto 50px}.rewards-head>p{font-size:17px;line-height:1.8;color:#dce6f8}.reward-table{max-width:1100px;margin:auto;border-top:1px solid rgba(247,200,91,.45)}.reward-table>div{display:grid;grid-template-columns:180px 1fr 220px;align-items:center;min-height:62px;padding:8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.reward-table .table-head{min-height:44px;color:var(--gold);font-size:13px;font-weight:800}.table-head span:nth-child(2){grid-column:2/4}.reward-table b{font:800 24px Georgia;color:var(--gold)}.reward-table b:after{content:" 元";font:600 12px "Microsoft JhengHei"}.reward-table span{font-weight:800}.reward-table small{color:#a9c8ff;text-align:right}.final-cta{text-align:center;padding:110px 20px;background:var(--light);color:var(--ink)}.final-cta h2{margin-bottom:42px}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:720px;margin:auto}.cta-row a{min-height:68px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:19px;font-weight:900;border:2px solid var(--ink);transition:transform .2s,box-shadow .2s}.cta-row a:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.cta-row .detail{color:var(--ink);background:transparent}.cta-row .play{color:white;background:var(--red);border-color:var(--red)}footer{display:grid;grid-template-columns:130px 1fr;gap:30px;align-items:center;padding:44px clamp(22px,8vw,120px);background:#030b1c;color:#aab5c9}footer>div{display:flex;gap:18px;align-items:center}footer b{display:grid;place-items:center;min-width:52px;height:52px;border:2px solid var(--gold);border-radius:50%;color:var(--gold)}footer p{font-size:12px;line-height:1.7;margin:0}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:700px){.site-header{height:62px;padding:8px 18px}.site-header img{width:94px}.site-header span{font-size:9px}.hero{min-height:590px;align-items:end}.hero-image{height:58%;object-fit:cover;object-position:center}.hero:after{inset:23% 0 0;background:linear-gradient(transparent,var(--night) 48%)}.hero-copy{padding:0 20px 48px}.hero-copy h1{font-size:47px}.intro{grid-template-columns:1fr;padding:72px 20px;gap:22px}.intro-copy{font-size:16px}.period{grid-template-columns:1fr 32px 1fr;padding:36px 20px;gap:12px}.period .section-no,.period>p:last-child{display:none}.period b{font-size:34px}.rewards{padding:72px 12px}.rewards-head{grid-template-columns:1fr;gap:14px;padding:0 8px}.reward-table>div{grid-template-columns:88px 1fr;min-height:65px;padding:8px}.reward-table small{grid-column:2;text-align:left;margin-top:3px}.table-head span:nth-child(2){grid-column:2}.reward-table b{font-size:20px}.cta-row{grid-template-columns:1fr}.final-cta{padding:76px 20px}footer{grid-template-columns:1fr;padding:34px 20px}footer>div{align-items:flex-start}}
@media(max-width:700px){.hero{min-height:535px}.hero-copy{padding-bottom:24px}.intro{padding-top:58px}}
.hero-actions{display:flex;gap:12px;margin-top:22px}.hero-actions a{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:52px;padding:0 24px;text-decoration:none;font-weight:900;text-shadow:none;border:1px solid var(--gold)}.hero-detail{background:rgba(3,11,28,.78);color:var(--light)}.hero-play{background:var(--gold);color:var(--ink)}footer{grid-template-columns:90px 1fr;align-items:start}.age-mark{display:grid;place-items:center;width:88px;height:88px;border:4px solid #e12b22;border-radius:17px;background:var(--light);color:#cf211b;font-size:30px;font-weight:900}.legal-copy{display:block}.legal-copy strong{display:block;color:var(--gold);font-size:18px;margin-bottom:12px}.legal-copy p{margin:0 0 10px;color:#c9bda8;font-size:13px;line-height:1.8}@media(max-width:700px){.hero-actions{gap:8px;margin-top:18px}.hero-actions a{min-width:0;flex:1;min-height:48px;padding:0 12px}.age-mark{width:76px;height:76px}.legal-copy strong{margin-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.cta-row a{transition:none}}