:root{--hn-red: #e5000a;--base: #ffffff;--surface-0: #f7f8fc;--surface-1: #eef0f8;--surface-2: #dfe3ef;--surface-3: #cfd5e3;--warn-bg: #fff6dd;--warn-ink: #8a5a00;--toast-bg: #1e2433;--toast-ink: #ffffff;--leaf-outline: #aab3c6;--leaf-press-shadow: rgba(24, 32, 48, .45);--bloom-glow: #ffffff;--tree-lqip: url(data:image/webp;base64,UklGRooAAABXRUJQVlA4IH4AAADwBACdASoUAB4APsVQoUunpKMhsAwA8BiJYgCsACHho608gOtzUgP6ktEWmD6wwQAA/vYSr7CJtQDmQZniI2+8SAPeqTeLAqB4bO02Z+sVz+YPrznzvG+q6cq6EOeI8eSY7QbjZ2J/ivkXbzPASW8WFP13JRhGofokVUMAAAA=);--leaf-gold-hi: #f7e08a;--leaf-gold: #d4a537;--leaf-gold-lo: #a87716;--text-primary: #1e2433;--text-secondary: #5a6274;--success: #3fa45c;--radius: 18px;--shadow-card: 0 2px 20px rgba(30, 36, 51, .08);--font-body: "Noto Sans TC", "PingFang TC", system-ui, -apple-system, sans-serif;--font-display: var(--font-body);--font-number: "Roboto Mono", ui-monospace, monospace;font-size:17px;font-family:var(--font-body);color:var(--text-primary);color-scheme:light}:root[data-base=dark]{--base: #070b16;--surface-0: #12151f;--surface-1: #171b28;--surface-2: #10141f;--surface-3: #39415a;--text-primary: #f2f4fa;--text-secondary: #98a0b5;--warn-bg: #241c08;--warn-ink: #ffd98a;--toast-bg: #2b3244;--toast-ink: #ffffff;--leaf-outline: #9aa4bb;--leaf-press-shadow: rgba(0, 0, 0, .85);--bloom-glow: #10162a;--tree-lqip: url(data:image/webp;base64,UklGRuIAAABXRUJQVlA4INYAAACQBQCdASoUAB4APslSn0unpKKhsAwA8BkJZgCdMoMsdEGkxHCAdTbvCyut2Oe5zPM4qu7jgAD+9dpDzZYN36LnqSV5/tKR/MTRskA737KWEGW7XZ7pZvg2FypU1HhCIJA6cln0EA/drQ38DTjYGShXUwBZ8Bi//nP1dgjYXtzHp17BhymbOnk369EOwo24wZGvbLjAkU8bYGGZiR9fe1Y55l8jwWE2btz0TcWFjGIrjZTydVaHJmY2CesQzGOFZFrq/JwmwauDJumlzuUpGDY90fIWlsAA);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:var(--base);overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;min-height:48px;min-width:48px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:480px;margin:0 auto;padding:0 16px calc(12px + env(safe-area-inset-bottom));height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}.brandbar{display:flex;align-items:center;gap:9px;padding:10px 2px 4px;flex:none}.brandbar__mark{width:28px;height:28px;flex:none}.brandbar__name{font-family:var(--font-display);font-weight:700;font-size:1.06rem;letter-spacing:.02em;color:var(--hn-red)}.brandbar__en{display:block;font-size:.56rem;letter-spacing:.06em;color:var(--hn-red);opacity:.85}.slogan{text-align:center;margin:0 0 2px;flex:none}.slogan__zh{font-family:var(--font-display);font-size:1.24rem;font-weight:700;letter-spacing:.04em;margin:0;background:linear-gradient(100deg,#64c2c0,#93cfb6,#f9dca1,#f5ae8b,#f4b0c7);-webkit-background-clip:text;background-clip:text;color:transparent}.slogan__en{font-size:.66rem;letter-spacing:.22em;color:var(--text-secondary);margin:1px 0 0}.progress{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:6px 0 0;flex:none}.progress__label{font-size:.94rem;color:var(--text-secondary);margin:0}.progress__count{font-size:1.86rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;margin:0}.progress__hint{font-size:.92rem;color:var(--text-secondary);text-align:center;margin:3px 0 0;flex:none}.dialwrap{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;margin:2px 0}.dial{position:relative;width:min(360px,100%);aspect-ratio:360 / 440;flex:none;margin:auto}.dial__bg{position:absolute;inset:0;z-index:0;pointer-events:none}.dial__bg img{width:100%;height:100%;display:block;object-fit:contain;opacity:.3;background:var(--tree-lqip) center / contain no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.dial:before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(212,165,55,.14),transparent 78%);z-index:0;pointer-events:none}.dial__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;background:var(--base);box-shadow:0 0 0 1px var(--surface-3),0 6px 22px #1e243321;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;z-index:1}:root[data-base=dark] .dial__hub{box-shadow:0 0 0 1px var(--surface-3),0 6px 22px #0000008c}.dial__hubname{font-size:.66rem;font-weight:700;line-height:1.3;text-align:center;letter-spacing:.02em}.dial__hubname em{display:block;font-style:normal;font-size:.58rem;opacity:.6}.dial__stations{list-style:none;margin:0;padding:0}.dial__slot{position:absolute;transform:translate(-50%,-50%);z-index:2}.node{position:relative;width:58px;height:58px;min-width:58px;min-height:58px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:filter .12s ease}.node:focus-visible{outline:3px solid var(--hn-red);outline-offset:3px}.node:active{filter:drop-shadow(0 4px 7px var(--leaf-press-shadow))}.node__mark{font-family:var(--font-number);font-size:1.12rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.node__leaf{width:26px;height:26px}.node--dim{background:var(--base);box-shadow:inset 0 0 0 2px var(--leaf-outline);color:var(--text-secondary)}.node--lit{background:linear-gradient(150deg,var(--leaf-gold-hi),var(--leaf-gold) 46%,var(--leaf-gold-lo));color:#fff;box-shadow:0 0 0 3px #d4a53733,0 0 20px 2px #d4a5376b;position:relative}.node--lit:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--leaf-gold-hi);animation:node-lit .7s ease-out;opacity:0;pointer-events:none}@keyframes node-lit{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.9);opacity:0}}.node__label{position:absolute;left:50%;transform:translate(-50%);width:126px;text-align:center;font-size:1rem;font-weight:500;line-height:1.3;color:var(--text-secondary);white-space:nowrap;pointer-events:none}.node--lit .node__label{color:var(--text-primary);font-weight:700}.node__label--above{bottom:calc(100% + 10px)}.node__label--below{top:calc(100% + 10px)}.sheet{position:fixed;inset:0;background:#1e243361;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade-in .2s ease both}.sheet__panel{--text-primary: #1e2433;--text-secondary: #5a6274;--surface-0: #f7f8fc;--surface-1: #eef0f8;--surface-2: #dfe3ef;--surface-3: #cfd5e3;--warn-bg: #fff6dd;--warn-ink: #8a5a00;width:100%;max-width:480px;background:#fff;color:var(--text-primary);border-radius:var(--radius) var(--radius) 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-card);animation:slide-up .28s cubic-bezier(.22,1,.36,1) both;max-height:92dvh;overflow-y:auto}.sheet__actions{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));margin-top:6px;padding:10px 0 calc(20px + env(safe-area-inset-bottom));background:#fff}.sheet__actions:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:linear-gradient(to top,rgba(30,36,51,.07),transparent);pointer-events:none}.sheet__actions .btn+.btn{margin-top:8px}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(18px);opacity:0}}.card__eyebrow{font-size:.86rem;color:var(--text-secondary)}.card__title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:2px 0 12px}.card__rule{font-size:1.06rem;line-height:1.6;background:var(--surface-1);border-radius:12px;padding:12px 14px}.btn{display:block;width:100%;padding:15px 20px;border-radius:14px;font-size:1.14rem;font-weight:700;text-align:center;transition:transform .12s ease,opacity .2s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(100deg,#64c2c0,#93cfb6);color:#0d3b34}.btn--draw{background:var(--hn-red);color:#fff}.btn--ghost{background:var(--surface-1);color:var(--text-secondary);margin-top:8px}.btn__cooldown{display:block;font-size:.9rem;font-weight:500;font-family:var(--font-number);font-variant-numeric:tabular-nums;opacity:.9;margin-top:2px}.actionzone{flex:none;padding-top:6px}.award{text-align:center}.award__photo{width:168px;height:168px;object-fit:contain;margin:10px auto 4px;display:block;border-radius:14px;background:#fff}.award__label{margin:4px 0 0;font-size:.92rem;color:var(--text-secondary)}.award__qr{width:208px;height:208px;margin:14px auto 10px;background:#fff;padding:8px;border-radius:12px;box-shadow:var(--shadow-card)}.award__qr svg{width:100%;height:100%;display:block}.award__code{font-family:var(--font-number);font-size:34px;font-weight:700;letter-spacing:.22em;text-indent:.22em;font-variant-numeric:tabular-nums}.award__expiry{font-size:.98rem;color:var(--text-secondary);margin-top:8px}.award__expiry strong{font-family:var(--font-number);color:var(--hn-red);font-variant-numeric:tabular-nums}.award__done{font-size:1.2rem;font-weight:700;color:var(--success);padding:24px 0}.draw{position:fixed;inset:0;z-index:45;background:#fff;overflow-y:auto;animation:fade-in .25s ease both;-webkit-overflow-scrolling:touch}.draw__stage{--text-primary: #1e2433;--text-secondary: #5a6274;max-width:460px;margin:0 auto;padding:10px 20px calc(18px + env(safe-area-inset-bottom));color:var(--text-primary);text-align:center}.draw__pill{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--surface-3, #cfd5e3);border-radius:999px;padding:6px 20px;margin:4px 0 14px;font-size:17px;color:var(--text-secondary)}.draw__pill strong{font-size:1.5rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.draw__pill span{font-size:1rem}.draw__head{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:1.6rem;font-weight:800;margin:0 0 2px}.draw__gift{color:#d4a537;flex:none}.draw__sub{font-size:1.05rem;color:var(--text-secondary);margin:0 0 14px}.draw__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.draw__cell{border:1px solid var(--surface-3, #cfd5e3);border-radius:16px;padding:10px 8px;background:#fff;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.draw__cell--on{border-color:#d4a537;box-shadow:0 0 0 3px #d4a53747;transform:scale(1.04)}.draw__cell img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#fff}.draw__cell-blank{display:block;aspect-ratio:1;width:100%;border-radius:12px;background:var(--surface-2);border:1px solid var(--surface-3)}.draw__cell-name{display:block;font-size:17px;line-height:1.35;margin-top:6px;color:var(--text-primary)}.draw__label{font-size:.9rem;color:var(--text-secondary);margin:10px 0 0}.draw__error{color:#b3261e;font-size:.95rem;margin:0 0 10px}.draw__congrats{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:1.6rem;font-weight:800;margin:2px 0 0}.draw__wheat{color:#d4a537;flex:none}.draw__wheat--flip{transform:scaleX(-1)}.draw__herowrap{position:relative;display:grid;place-items:center;margin:2px auto 0;width:min(320px,88vw);height:min(210px,26vh)}.draw__herowrap:before{content:"";position:absolute;inset:0;background-image:var(--tree);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.32}.draw__hero{position:relative;width:min(185px,22vh);height:min(185px,22vh);object-fit:contain;display:block;animation:pop .45s cubic-bezier(.22,1,.36,1) both}.draw__hero--blank{position:relative;z-index:1;width:min(185px,22vh);height:min(185px,22vh);border-radius:18px;background:var(--surface-2);border:1px solid var(--surface-3)}.draw__prize{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin:0 0 8px;line-height:1.3}.draw__stage .award__qr{width:min(190px,23vh);height:min(190px,23vh);margin:0 auto 4px;padding:0;box-shadow:none}.draw__code{font-family:var(--font-number);font-size:40px;font-weight:700;letter-spacing:.18em;text-indent:.18em;font-variant-numeric:tabular-nums;color:#a9791c;margin:0 0 2px}.draw__hint{font-size:1rem;color:var(--text-secondary);margin:0 0 10px}.draw__actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));margin-top:6px;padding:10px 0 calc(18px + env(safe-area-inset-bottom));background:#fff}.draw__actions:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:linear-gradient(to top,rgba(30,36,51,.07),transparent);pointer-events:none}.draw__back{max-width:260px;margin:0 auto}@keyframes pop{0%{transform:scale(.72);opacity:0}}@media(max-height:720px){.draw__stage{padding-top:2px}.draw__stage .brandbar{padding-top:4px;padding-bottom:0}.draw__pill{margin:2px 0 8px;padding:4px 18px}.draw__sub{margin-bottom:8px}.draw__grid{gap:8px;margin-bottom:12px}.draw__cell{padding:6px}.draw__congrats,.draw__head{font-size:1.42rem}.draw__herowrap{height:min(190px,26vh)}.draw__hero{width:min(150px,21vh);height:min(150px,21vh)}.draw__stage .award__qr{width:min(168px,23vh);height:min(168px,23vh)}.draw__prize{font-size:1.3rem}.draw__code{font-size:34px}.draw__hint{margin-bottom:10px}}.bloom{position:fixed;inset:0;z-index:40;background:radial-gradient(60% 50% at 50% 45%,var(--bloom-glow) 0%,var(--base) 78%);animation:fade-in .4s ease both;overflow:hidden}.bloom__page{max-width:480px;margin:0 auto;padding:0 16px calc(12px + env(safe-area-inset-bottom));height:100dvh;display:flex;flex-direction:column;text-align:center}.bloom__stage{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center}.bloom__center{position:relative;z-index:1;width:100%;margin:auto 0;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:18px}.bloom__center:before{content:"";position:absolute;inset:-8px -8%;background:radial-gradient(closest-side,var(--base) 0%,var(--base) 58%,transparent 100%)}.bloom__go{position:relative;z-index:1;width:auto;min-width:148px;padding-inline:34px}.bloom__title{font-family:var(--font-display);font-size:clamp(1.35rem,7.2vw,1.9rem);font-weight:700;position:relative;z-index:1;margin:0;background:linear-gradient(100deg,#87cef2,#64c2c0,#bdddae,#f9dca1,#f5ae8b,#f4b0c7);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .7s .3s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.toast{position:fixed;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:448px;margin:0 auto;background:var(--toast-bg);color:var(--toast-ink);border-radius:12px;padding:13px 16px;font-size:1rem;z-index:60;animation:slide-up .24s ease both}.loading{display:grid;place-items:center;min-height:100dvh;color:var(--text-secondary)}@media(max-height:720px){.brandbar{padding:4px 2px 2px;gap:7px}.brandbar__mark{width:24px;height:24px}.slogan__zh{font-size:1.06rem}.slogan__en{font-size:.6rem;letter-spacing:.18em}.progress{margin-top:2px}.progress__count{font-size:1.5rem}.btn--stamp{padding:11px 20px;margin:3px 0 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card__fairness{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:var(--surface-1);color:var(--text-secondary);font-size:.85rem;line-height:1.5}.btn--stamp{background:var(--surface-1);color:var(--text-primary);border:1.5px solid var(--brand-red, #e5000a);margin:4px 0 12px}.stamp__qr{display:grid;place-items:center;padding:14px 0 6px}.stamp__label{margin:10px 0 2px;text-align:center;font-size:.85rem;color:var(--text-secondary)}.stamp__code{margin:0 0 4px;text-align:center;font-size:2.1rem;font-weight:700;letter-spacing:.16em;font-variant-numeric:tabular-nums}