:root{--bg: #ffffff;--bg-2: #f4f3f0;--fg: #141414;--text: #45423e;--muted: #8a8681;--line: #e7e4df;--ink: #141414;--accent: #ff6720;--font: "Noto Sans TC", "Microsoft JhengHei", sans-serif;--gutter: clamp(16px, 4vw, 56px);--max: 1440px;--gap: clamp(12px, 1.4vw, 20px);--header-h: 92px;--ease: cubic-bezier(.2, .7, .1, 1)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:ease}.site-header{view-transition-name:site-header}.float{view-transition-name:float-buttons}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-weight:400;line-height:1.85;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}main{padding-top:var(--header-h);min-height:70vh}.page-head{padding-block:clamp(32px,5vw,64px) clamp(24px,3vw,40px)}.page-head .eyebrow{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--muted)}.page-head h1{font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:.04em;line-height:1.3}.filter{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:10px;font-size:12px;font-weight:500;letter-spacing:.06em}.filter a{padding-inline:12px;color:var(--muted);border-left:1px solid var(--line);line-height:1.2;transition:color .3s}.filter a:first-child{padding-left:0;border-left:0}.filter a:hover,.filter a[aria-current]{color:var(--fg)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,44px) var(--gap);padding-bottom:clamp(64px,9vw,120px)}.card{display:block}.card .thumb{position:relative;aspect-ratio:1.42;overflow:hidden;background:var(--bg-2);border-radius:0;transition:border-radius .6s var(--ease);isolation:isolate}@media(hover:hover){.card:hover .thumb,.card:focus-visible .thumb{border-radius:clamp(20px,3vw,44px)}}.card .thumb img,.card .thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),opacity 1.1s ease}@media(hover:hover){.card:hover .thumb img,.card:hover .thumb video{transform:scale(1.02)}}.card .thumb .hover-img{opacity:0;transition:transform 1.4s var(--ease),opacity .9s ease}@media(hover:hover){.card:hover .thumb .hover-img{opacity:1;transition:transform 1.4s var(--ease),opacity 1.1s ease .15s}}.card.show-alt .thumb .hover-img{opacity:1;transition:opacity 1.1s ease}@media(hover:none){.card .thumb .hover-img{transition:opacity 2s ease}.card.touching .thumb{border-radius:clamp(20px,6vw,32px)}.card.touching .thumb .hover-img{opacity:1;transition:opacity 1.1s ease}.card .thumb{-webkit-touch-callout:none}}.card .name{font-size:13px;font-weight:500;margin-top:10px;letter-spacing:.04em}.card.placeholder .thumb{display:grid;place-items:center;color:var(--muted);font-size:12px;letter-spacing:.2em;background:repeating-linear-gradient(135deg,var(--bg-2) 0 14px,#efede9 14px 28px)}.card.placeholder .name{color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in,.no-js .reveal{opacity:1;transform:none}.touch{background:var(--ink);color:#fff;text-align:center;padding:clamp(64px,9vw,120px) var(--gutter)}.touch h2{font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:.12em}.touch p{color:#b5b1ab;margin-top:14px;font-size:15px}.btn{display:inline-flex;align-items:center;gap:12px;border:1px solid currentColor;padding:12px 28px;font-size:14px;letter-spacing:.12em;transition:background .3s,color .3s,border-color .3s}.touch-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}.touch .btn.light{background:#fff;color:var(--ink);border-color:#fff}.touch .btn.light:hover{background:transparent;color:#fff}.touch .btn:hover{background:#fff;color:var(--ink)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.dark:hover{background:var(--accent);border-color:var(--accent)}@media(max-width:1100px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){:root{--header-h: 68px}.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.line-icon{display:block;color:var(--fg)}.line-icon.reveal{opacity:1;transform:none}.line-icon.draw :is(path,circle,rect){stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease)}.line-icon.draw.in :is(path,circle,rect){stroke-dashoffset:0}.no-js .line-icon.draw :is(path,circle,rect){stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.line-icon.draw :is(path,circle,rect){stroke-dashoffset:0}}.site-header[data-astro-cid-3ef6ksr2]{position:fixed;inset:0 0 auto;z-index:50;background:#ffffffad;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);transform:translateZ(0)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.site-header[data-astro-cid-3ef6ksr2]{background:#fff}}.bar[data-astro-cid-3ef6ksr2]{max-width:var(--max);margin-inline:auto;height:var(--header-h);padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.brand[data-astro-cid-3ef6ksr2] .logo[data-astro-cid-3ef6ksr2]{height:38px;width:auto}.nav[data-astro-cid-3ef6ksr2]>ul[data-astro-cid-3ef6ksr2]{display:flex;gap:clamp(20px,2.6vw,40px);list-style:none}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:14px;font-weight:500;letter-spacing:.06em;position:relative}.nav[data-astro-cid-3ef6ksr2]>ul[data-astro-cid-3ef6ksr2]>li[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav[data-astro-cid-3ef6ksr2]>ul[data-astro-cid-3ef6ksr2]>li[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2]:hover:after,.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current]:after{transform:scaleX(1)}.has-sub[data-astro-cid-3ef6ksr2]{position:relative}.sub[data-astro-cid-3ef6ksr2]{position:absolute;top:100%;left:-18px;padding:14px 20px;margin-top:12px;min-width:0;white-space:nowrap;list-style:none;background:#fff;border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s}.sub[data-astro-cid-3ef6ksr2]:before{content:"";position:absolute;inset:-14px 0 auto;height:14px}.has-sub[data-astro-cid-3ef6ksr2]:hover .sub[data-astro-cid-3ef6ksr2],.has-sub[data-astro-cid-3ef6ksr2]:focus-within .sub[data-astro-cid-3ef6ksr2]{opacity:1;visibility:visible;transform:none}.sub[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:flex;align-items:baseline;gap:3px;padding:7px 0;color:var(--muted);transition:color .2s}.sub[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:after{display:none}.sub[data-astro-cid-3ef6ksr2] .en[data-astro-cid-3ef6ksr2]{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--fg);white-space:nowrap}.sub[data-astro-cid-3ef6ksr2] .dot[data-astro-cid-3ef6ksr2]{font-size:11px;color:var(--muted);margin-inline:-.5px}.sub[data-astro-cid-3ef6ksr2] .zh[data-astro-cid-3ef6ksr2]{font-size:11px;letter-spacing:.1em;white-space:nowrap}.sub[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover .zh[data-astro-cid-3ef6ksr2]{color:var(--fg)}.menu-btn[data-astro-cid-3ef6ksr2]{display:none;width:32px;height:32px;position:relative;z-index:2}.menu-btn[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{position:absolute;left:4px;right:4px;height:1.5px;background:var(--fg);transition:transform .4s var(--ease),opacity .3s}.menu-btn[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(1){top:9px}.menu-btn[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(2){top:15px}.menu-btn[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(3){top:21px}.menu-btn[data-astro-cid-3ef6ksr2][aria-expanded=true] span[data-astro-cid-3ef6ksr2]:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-btn[data-astro-cid-3ef6ksr2][aria-expanded=true] span[data-astro-cid-3ef6ksr2]:nth-child(2){opacity:0}.menu-btn[data-astro-cid-3ef6ksr2][aria-expanded=true] span[data-astro-cid-3ef6ksr2]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:860px){.menu-btn[data-astro-cid-3ef6ksr2]{display:block}.brand[data-astro-cid-3ef6ksr2] .logo[data-astro-cid-3ef6ksr2]{height:30px}.nav[data-astro-cid-3ef6ksr2]{position:fixed;inset:0;height:100svh;background:#fff;padding:calc(var(--header-h) + 24px) var(--gutter) 40px;overflow-y:auto;transform:translateY(-100%);transition:transform .55s var(--ease)}.nav[data-astro-cid-3ef6ksr2].open{transform:none}.nav[data-astro-cid-3ef6ksr2]>ul[data-astro-cid-3ef6ksr2]{flex-direction:column;gap:22px}.nav[data-astro-cid-3ef6ksr2]>ul[data-astro-cid-3ef6ksr2]>li[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2]{font-size:22px}.sub[data-astro-cid-3ef6ksr2]{position:static;opacity:1;visibility:visible;transform:none;border:0;padding:6px 0 0;margin:0;min-width:0;max-width:360px}}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--line)}.inner[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:32px;font-size:12px;color:var(--muted);letter-spacing:.06em}nav[data-astro-cid-sz7xmlte]{display:flex;gap:22px}nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{display:inline-block;padding:14px 0;margin:-14px 0}a[data-astro-cid-sz7xmlte]:hover{color:var(--fg)}.float[data-astro-cid-sfphkekt]{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(16px,4vh,48px);z-index:40;display:flex;flex-direction:column;gap:12px}.circle[data-astro-cid-sfphkekt]{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--fg);background:#ffffffe6;display:grid;place-items:center;font-size:11px;font-weight:500;letter-spacing:.04em;transition:background .3s,color .3s,opacity .3s,transform .3s}.circle[data-astro-cid-sfphkekt]:hover{background:var(--fg);color:#fff}.top[data-astro-cid-sfphkekt] svg[data-astro-cid-sfphkekt]{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.top[data-astro-cid-sfphkekt]{opacity:0;pointer-events:none;transform:translateY(8px)}body.far .top[data-astro-cid-sfphkekt]{opacity:1;pointer-events:auto;transform:none}@media(max-width:760px){.float[data-astro-cid-sfphkekt]{right:10px;bottom:16px;gap:10px}.circle[data-astro-cid-sfphkekt]{width:44px;height:44px;font-size:10px}}.cursor[data-astro-cid-msvfyisy]{display:none}@media(hover:hover)and (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor input:not([type=checkbox]),html.has-cursor textarea{cursor:text!important}.cursor[data-astro-cid-msvfyisy]{display:block;position:fixed;left:0;top:0;z-index:9999;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:1.5px solid #fff;mix-blend-mode:difference;transition:width .2s var(--ease),height .2s var(--ease),margin .2s var(--ease),background-color .2s,opacity .2s;opacity:0;will-change:transform}.cursor[data-astro-cid-msvfyisy].on{opacity:1}.cursor[data-astro-cid-msvfyisy].hover{width:36px;height:36px;margin:-18px 0 0 -18px;background:transparent}.cursor[data-astro-cid-msvfyisy].text{opacity:0}}.loader[data-astro-cid-4qws3apc]{display:none}html.show-loader .loader[data-astro-cid-4qws3apc]{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;animation:loader-out .7s cubic-bezier(.7,0,.2,1) 1.45s forwards}html.show-loader{overflow:hidden}html.loader-done{overflow:auto}.mark[data-astro-cid-4qws3apc]{position:relative;width:64px;aspect-ratio:339 / 393}.blade[data-astro-cid-4qws3apc]{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:translate(-18px);animation:blade-in .55s cubic-bezier(.2,.7,.1,1) forwards}.b1[data-astro-cid-4qws3apc]{clip-path:inset(0 0 81% 0);animation-delay:.1s}.b2[data-astro-cid-4qws3apc]{clip-path:inset(39.5% 0 39.5% 0);animation-delay:.32s}.b3[data-astro-cid-4qws3apc]{clip-path:inset(81% 0 0 0);animation-delay:.54s}.word[data-astro-cid-4qws3apc]{width:112px;height:auto;opacity:0;animation:word-in .5s ease .9s forwards}@keyframes blade-in{to{opacity:1;transform:none}}@keyframes word-in{to{opacity:1}}@keyframes loader-out{to{transform:translateY(-100%);visibility:hidden}}
