:root{color-scheme:light dark;--paper:#f3eee2;--ink:#14213a;--muted:#4f5a74;--green:#1f5f4a;--red:#b3261e;--line:#cfc8b6;--album:#14213a;--stamp-face:#f4efe3;--stamp-ink:#14213a;--stamp-green:#1f5f4a;--stamp-muted:#5a6479;--album-ink:#ece6d6;--album-muted:#aab4c8;--postmark:#d8402f;--serif:"Noto Serif TC", "Songti TC", serif;--sans:"Noto Sans TC", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{color-scheme:dark;--paper:#0a111f;--ink:#ece6d6;--muted:#a3adc2;--green:#6fbf9c;--red:#ff7566;--line:#26334f;--album:#172640}:root[data-theme=light]{color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0a111f;--ink:#ece6d6;--muted:#a3adc2;--green:#6fbf9c;--red:#ff7566;--line:#26334f;--album:#172640}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.8;display:flex}main{flex:1;width:100%;max-width:44rem;margin:0 auto;padding:2rem 1rem}main:has(>.album){max-width:160rem;padding:0 clamp(.75rem,2.5vw,2rem)}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}html{scrollbar-color:var(--green) var(--paper)}h1,h2{font-family:var(--serif);text-wrap:balance;font-weight:700}.skip-link{z-index:10;background:var(--stamp-face);color:var(--stamp-ink);font-family:var(--mono);padding:.5rem .9rem;font-size:.875rem;position:absolute;top:-4rem;left:.75rem}.skip-link:focus{top:.75rem}.site-header{width:100%;max-width:160rem;margin:0 auto;padding:0 clamp(.75rem,2.5vw,2rem)}.site-header nav{font-family:var(--mono);align-items:center;gap:clamp(.75rem,2.5vw,1.75rem);padding:.9rem 0;font-size:.875rem;display:flex}.site-header nav a{color:var(--muted);border-bottom:1px solid #0000;padding:.25rem 0;text-decoration:none;transition:color .2s,border-color .2s}.site-header nav a:hover{color:var(--ink);border-color:var(--line)}.site-header nav a[aria-current=page]{color:var(--red);border-color:var(--red)}.site-header nav #theme-toggle{margin-left:auto}.site-footer{width:100%;max-width:160rem;font-family:var(--mono);color:var(--muted);margin:0 auto;padding:1.25rem clamp(.75rem,2.5vw,2rem);font-size:.8125rem}.placeholder{border:1px dashed var(--line);color:var(--muted);padding:1rem}.album{--hole:5px;background:var(--album);min-height:calc(100svh - 7.5rem);color:var(--album-ink);isolation:isolate;border-radius:6px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(1.5rem,4vw,4.5rem);padding-inline:clamp(1.5rem,5vw,7rem);display:grid;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff0f,0 18px 40px -18px #050a198c}.cover{z-index:2;flex-direction:column;justify-content:space-between;gap:2.5rem;display:flex;position:relative}.cover h1{letter-spacing:-.02em;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:1.05}.cover h1 .latin{font-family:var(--mono);letter-spacing:.02em;color:var(--album-muted);margin-top:.4rem;font-size:.34em;font-weight:500;display:block}.cover .line span{display:inline-block}.cover .line{text-wrap:balance;max-width:18em;margin:1.5rem 0 0;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.7}.contact{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.stamp{--p:6px;--pitch:14px;color:var(--stamp-ink);background:radial-gradient(circle at 50% 0, var(--album) 0 var(--p), transparent calc(var(--p) + .5px)) 0 0 / var(--pitch) calc(var(--p) + 1px) repeat-x, radial-gradient(circle at 50% 100%, var(--album) 0 var(--p), transparent calc(var(--p) + .5px)) 0 100% / var(--pitch) calc(var(--p) + 1px) repeat-x, radial-gradient(circle at 0 50%, var(--album) 0 var(--p), transparent calc(var(--p) + .5px)) 0 0 / calc(var(--p) + 1px) var(--pitch) repeat-y, radial-gradient(circle at 100% 50%, var(--album) 0 var(--p), transparent calc(var(--p) + .5px)) 100% 0 / calc(var(--p) + 1px) var(--pitch) repeat-y, var(--stamp-face);transition:transform .35s var(--ease-out);padding:.9rem;text-decoration:none;display:block;position:relative}.stamp:before{content:"";pointer-events:none;background:#ece6d629;border:1px solid #ece6d624;width:38%;height:16px;position:absolute;top:-9px;left:50%;translate:-50%;rotate:-1.5deg}.stamp-inner{border:1px solid var(--stamp-green);flex-direction:column;justify-content:flex-end;height:100%;padding:.9rem;display:flex;position:relative;overflow:hidden}.stamp-art{width:100%;height:100%;color:var(--stamp-green);opacity:.22;position:absolute;inset:0}.stamp-kind{font-family:var(--mono);letter-spacing:.06em;color:var(--stamp-green);margin:0;font-size:.75rem;position:relative}.stamp-title{font-family:var(--serif);text-wrap:balance;margin:.35rem 0 0;font-weight:700;line-height:1.3;position:relative}.stamp-note{color:var(--stamp-muted);margin:.4rem 0 0;font-size:.875rem;line-height:1.6;position:relative}a.stamp:hover,a.stamp:focus-visible{transform:translateY(-4px)rotate(-.6deg)}a.stamp:focus-visible{outline-color:var(--postmark);outline-offset:5px}.slot{color:var(--album-muted);font-family:var(--serif);letter-spacing:.12em;text-align:left;border:1.5px dashed #ece6d661;border-radius:2px;place-items:end start;padding:1rem;font-size:.9375rem;font-weight:700;display:grid;position:relative}.plate{z-index:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:auto clamp(9rem,13vw,17rem);place-self:center;gap:clamp(1rem,2vw,1.75rem);display:grid;position:relative}.plate>.stamp-main{aspect-ratio:4/5;filter:drop-shadow(0 10px 14px #04081480);grid-row:1/4;height:clamp(24rem,min(66svh,38vw),50rem)}.plate>.stamp-main .stamp-inner{padding:1.4rem}.stamp-main .stamp-title{font-size:clamp(1.5rem,2.6vw,2.125rem)}.plate>.stamp-small{filter:drop-shadow(0 6px 8px #04081473);min-height:7.5rem}.plate>.stamp-small:nth-of-type(3){rotate:1.2deg}.plate>.stamp-small:nth-of-type(4){rotate:-.8deg}.stamp-small .stamp-inner{padding:.7rem}.stamp-small .stamp-title{font-size:1rem}.plate>.slot{min-height:7.5rem}.stamp-link{--p:4px;--pitch:10px;filter:drop-shadow(0 4px 6px #04081473);flex-direction:column;gap:.15rem;min-width:7.5rem;padding:.7rem .9rem;display:inline-flex}.stamp-link:before{display:none}.stamp-link .label{font-family:var(--mono);letter-spacing:.06em;color:var(--stamp-green);font-size:.6875rem}.stamp-link .action{font-family:var(--serif);font-size:1.0625rem;font-weight:700;line-height:1.4}.postmark{z-index:3;width:clamp(6.5rem,12vw,9rem);height:auto;color:var(--postmark);mix-blend-mode:normal;pointer-events:none;animation:postmark-in .7s var(--ease-out) .25s backwards;position:absolute;top:clamp(.75rem,3vw,2.25rem);right:clamp(.75rem,3vw,2.25rem);rotate:-14deg}.postmark text{fill:currentColor}@keyframes postmark-in{0%{opacity:0;filter:blur(6px);rotate:-26deg;scale:1.45}}@media (width<=75rem){.album{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.cover{padding-right:6rem}.cover .contact{order:3}.plate{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);place-self:stretch stretch}.plate>.stamp-main{aspect-ratio:auto;height:auto;min-height:24rem}}@media (width<=36rem){.album{grid-template-rows:auto;min-height:0}.cover{padding-top:4.5rem;padding-right:0}.plate{grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.plate>.stamp-main{aspect-ratio:auto;grid-area:auto/1/auto/-1;height:auto;min-height:18rem}.plate>.stamp-small,.plate>.slot{min-height:6rem}.stamp-small .stamp-title{font-size:.875rem}.stamp-small .stamp-note{display:none}.postmark{width:5.5rem}}@media (prefers-reduced-motion:reduce){.postmark{animation:none}.stamp{transition:none}}#theme-toggle[data-astro-cid-l6lhmie6]{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s;display:inline-grid}#theme-toggle[data-astro-cid-l6lhmie6]:hover{color:var(--ink);border-color:var(--muted)}