: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)}.card .thumb img,.card .thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .35s}.card:hover .thumb img,.card:hover .thumb video{transform:scale(1.04)}.card .thumb .hover-img{opacity:0}.card:hover .thumb .hover-img{opacity:1}.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 .btn{margin-top:32px}.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}}.site-header[data-astro-cid-3ef6ksr2]{position:fixed;inset:0 0 auto;z-index:50;background:#fff;transition:box-shadow .3s}body.scrolled .site-header[data-astro-cid-3ef6ksr2]{box-shadow:0 1px 0 var(--line)}.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] .mark[data-astro-cid-3ef6ksr2],.brand[data-astro-cid-3ef6ksr2] .word[data-astro-cid-3ef6ksr2]{height:24px;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:18px;margin-top:12px;min-width:190px;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:block;font-size:12px;color:var(--muted);padding:4px 0;transition:color .2s}.sub[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{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}.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:8px 0 0;margin:0;display:flex;flex-wrap:wrap;gap:4px 16px}}.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}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}.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}}