:root{color-scheme:light;--ink:#111;--muted:#696969;--line:#d8d8d4;--paper:#f6f6f2;--white:#fff;--surface:#ebebe6;--page-gutter:clamp(1.1rem, 4vw, 4.5rem);--image-radius:clamp(.7rem, 1.15vw, 1.15rem);--display:"Arial Narrow", "Helvetica Neue", "Noto Sans SC", Arial, sans-serif;--body:Inter, "Helvetica Neue", "Noto Sans SC", Arial, sans-serif}html[data-theme=dark]{color-scheme:dark;--ink:#f2f1eb;--muted:#a6a59f;--line:#373735;--paper:#121212;--surface:#242422}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}[data-lang=en],html[data-language=en] [data-lang=zh]{display:none}html[data-language=en] [data-lang=en]{display:initial}.skip-link{z-index:100;background:var(--ink);color:var(--white);padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;min-height:4.75rem;padding:0 var(--page-gutter);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1.5rem;transition:background-color .35s,border-color .35s,box-shadow .35s;display:flex;position:sticky;top:0}.site-header.is-scrolled{border-color:color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--paper) 76%, transparent);backdrop-filter:blur(18px)saturate(140%);box-shadow:0 .65rem 2rem #0000000b}.brand{letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:1.75rem;height:1.75rem;fill:var(--ink)}.brand .brand-eye{fill:var(--paper)}.header-controls{align-items:center;gap:.15rem;display:flex}.control-button{min-width:2.65rem;min-height:2.65rem;color:var(--muted);cursor:pointer;letter-spacing:.08em;background:0 0;border:0;justify-content:center;align-items:center;gap:.38rem;padding:0 .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.control-button:hover{color:var(--ink)}.control-button svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.theme-icon-moon,html[data-theme=dark] .theme-icon-sun{display:none}html[data-theme=dark] .theme-icon-moon{display:block}.back-to-top{z-index:45;border:1px solid color-mix(in srgb, var(--line) 76%, transparent);width:3.25rem;height:3.25rem;color:var(--ink);background:color-mix(in srgb, var(--paper) 80%, transparent);backdrop-filter:blur(16px)saturate(140%);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;place-items:center;padding:0;transition:opacity .28s,visibility .28s,transform .35s cubic-bezier(.22,1,.36,1),background-color .2s;display:grid;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);transform:translateY(.75rem)scale(.94);box-shadow:0 .75rem 2rem #0000001a}.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:hover{background:var(--paper);transform:translateY(-2px)scale(1)}.back-to-top svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}main{min-height:calc(100vh - 4.75rem)}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700}.detail-title h1,.empty-state h1,.not-found h1{font-family:var(--display);letter-spacing:-.065em;margin:0;font-size:clamp(3.3rem,8.8vw,9rem);font-weight:500;line-height:.84}.masonry{padding:clamp(1.5rem, 3vw, 3rem) var(--page-gutter) clamp(4rem, 9vw, 8rem);column-count:4;column-gap:clamp(.8rem,1.5vw,1.4rem)}.gallery-card{break-inside:avoid;margin:0 0 clamp(1.5rem,3vw,2.8rem)}.gallery-card a{text-decoration:none;display:block}.gallery-card figure{border-radius:var(--image-radius);margin:0;position:relative;overflow:hidden}.image-shell{background:var(--surface);position:relative;overflow:hidden}.image-shell img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .25s;position:relative}.image-fallback{background:repeating-linear-gradient(135deg, var(--surface) 0, var(--surface) 1px, color-mix(in srgb, var(--surface), var(--paper) 50%) 1px, color-mix(in srgb, var(--surface), var(--paper) 50%) 12px);color:var(--muted);letter-spacing:.2em;place-items:center;font-size:.75rem;display:grid;position:absolute;inset:0}.image-error img{opacity:0}.gallery-card a:hover img{transform:scale(1.025)}.gallery-card figcaption{z-index:2;min-height:38%;color:var(--white);pointer-events:none;background:linear-gradient(#0000 0%,#00000047 42%,#000000b8 100%);justify-content:space-between;align-items:end;gap:1rem;padding:clamp(2.5rem,5vw,4.5rem) 1rem 1rem;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:auto 0 0}.gallery-card h2{text-shadow:0 1px 12px #00000059;margin:0;font-size:1rem;font-weight:600;line-height:1.35}.gallery-card figcaption p{color:#ffffffc2;text-shadow:0 1px 10px #0006;margin:.18rem 0 0;font-family:Georgia,serif;font-size:.82rem;font-style:italic}.gallery-card a:hover figcaption,.gallery-card a:focus-visible figcaption{transform:translateY(-3px)}.gallery-card figcaption.caption-selected,.gallery-card figcaption.caption-returning{opacity:0;transform:translateY(4px)}.detail-page{padding:clamp(1.5rem, 4vw, 3rem) var(--page-gutter) clamp(4rem, 8vw, 7rem)}.back-link{width:3.25rem;height:3.25rem;color:var(--muted);place-items:center;margin-bottom:clamp(1.5rem,4vw,3rem);font-size:2rem;font-weight:700;line-height:1;text-decoration:none;display:inline-grid}.back-link:hover{color:var(--ink)}.detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.85fr);align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.detail-figure{margin:0}.detail-figure .image-shell{border-radius:clamp(.9rem,1.5vw,1.5rem)}.detail-figure figcaption{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.65rem;font-size:.72rem;display:flex}.detail-figure figcaption a{text-underline-offset:.18em}.detail-content{padding-top:clamp(.5rem,3vw,3rem);position:sticky;top:2rem}.detail-title h1{font-size:clamp(3.2rem,6vw,6.8rem)}.scientific-name{color:var(--muted);margin:1.1rem 0 0;font-family:Georgia,serif;font-size:1.05rem;font-style:italic}.detail-description{margin:clamp(2.5rem,6vw,5.5rem) 0 2.5rem;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7}.facts-list{border-top:1px solid var(--line);margin:0}.facts-list>div{border-bottom:1px solid var(--line);grid-template-columns:7rem 1fr;gap:1rem;padding:.85rem 0;display:grid}.facts-list dt,.exif-grid dt{color:var(--muted);font-size:.78rem}.facts-list dd,.exif-grid dd{margin:0;font-size:.9rem}.exif-section{margin-top:2.5rem}.exif-section h2{letter-spacing:.16em;margin:0 0 1rem;font-size:.78rem}.exif-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0;display:grid}.exif-grid>div{background:var(--surface);padding:.75rem}.exif-grid dd{margin-top:.25rem}.empty-state,.not-found{min-height:68vh;padding:clamp(4rem, 10vw, 9rem) var(--page-gutter);flex-direction:column;justify-content:center;display:flex}.empty-state h1,.not-found h1{max-width:15ch;font-size:clamp(3rem,7vw,7rem)}.empty-state>p:last-child,.not-found>p{max-width:34rem;color:var(--muted)}.error-code{letter-spacing:.18em;margin:0 0 1rem;font-size:.78rem;font-weight:700}.text-link{text-underline-offset:.3em;margin-top:1.5rem;font-weight:700}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::view-transition-group(*){animation-duration:.78s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-delay:.18s}::view-transition-image-pair(*){isolation:auto}::view-transition-old(*){mix-blend-mode:normal;animation:.78s cubic-bezier(.4,0,.2,1) .18s both bird-image-out}::view-transition-new(*){mix-blend-mode:normal;animation:.78s cubic-bezier(.4,0,.2,1) .18s both bird-image-in}::view-transition-group(detail-copy){animation:none}::view-transition-old(detail-copy){mix-blend-mode:normal;animation:.22s cubic-bezier(.4,0,1,1) both content-out}::view-transition-new(detail-copy){mix-blend-mode:normal;animation:.44s cubic-bezier(.16,1,.3,1) .52s both content-in}::view-transition-group(root){animation-duration:.01ms}::view-transition-old(root),::view-transition-new(root){animation:none}@keyframes bird-image-out{0%{filter:blur();opacity:1}to{filter:blur(7px);opacity:0}}@keyframes bird-image-in{0%{filter:blur(7px);opacity:0}to{filter:blur();opacity:1}}@keyframes content-out{0%{filter:blur();opacity:1;transform:translateY(0)}to{filter:blur(3px);opacity:0;transform:translateY(-6px)}}@keyframes content-in{0%{filter:blur(4px);opacity:0;transform:translateY(10px)}to{filter:blur();opacity:1;transform:translateY(0)}}@media (width<=1100px){.masonry{column-count:3}.detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:2.5rem}.exif-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.masonry{column-count:2}.detail-grid{grid-template-columns:1fr}.detail-content{position:static}}@media (width<=520px){.site-header{min-height:4.4rem}.brand{letter-spacing:.09em;font-size:.76rem}.brand svg{width:1.45rem;height:1.45rem}.masonry{column-count:1}.gallery-card{margin-bottom:2.2rem}.detail-page{padding-top:1rem}.detail-title h1{font-size:clamp(3.2rem,18vw,5rem)}.facts-list>div{grid-template-columns:5rem 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}