:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0d0b;--surface:#171512;--surface-2:#201d19;--line:#f1ece21a;--line-strong:#f1ece233;--text:#f1ece2;--muted:#9c9486;--accent:#e9c46a;--accent-ink:#1a1408;--radius:10px;--gutter:clamp(1rem, 4vw, 3rem);--sans:"Inter", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Heiti TC", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(60rem 30rem at 85% -10%, #e9c46a14, transparent 70%), var(--bg);min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{max-width:1480px;padding:clamp(2.5rem, 7vw, 5rem) var(--gutter) 2rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem 3rem;margin:0 auto;display:flex}.eyebrow{color:var(--accent);font:600 .72rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem}h1{font-family:var(--serif);letter-spacing:.02em;margin:0;font-size:clamp(2.1rem,5.4vw,3.8rem);font-weight:700;line-height:1.12}.hero__lede{color:var(--muted);margin:.8rem 0 0;font-size:1rem}.stats{grid-template-columns:repeat(4,auto);gap:0 clamp(1.25rem,3vw,2.5rem);margin:0;display:grid}.stats div{gap:.35rem;display:grid}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:1.6rem;font-weight:600}.stats div:first-child dd{color:var(--accent)}.toolbar{z-index:20;border-block:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(16px);background:#0e0d0bd1;position:sticky;top:0}.toolbar__inner{max-width:1480px;padding:.75rem var(--gutter);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 auto;display:flex}.search{flex:16rem;min-width:0;position:relative}.search svg{width:1.05rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search input,.select select{border:1px solid var(--line);background:var(--surface);border-radius:999px;outline:none;width:100%;height:2.5rem;transition:border-color .15s}.search input{padding:0 1rem 0 2.5rem}.search input::placeholder{color:var(--muted)}.search input:focus,.select select:focus{border-color:var(--accent)}.select select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c9486' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .8rem center / .95rem no-repeat, var(--surface);padding:0 2.2rem 0 1rem}.chips,.segmented{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:.25rem;padding:.2rem;display:flex}.chip,.segmented button{height:2.05rem;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 .95rem;transition:background .15s,color .15s}.segmented button{place-items:center;width:2.3rem;padding:0;display:grid}.segmented svg{stroke-width:1.6px;width:1.05rem}.chip:hover,.segmented button:hover{color:var(--text)}.chip[aria-pressed=true],.segmented button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent)}main{max-width:1480px;min-height:60vh;padding:0 var(--gutter) 4rem;margin:0 auto}.status{color:var(--muted);text-align:center;margin:3rem 0}.status:empty{display:none}.month{margin-top:2.5rem}.month__heading{align-items:baseline;gap:.75rem;margin:0 0 1rem;display:flex}.month__heading h2{font-family:var(--serif);letter-spacing:.03em;margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600}.month__heading span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.month__heading:after{content:"";background:var(--line);flex:1;align-self:center;height:1px}.gallery--grid .month__cards{grid-template-columns:repeat(auto-fill,minmax(min(10.5rem,42vw),1fr));gap:.75rem;display:grid}.gallery--masonry .month__cards{columns:5 14rem;column-gap:.75rem}.card{border-radius:var(--radius);background:linear-gradient(110deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%) 0 0 / 300% 100%;isolation:isolate;border:0;width:100%;padding:0;transition:transform .22s,box-shadow .22s;animation:1.6s linear infinite shimmer;display:block;position:relative;overflow:hidden}.card.is-loaded{background:var(--surface);animation:none}.gallery--grid .card{aspect-ratio:9/16}.gallery--masonry .card{break-inside:avoid;min-height:10rem;margin:0 0 .75rem}.card img{opacity:0;width:100%;transition:opacity .3s,transform .4s;display:block}.gallery--grid .card img{object-fit:cover;height:100%}.card.is-loaded img{opacity:1}.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #000c}.card:hover img{transform:scale(1.03)}.card__type{z-index:1;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;background:#0e0d0b99;border-radius:999px;padding:.2rem .5rem;font-size:.68rem;font-weight:600;position:absolute;top:.55rem;left:.55rem}.card__icons{z-index:1;gap:.3rem;display:flex;position:absolute;top:.55rem;right:.55rem}.card__icons span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0d0b99;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;font-size:.68rem;display:grid}.card__icons svg{stroke-width:2px;width:.85rem}.card__date{z-index:1;color:#fff;font-variant-numeric:tabular-nums;text-align:left;background:linear-gradient(#0000,#000000b8);padding:2.5rem .75rem .65rem;font-size:.78rem;position:absolute;inset:auto 0 0}@keyframes shimmer{to{background-position:-300% 0}}.footer{max-width:1480px;padding:2rem var(--gutter) 3rem;color:var(--muted);border-top:1px solid var(--line);margin:0 auto;font-size:.8rem;line-height:1.7}.footer p{margin:0}.footer a{-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.footer a:hover{color:var(--text)}.lightbox{width:min(96vw,1280px);max-width:none;height:min(94vh,920px);max-height:none;color:var(--text);border:1px solid var(--line);background:var(--bg);border-radius:18px;padding:0;overflow:hidden}.lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050504db}.lightbox[open]{animation:.18s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.98)}}.lightbox__body{grid-template-columns:minmax(0,1fr) 22rem;height:100%;display:grid}.lightbox__media{background:#050504;min-width:0;min-height:0;position:relative}.lightbox__stage{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.lightbox__stage img,.lightbox__stage video{object-fit:contain;border-radius:10px;max-width:100%;min-height:0;max-height:100%;display:block}.progress{z-index:3;gap:4px;display:flex;position:absolute;top:.6rem;left:1rem;right:1rem}.progress span{background:#ffffff47;border-radius:2px;flex:1;height:3px}.progress span.is-active{background:#fffffff2}.nav,.close{width:2.6rem;height:2.6rem;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0d0bb8;border-radius:50%;place-items:center;padding:0;transition:background .15s,opacity .15s;display:grid}.nav:hover,.close:hover{background:var(--surface-2)}.nav:disabled{opacity:0;pointer-events:none}.nav svg,.close svg{width:1.25rem}.nav{z-index:3;position:absolute;top:50%;transform:translateY(-50%)}.nav--previous{left:1rem}.nav--next{right:1rem}.lightbox__details{border-left:1px solid var(--line);flex-direction:column;min-height:0;padding:1.25rem 1.5rem 1.5rem;display:flex;overflow:auto}.details__head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.badge{color:var(--accent);letter-spacing:.08em;border:1px solid #e9c46a59;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:600}.lightbox__details h2{font-family:var(--serif);margin:0;font-size:1.4rem;font-weight:600;line-height:1.35}.details__time{color:var(--muted);font-variant-numeric:tabular-nums;margin:.35rem 0 0;font-size:.9rem}.details__caption{color:#d9d3c7;white-space:pre-wrap;overflow-wrap:anywhere;margin:1.4rem 0 0;line-height:1.75}.details__caption.is-empty{color:var(--muted);font-style:italic}.details__meta{border-top:1px solid var(--line);gap:.6rem;margin:1.6rem 0 0;padding-top:1.2rem;font-size:.8rem;display:grid}.details__meta div{justify-content:space-between;gap:1rem;display:flex}.details__meta dt{color:var(--muted)}.details__meta dd{font-family:var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right;margin:0}.details__actions{flex-wrap:wrap;gap:.5rem;margin-top:1.4rem;display:flex}.button{height:2.4rem;color:var(--accent-ink);background:var(--accent);border:0;border-radius:999px;align-items:center;padding:0 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.button--ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.button--ghost:hover{background:var(--surface)}.details__hint{color:var(--muted);margin:auto 0 0;padding-top:1.5rem;font-size:.75rem}@media (width<=900px){.lightbox{border:0;border-radius:0;width:100vw;height:100dvh}.lightbox__body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.lightbox__details{max-height:38dvh;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-left:0}.details__head{margin-bottom:.8rem}.details__caption{margin-top:.8rem}.details__hint{display:none}.lightbox__stage{padding:1.4rem .5rem .5rem}.nav{width:2.3rem;height:2.3rem}.nav--previous{left:.5rem}.nav--next{right:.5rem}}@media (width<=640px){.hero{padding-bottom:1.5rem}.stats{grid-template-columns:repeat(4,1fr);width:100%}.stats dd{font-size:1.2rem}.toolbar{position:static}.toolbar__inner{gap:.5rem;padding-block:.6rem}.search{flex-basis:100%}.select{flex:1 1 0;min-width:0}.chips{flex:100%}.chip{flex:1}.gallery--grid .month__cards{grid-template-columns:repeat(3,1fr);gap:.4rem}.gallery--masonry .month__cards{columns:2;column-gap:.4rem}.gallery--masonry .card{margin-bottom:.4rem}.card{border-radius:8px}.card__type,.card__icons{top:.35rem}.card__type{font-size:.6rem;left:.35rem}.card__icons{right:.35rem}.card__icons span{width:1.3rem;height:1.3rem}.card__date{padding:1.8rem .5rem .45rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}