:root{--bg:#151a22;--panel:#1c2330;--panel-2:#232c3b;--panel-3:#2a3546;--line:#2b3545;--fg:#e4e8ee;--muted:#96a2b3;--accent:#79b8ff;--accent-ink:#0b1e33;--good:#7fd6a0;--bad:#f19a8f;--warn:#ffd27a;--u1:#ffd27a;--u2:#79b8ff;--u3:#a3cfff;--u4:#7fd6a0;--web:#79b8ff;--desk:#c9a8ff;--code:#ffbe73;--f:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;color-scheme:dark;--gutter:20px;--max:1180px;--narrow:720px;--section:56px;--radius:8px;--radius-lg:20px;--fs-display:clamp(32px, 8.6vw, 44px);--fs-headline:clamp(26px, 6.6vw, 30px);--fs-statement:clamp(18px, 4.6vw, 21px);--fs-body:17px;--fs-small:15px;--ease-out:cubic-bezier(.16, 1, .3, 1);--accent-hover:#a3cfff}@media (width>=900px){:root{--gutter:48px;--section:104px;--fs-display:clamp(48px, 4.8vw, 64px);--fs-headline:clamp(28px, 2.8vw, 38px);--fs-statement:clamp(19px, 1.6vw, 22px)}}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:var(--fs-body);font-variant-numeric:proportional-nums;-webkit-tap-highlight-color:color-mix(in srgb, var(--accent) 25%, transparent);line-height:1.8;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--accent-hover)}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700;line-height:1.2}p{margin:0}main{display:block}main:focus{outline:none}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.wrap{padding-inline:var(--gutter)}.box{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.narrow{width:min(100% - 2 * var(--gutter), var(--narrow));margin-inline:auto}.small{font-size:var(--fs-small);color:var(--muted)}.statement{font-size:var(--fs-statement);font-weight:500;line-height:1.6}.headline{font-size:var(--fs-headline);letter-spacing:-.01em}.line{display:block}.todo{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 6px}mark.todo{font-weight:500}.btn{background:var(--accent);min-height:48px;color:var(--accent-ink);border-radius:var(--radius);text-align:center;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease, transform .18s var(--ease-out);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn:active{transform:translateY(1px)}.btn[aria-disabled=true]{opacity:.7;cursor:progress}.btn-sm{min-height:44px;padding:10px 18px;font-size:16px}.link{font-weight:700;text-decoration:underline 2px;transition:color .18s}.actions{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.bar{width:min(100% - 2 * var(--gutter), var(--max));flex-wrap:wrap;align-items:center;gap:12px 28px;margin-inline:auto;padding-block:16px;display:flex}.bar-brand{border-radius:6px;line-height:0;display:inline-flex}.bar-brand .wordmark{width:148px;height:auto}.bar-nav{gap:24px;display:flex}.bar-nav a{color:var(--fg);padding-block:10px;font-size:16px;text-decoration:none;transition:color .18s}.bar-nav a:hover,.bar-nav a[aria-current=page]{color:var(--accent)}.bar-cta{margin-left:auto}@media (width<=520px){.bar{padding-block:12px}.bar-brand .wordmark{width:132px}.bar-nav{order:3;gap:24px;width:100%}.bar-nav a{padding-block:4px}}@media (width>=900px){.bar{padding-block:24px}}.mask{padding-bottom:.08em;display:block;overflow:hidden}.mask>span{display:block}@media (prefers-reduced-motion:no-preference){.mask>span{animation:rise .9s var(--ease-out) both}.mask:nth-child(2)>span{animation-delay:.11s}.hero-after{animation:fadeUp .7s var(--ease-out) .45s both}.rise{animation:fadeUp .8s var(--ease-out) both}.hero-after.d1{animation-delay:.25s}.hero-after.d2{animation-delay:.4s}.hero-after.d3{animation-delay:.55s}.reveal-on [data-reveal]>*{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal-on [data-reveal].in>*{opacity:1;transform:none}.reveal-on [data-reveal].in>:nth-child(2){transition-delay:70ms}.reveal-on [data-reveal].in>:nth-child(3){transition-delay:.14s}.reveal-on [data-reveal].in>:nth-child(4){transition-delay:.21s}.reveal-on [data-reveal].in>:nth-child(n+5){transition-delay:.28s}}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.page-head{padding-block:40px 36px}.page-head h1{letter-spacing:-.03em;font-size:clamp(40px,10vw,84px);font-weight:900;line-height:1.06}.page-head .lead{font-size:var(--fs-statement);max-width:36em;margin-top:18px;font-weight:500;line-height:1.6}@media (width>=900px){.page-head{padding-block:64px 48px}}.tail{z-index:0;display:inline-block;position:relative}.tail:after{content:"";z-index:-1;background:var(--warn);border-radius:.11em;height:.22em;position:absolute;bottom:.04em;left:-.06em;right:-.06em;transform:rotate(-1.2deg)}.strip{grid-template-columns:2fr 2fr 3fr 3fr;gap:4px;height:10px;display:grid}.strip>i{border-radius:5px}.strip>i:first-child{background:var(--u1)}.strip>i:nth-child(2){background:var(--u2)}.strip>i:nth-child(3){background:var(--u3)}.strip>i:nth-child(4){background:var(--u4)}.dot{background:var(--u1);border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.dot.d2{background:var(--u2)}.dot.d3{background:var(--u3)}.dot.d4{background:var(--u4)}.sec{padding-block:var(--section) 0}.sec-head{margin-bottom:32px}.sec-head h2,.h2{font-size:var(--fs-headline);letter-spacing:-.01em;font-weight:900}.sec-head p{max-width:60ch;margin-top:12px}.field{background:var(--panel)}.field-2{background:var(--panel-2)}.field-blue{background:var(--accent);color:var(--accent-ink)}.field-navy{background:var(--accent-ink)}.field-blue a{color:var(--accent-ink)}.split{align-items:center;gap:40px;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1fr;gap:64px}}.cards{gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--panel);border-radius:var(--radius-lg);transition:background-color .18s ease, transform .25s var(--ease-out);padding:24px}.card h3{margin-bottom:6px;font-size:20px}@media (width<=639px){.card{padding:18px 20px}.cards{gap:12px}}@media (width>=640px){.cards.c2,.cards.c4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards.c4{grid-template-columns:repeat(4,1fr)}}.shot{border-radius:var(--radius);background:var(--panel-2);object-fit:cover;width:100%}.tw{-webkit-overflow-scrolling:touch;overflow-x:auto}.tw:focus-visible{outline-offset:0}table{border-collapse:collapse;width:100%;font-size:16px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 10px}th{font-weight:700}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}.wl{gap:20px;max-width:560px;display:grid}.wl-field{gap:8px;display:grid}.wl label{font-weight:500}.wl input[type=email]{background:var(--bg);width:100%;min-height:52px;color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:17px;transition:border-color .18s}.wl input[type=email]::placeholder{color:var(--muted);opacity:1}.wl input[type=email]:hover{border-color:var(--muted)}.wl input[type=email]:focus-visible{border-color:var(--accent);outline-offset:1px}.wl input[aria-invalid=true]{border-color:var(--bad)}.wl-consent{grid-template-columns:24px 1fr;align-items:start;gap:12px;display:grid}.wl-consent input{width:22px;height:22px;accent-color:var(--accent);cursor:pointer;margin:4px 0 0}.wl-consent label{cursor:pointer;font-size:16px;font-weight:400;line-height:1.7}.wl-err{color:var(--bad);min-height:0;font-size:16px}.wl-err:empty{display:none}.wl-status{color:var(--bad);font-size:16px}.wl-status:empty{display:none}.wl-dev{font-size:var(--fs-small);color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent);border-radius:var(--radius);padding:10px 14px}.wl-dev code{overflow-wrap:anywhere;font-size:13px}.wl-submit{justify-self:start;min-width:200px}@media (width<=520px){.wl-submit{justify-self:stretch}}.foot{margin-top:var(--section);background:var(--accent-ink);padding-block:0 32px;font-size:15px}.foot .strip{border-radius:0;gap:0;height:8px;margin-bottom:36px}.foot .strip>i{border-radius:0}.foot-in{gap:14px;display:grid}.foot-mark{width:148px;height:auto}.foot-in p{color:var(--muted)}.foot-contact{color:var(--fg)!important}.foot-mail{color:var(--accent);user-select:text;cursor:text;overflow-wrap:anywhere;font-size:16px}.foot nav{flex-wrap:wrap;gap:4px 24px;display:flex}.foot nav a{color:var(--fg);padding-block:8px}.foot nav a:hover{color:var(--accent)}.foot-disclaimer{max-width:72ch}body:has(.join-band) .foot{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}