@font-face{font-family:"Noto Serif TC";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/NotoSerifTC-900.woff2) format("woff2")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/NotoSansTC-400.woff2) format("woff2")}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/NotoSansTC-500.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{background:#000}body{margin:0}.site{--s-bg: #000;--s-ink: #f2ede4;--s-mute: #a9a196;--s-line: #2a2723;--s-block: #141210;--s-acc: #ff3ea5;--s-acc-ink: #1a0712;--s-head: "Noto Serif TC", "PingFang TC", "Microsoft JhengHei", serif;--s-head-w: 900;--s-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--s-btn-radius: 999px;background:var(--s-bg);color:var(--s-ink);color-scheme:dark;font-family:var(--s-body);font-size:17px;line-height:1.85;overflow-x:hidden}.site h1,.site h2,.site h3{font-family:var(--s-head);font-weight:var(--s-head-w);line-height:1.2;letter-spacing:-.01em;margin:0}.site p{margin:0}.site img{display:block;width:100%;height:auto;background:var(--s-block)}.site picture{display:block}.ph{position:relative;overflow:hidden}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 34%}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:var(--s-btn-radius);background:var(--s-acc);color:var(--s-acc-ink);font-weight:500;font-size:16px;text-decoration:none;border:0;font-family:var(--s-body)}.btn.ghost{background:transparent;color:var(--s-ink);border:1.5px solid currentColor}.btn:focus-visible,a:focus-visible{outline:2px solid var(--s-acc);outline-offset:3px}.wrap{padding-inline:clamp(20px,5vw,72px)}.mute{color:var(--s-mute)}.sm{font-size:14px;line-height:1.7}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:18px;font-size:14px}.nav .logo{display:flex;align-items:center;gap:9px;font-family:var(--s-head);font-weight:var(--s-head-w);font-size:17px;color:inherit;text-decoration:none}.nav .logo svg{width:16px;height:15px;flex:none}.nav .links{display:flex;gap:22px}.nav .links a{color:inherit;text-decoration:none}.nav .links a:last-child{font-weight:500}.hero{position:relative;min-height:min(88vh,760px);display:grid;grid-template-rows:1fr auto}.hero .ph{position:absolute;inset:0}.hero .ph:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0000001a,#0000 35%,#000000c7)}.hero-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:58% 34%;opacity:0;border:0;background:transparent}.motion .hero-video{transition:opacity .9s ease}.hero-video.is-ready{opacity:1}.hero .tx{position:relative;z-index:3;grid-row:2;padding-block:120px 64px;max-width:62%}.hero h1{font-size:clamp(34px,6.4vw,84px)}.hero h1 .ln{display:block;overflow:hidden}.hero h1 .ln i{display:block;font-style:normal}.motion .hero h1 .ln i{animation:rise .8s cubic-bezier(.2,.75,.2,1) both}.motion .hero h1 .ln:nth-child(2) i{animation-delay:.14s}@keyframes rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}.hero .sub{font-size:clamp(15px,1.5vw,19px);max-width:24em;margin-top:18px;color:#e6e0d6}.hero .cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sec{padding-block:clamp(56px,8vw,120px);border-top:1px solid var(--s-line)}.sec h2{font-size:clamp(28px,3.8vw,52px);max-width:16em}.sec .lede{font-size:clamp(16px,1.4vw,19px);max-width:30em;margin-top:18px}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}.two>*{min-width:0}.claim h2{font-size:clamp(30px,4.6vw,64px);max-width:18em;line-height:1.3}.claim h2 span{color:var(--s-ink)}.motion .claim h2 span{color:var(--s-mute);transition:color .5s}.motion .claim h2.on span{color:var(--s-ink)}.motion .claim h2.on span:nth-child(2){transition-delay:.15s}.motion .claim h2.on span:nth-child(3){transition-delay:.3s}.motion .claim h2.on span:nth-child(4){transition-delay:.45s}.motion .claim h2.on span:nth-child(5){transition-delay:.6s}.claim .lede{margin-top:28px}.how .steps{display:grid;gap:26px;margin-top:32px}.how .step{display:grid;grid-template-columns:2.2em 1fr;gap:12px;align-items:start}.how .step b{font-family:var(--s-head);font-weight:var(--s-head-w);font-size:26px;line-height:1.2;color:var(--s-acc)}.how .step h3{font-size:20px}.how .step p{margin-top:6px;color:var(--s-mute);font-size:15px;line-height:1.7}.how-media{align-self:start;min-width:0}.phones{display:grid;gap:32px}.phone{width:min(300px,100%);margin-inline:auto;aspect-ratio:9 / 18.5;border-radius:36px;background:#0b0b12;padding:12px;box-shadow:0 30px 60px -30px #00000080}.phone .scr{border-radius:26px;background:#15121f;color:#f4f1fb;height:100%;overflow:hidden;font-size:12.5px;line-height:1.5;padding:22px 14px;display:flex;flex-direction:column}.scr .top{display:flex;justify-content:space-between;color:#a79cc7;font-size:11px}.scr .venue{font-weight:500;font-size:16px;margin-top:14px}.scr .cnt{color:#a79cc7;font-size:11px;margin-top:2px}.scr .row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #2b2439}.scr .av{width:34px;height:34px;border-radius:50%;background:#2b2439}.scr .nm{font-weight:500}.scr .ln{color:#a79cc7;font-size:11px}.scr .want{font-size:11px;padding:5px 9px;border-radius:999px;background:#ff3ea5;color:#1a0712;font-weight:500}.scr .ask{margin-top:14px;padding:12px;border-radius:12px;background:#1e1a2c}.scr .ask b{display:block;font-size:13px;font-weight:500}.scr .ask>div{display:flex;gap:8px;margin-top:8px}.scr .ask span{flex:1;text-align:center;padding:7px;border-radius:8px;background:#2b2439;font-size:11px}.scr .ask span:last-child{background:#ff3ea5;color:#1a0712;font-weight:500}.scr .chk{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;margin-top:8px;border-radius:10px;background:#1e1a2c;font-size:12px}.scr .chk em{font-style:normal;color:#a79cc7}.scr .go{margin-top:auto;text-align:center;padding:10px;border-radius:999px;background:#ff3ea5;color:#1a0712;font-weight:500;font-size:12px}.scr .timer{margin-top:22px;padding:18px 12px;border-radius:12px;background:#1e1a2c;text-align:center}.scr .tv{font-family:var(--s-head);font-weight:var(--s-head-w);font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.scr .tk{color:#a79cc7;font-size:11px;margin-top:8px}.scr .timer+.cnt{margin-top:14px;line-height:1.6}.scr .inp{margin-top:auto;padding:10px 14px;border-radius:999px;border:1px solid #2b2439;color:#8f86ad;font-size:12px}.drink .pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;align-items:end}.drink .mini{aspect-ratio:9 / 16;border-radius:26px;background:#0b0b12;padding:9px;max-width:230px;width:100%;justify-self:center}.drink .mini .scr{border-radius:18px;background:#15121f;color:#f4f1fb;height:100%;padding:18px 12px;font-size:12px;display:flex;flex-direction:column;gap:10px}.drink .mini .who{color:#a79cc7;font-size:11px}.drink .hd{font-weight:500;font-size:15px}.drink .list{display:grid;gap:6px}.drink .it{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;background:#1e1a2c;font-size:12px}.drink .it span{color:#a79cc7}.drink .it.on{background:#ff3ea5;color:#1a0712}.drink .it.on span{color:#1a0712}.drink .seat{padding:8px 10px;border-radius:8px;background:#1e1a2c;font-size:12px}.drink .big{font-weight:500;font-size:20px;line-height:1.2}.drink .go{margin-top:auto;text-align:center;padding:10px;border-radius:999px;background:#ff3ea5;color:#1a0712;font-weight:500;font-size:12px}.drink .note{margin-top:auto;font-size:11px;color:#a79cc7;line-height:1.5}.drink .lbl{font-size:11px;color:#a79cc7}.drink .cap{margin-top:14px;text-align:center;font-size:14px;color:var(--s-mute)}.drink ol{margin:24px 0 0;padding-left:1.2em;display:grid;gap:10px;max-width:28em}.drink ol li::marker{font-weight:500;color:var(--s-acc)}.drink .note-line{margin-top:22px;max-width:28em}.nums .grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--s-line)}.nums .n{padding:26px 20px 24px 0;border-bottom:1px solid var(--s-line)}.nums .v{font-family:var(--s-head);font-weight:var(--s-head-w);font-size:clamp(40px,5.2vw,72px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.nums .v small{font-size:.4em;margin-left:.15em}.nums .k{margin-top:10px;font-size:14px;color:var(--s-mute);line-height:1.6}.priv{background:var(--s-block)}.priv .lede{margin-top:20px}.priv ul{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;max-width:52em}.priv li{font-size:clamp(17px,1.5vw,21px);line-height:1.55;padding-top:14px;border-top:1px solid var(--s-line)}.priv li small{display:block;color:var(--s-mute);font-size:14px;margin-top:4px}.biz .two{align-items:center}.biz .ph{aspect-ratio:3 / 2}.biz ul{margin:22px 0 0;padding-left:1.1em;display:grid;gap:8px;max-width:26em;color:var(--s-mute)}.biz .btn{margin-top:26px}.dl .row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center}.dl .store{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid var(--s-line);border-radius:var(--s-btn-radius);font-size:14px;color:var(--s-mute)}.foot{padding-block:32px;font-size:13px;color:var(--s-mute);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--s-line)}.foot a{color:inherit}@media(min-width:760px){.no-motion .phones{grid-template-columns:1fr 1fr;gap:20px}.motion .phones{position:relative}.motion .phone{opacity:0;transition:opacity .45s ease}.motion .phone.is-on{opacity:1}.motion .phone:not(:first-child){position:absolute;inset:0}.motion .how .step{min-height:44vh;align-content:center}}@media(max-width:759px){.two{grid-template-columns:minmax(0,1fr)}.nav .links a:not(:last-child){display:none}.hero .tx{max-width:100%}.hero h1{font-size:40px}.sec h2{font-size:30px}.claim h2{font-size:32px}.nums .v{font-size:44px}.wrap{padding-inline:20px}.sec{padding-block:56px}.nums .grid{grid-template-columns:1fr 1fr}.priv ul{grid-template-columns:1fr}.drink .pair{grid-template-columns:1fr;gap:28px}.foot{flex-direction:column;gap:8px}.phones{grid-auto-flow:column;grid-auto-columns:244px;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 12px}.phone{width:244px;scroll-snap-align:center}}