:root{color-scheme:light;--bg: #f3f6f7;--surface: #ffffff;--surface-soft: #eef3f5;--text: #172024;--muted: #667277;--line: #dbe3e6;--shadow: 0 16px 40px rgba(23, 32, 36, .1);--shadow-soft: 0 8px 24px rgba(23, 32, 36, .06);--spring: #208b6a;--summer: #247da5;--autumn: #b85d35;--winter: #5368ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-bottom:1px solid rgba(219,227,230,.9);background:#f3f6f7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;color:var(--text);text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#173c4a;color:#fff;font-weight:700}.brand-title,.brand-subtitle{display:block}.brand-title{font-size:1rem;font-weight:700}.brand-subtitle{color:var(--muted);font-size:.72rem}.site-nav{display:flex;align-items:center;gap:.35rem}.site-nav a{border-radius:6px;color:var(--muted);font-size:.9rem;font-weight:650;padding:.45rem .7rem;text-decoration:none}.site-nav a.active,.site-nav a:hover{background:var(--surface-soft);color:var(--text)}.home-main,.detail-main,.about-main,.not-found{width:min(1180px,calc(100% - 40px));margin:0 auto}.overview{position:relative;display:block;padding:2.6rem 0 1.45rem}.overview:after{display:block;width:96px;height:3px;margin-top:1rem;background:linear-gradient(90deg,var(--spring),var(--summer) 38%,var(--autumn) 70%,var(--winter));border-radius:999px;content:""}.overview h1,.detail-title h1,.about-header h1,.not-found h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.1}.overview p{margin:0;color:var(--muted);text-align:right}.overview .eyebrow{text-align:left}.eyebrow{margin:0 0 .45rem;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.season-index{position:sticky;top:71px;z-index:8;display:flex;flex-wrap:wrap;gap:1.15rem;margin:0 0 2.2rem;border-bottom:1px solid rgba(102,114,119,.13);background:#f3f6f7e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.65rem 0 .85rem}.season-index a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:.18rem 0;text-decoration:none;transition:color .18s ease,transform .18s ease}.season-index a:hover{background:transparent;box-shadow:none;transform:translateY(-1px)}.season-index a:after{position:absolute;right:0;bottom:-.9rem;left:0;height:2px;background:currentColor;content:"";opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .18s ease}.season-index a:hover:after,.season-index a.active:after{opacity:1;transform:scaleX(1)}.season-index a.active{transform:translateY(-1px)}.season-index a[href="#season-春"]{color:var(--spring)}.season-index a[href="#season-夏"]{color:var(--summer)}.season-index a[href="#season-秋"]{color:var(--autumn)}.season-index a[href="#season-冬"]{color:var(--winter)}.season-index span{font-size:1.05rem;font-weight:800}.season-index strong{color:currentColor;font-size:.68rem;font-weight:700;opacity:.62;transform:translateY(-.28rem)}.season-section{display:grid;grid-template-columns:148px minmax(0,1fr);gap:1.35rem;border-top:1px solid rgba(102,114,119,.16);padding:1.8rem 0 4.4rem;scroll-margin-top:90px}.season-section:last-of-type{padding-bottom:3.2rem}.season-heading{position:sticky;top:88px;align-self:start;min-height:196px;border-radius:0;background:transparent;padding:.15rem 0 0}.season-heading:after{display:block;width:54px;height:2px;margin-top:1rem;background:var(--season-color, var(--text));content:"";opacity:.55}.season-heading h2{margin:.18rem 0 .25rem;color:var(--season-color, var(--text));font-size:4rem;font-weight:850;line-height:1}.season-heading p,.season-heading span,.season-heading strong{display:block;margin:0}.season-heading p{color:var(--season-color, var(--text));font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.season-heading span{color:var(--muted);font-size:.9rem}.season-heading strong{position:relative;display:inline-flex;align-items:center;margin-top:.95rem;border-radius:4px;background:transparent;color:var(--season-color, var(--text));font-size:1rem;line-height:1;padding:0}.season-section[data-season=春]{--season-color: var(--spring);--season-bg: #eaf5f1}.season-section[data-season=夏]{--season-color: var(--summer);--season-bg: #e9f3f8}.season-section[data-season=秋]{--season-color: var(--autumn);--season-bg: #f8eee8}.season-section[data-season=冬]{--season-color: var(--winter);--season-bg: #eef0fa}.fish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.45rem}.fish-card{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:180px;overflow:hidden;border:0;border-bottom:1px solid rgba(102,114,119,.1);border-radius:8px;background:transparent;color:var(--text);text-decoration:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.fish-card[data-season=春]{--card-color: var(--spring);--card-shadow: rgba(32, 139, 106, .14);--card-tint: rgba(32, 139, 106, .08)}.fish-card[data-season=夏]{--card-color: var(--summer);--card-shadow: rgba(36, 125, 165, .14);--card-tint: rgba(36, 125, 165, .08)}.fish-card[data-season=秋]{--card-color: var(--autumn);--card-shadow: rgba(184, 93, 53, .14);--card-tint: rgba(184, 93, 53, .08)}.fish-card[data-season=冬]{--card-color: var(--winter);--card-shadow: rgba(83, 104, 173, .14);--card-tint: rgba(83, 104, 173, .08)}.fish-card:hover{background:#ffffff75;box-shadow:0 10px 24px #1720240b;transform:translateY(-1px)}.fish-card:hover .fish-card-image img{transform:scale(1.018)}.fish-card:hover .fish-card-image{box-shadow:inset 0 0 0 1px #17202405,0 10px 24px #1720240f;transform:translateY(-2px)}.fish-card:hover .fish-name{filter:brightness(1.06);box-shadow:0 7px 16px var(--card-shadow, rgba(23, 32, 36, .08))}.fish-card-image{position:relative;z-index:1;width:220px;aspect-ratio:4 / 3;height:auto;overflow:hidden;border-right:0;border:1px solid rgba(255,255,255,.95);border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #17202406,0 1px #ffffffe6;margin:.8rem 0 .8rem .35rem;padding:.85rem;transition:box-shadow .2s ease,transform .2s ease}.fish-card-image img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .28s ease,transform .22s ease}.fish-image{opacity:0}.fish-image.is-loaded{opacity:1}.fish-card-body{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1.1rem 0}.fish-card h3{margin:0 0 .65rem;font-size:1.2rem;line-height:1.25}.fish-number{position:absolute;top:.9rem;right:.9rem;color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.08em;opacity:.35;pointer-events:none}.fish-name{display:block;width:calc(100% + 14px);margin-left:-14px;border-radius:2px 0 0 2px;background:var(--name-color, var(--text));box-shadow:0 8px 18px var(--name-shadow, rgba(23, 32, 36, .08));color:#fff;padding:.24rem .9rem .28rem 1.05rem;transition:box-shadow .18s ease,filter .18s ease}.season-name-春{--name-color: var(--spring);--name-shadow: rgba(32, 139, 106, .16)}.season-name-夏{--name-color: var(--summer);--name-shadow: rgba(36, 125, 165, .16)}.season-name-秋{--name-color: var(--autumn);--name-shadow: rgba(184, 93, 53, .16)}.season-name-冬{--name-color: var(--winter);--name-shadow: rgba(83, 104, 173, .16)}.name-line{margin:.6rem .9rem 0;color:var(--muted);font-size:.86rem;letter-spacing:.02em;line-height:1.35;opacity:.76}.season-badge{display:inline-flex;align-items:center;height:24px;border-radius:4px;color:#fff;font-size:.74rem;font-weight:750;padding:0 .45rem}.season-春{background:var(--spring)}.season-夏{background:var(--summer)}.season-秋{background:var(--autumn)}.season-冬{background:var(--winter)}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;border:1px solid var(--card-tint, rgba(102, 114, 119, .14));border-radius:7px;background:linear-gradient(135deg,#ffffffeb,#ffffffbd),var(--card-tint, #f7f9f9);color:var(--card-color, #4d5a55);overflow:hidden}.image-placeholder span{max-width:100%;overflow:hidden;font-size:clamp(1rem,calc(8.6rem / var(--placeholder-length, 3)),2.65rem);font-weight:700;line-height:1;opacity:.9;text-overflow:clip;white-space:nowrap}.detail-media img{width:100%;height:100%;object-fit:contain;display:block;padding:1rem}.detail-main{padding:1.35rem 0 3.5rem}.back-link{display:inline-flex;align-items:center;margin-bottom:1.1rem;color:var(--muted);font-size:.9rem;font-weight:650;text-decoration:none}.back-link:hover{color:var(--text)}.detail-layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:2.2rem;align-items:start}.detail-layout[data-season=春]{--card-color: var(--spring);--card-tint: rgba(32, 139, 106, .08)}.detail-layout[data-season=夏]{--card-color: var(--summer);--card-tint: rgba(36, 125, 165, .08)}.detail-layout[data-season=秋]{--card-color: var(--autumn);--card-tint: rgba(184, 93, 53, .08)}.detail-layout[data-season=冬]{--card-color: var(--winter);--card-tint: rgba(83, 104, 173, .08)}.detail-media{position:sticky;top:92px}.detail-media>img,.detail-media>.image-placeholder{aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #17202406,0 16px 34px #17202412}.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.85rem;color:var(--muted)}.detail-meta a{color:var(--text);font-size:.9rem;font-weight:650;text-decoration-color:#17202447;text-underline-offset:.18em}.detail-content{min-width:0}.detail-title{position:relative;border-bottom:1px solid rgba(102,114,119,.14);padding-bottom:1.15rem}.detail-title:after{display:block;width:76px;height:3px;margin-top:1rem;border-radius:999px;background:var(--card-color, var(--text));content:"";opacity:.85}.detail-name{display:inline-block;margin:0;border-radius:2px;background:var(--card-color, var(--text));box-shadow:0 8px 18px var(--card-tint, rgba(23, 32, 36, .08));color:#fff;font-size:clamp(2.1rem,5vw,4rem);line-height:1.1;padding:.14em .24em .17em}.detail-subtitle{display:flex;flex-wrap:wrap;gap:.6rem;margin:.85rem 0 0;color:var(--muted);font-size:1rem;letter-spacing:.02em}.detail-subtitle span+span:before{margin-right:.6rem;color:#66727780;content:"/"}.section-nav{position:sticky;top:71px;z-index:7;display:flex;flex-wrap:nowrap;gap:.45rem;margin:0 -.2rem;overflow-x:auto;background:#f3f6f7e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.9rem .2rem;scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav a{flex:0 0 auto;border:1px solid rgba(102,114,119,.16);border-radius:999px;background:#ffffff9e;color:var(--muted);font-size:.82rem;font-weight:650;padding:.28rem .62rem;text-decoration:none;transition:border-color .18s ease,color .18s ease,transform .18s ease}.section-nav a:hover{color:var(--card-color, var(--text));border-color:var(--card-color, #b7c2b8);transform:translateY(-1px)}.sections{display:grid;gap:1.05rem}.detail-section{border:1px solid rgba(102,114,119,.12);border-radius:10px;background:#ffffffc7;box-shadow:0 8px 22px #17202409;padding:1.15rem 1.25rem;scroll-margin-top:132px}.detail-section h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;color:var(--text);font-size:1.08rem}.detail-section h2:before{display:inline-block;width:.36rem;height:1.05rem;border-radius:99px;background:var(--card-color, var(--text));content:""}.section-text p,.source-box p,.about-block p{margin:0}.section-text p+p,.source-box p+p,.about-block p+p{margin-top:.7rem}.source-box{margin-top:.9rem;border:1px solid rgba(102,114,119,.14);border-radius:8px;background:#f8faf7d1;box-shadow:inset 0 1px 8px #1f26240a;color:#49534f;padding:.9rem}.translation-missing{margin:.75rem 0 0;color:var(--muted);font-size:.82rem}.about-main{padding:2rem 0 3rem}.about-header{border-bottom:1px solid var(--line);padding-bottom:1.2rem}.about-header p:last-child{margin:.5rem 0 0;color:var(--muted)}.about-block{margin-top:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:1.2rem}.about-block h2{margin:0 0 .7rem}.about-block a{font-weight:650}.about-lang{color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.not-found{padding:4rem 0}.site-footer{display:flex;align-items:center;justify-content:center;gap:.8rem;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem;padding:1.6rem 1rem}.site-footer a{font-weight:650}@media (max-width: 1100px){.fish-grid{grid-template-columns:1fr}.fish-card{grid-template-columns:220px minmax(0,1fr)}.fish-card-image{width:220px}}@media (max-width: 860px){.site-header{align-items:flex-start;padding:.85rem 1rem}.home-main,.detail-main,.about-main,.not-found{width:min(100% - 24px,1180px)}.overview{display:block}.overview p{margin-top:.75rem;text-align:left}.season-index{top:66px;gap:.9rem;margin-bottom:1.6rem}.season-section{display:block;padding:1.1rem 0 2.4rem}.season-heading{position:static;display:grid;min-height:auto;grid-template-columns:auto 1fr auto;gap:.3rem .8rem;align-items:baseline;margin-bottom:.8rem}.season-heading:after{grid-column:1 / -1;margin-top:.25rem}.season-heading p{grid-column:1 / -1}.season-heading h2{font-size:2.2rem}.season-heading strong{margin-top:0}.fish-grid{grid-template-columns:1fr;gap:.75rem}.fish-card-body{min-height:126px;padding:.75rem 0}.fish-name{width:calc(100% + 10px);margin-left:-10px;padding-left:.9rem}.fish-card h3{font-size:1rem}.fish-number{top:.55rem;right:.75rem;font-size:.62rem}.detail-layout{display:block}.detail-media{position:static;margin-bottom:1.4rem}.detail-title h1{font-size:2.3rem}.section-nav{top:66px}.site-footer{flex-direction:column;text-align:center}}@media (max-width: 460px){.brand-subtitle{display:none}.site-nav a{padding:.4rem .5rem}.season-index{gap:.5rem}.fish-grid{grid-template-columns:1fr}.fish-card{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:120px}.fish-card-image{width:132px;height:auto;min-height:0;padding:.5rem}.fish-card-image .image-placeholder{display:grid;min-height:0;place-items:center;padding:.35rem}.fish-card h3{font-size:1rem}.image-placeholder span{display:block;max-width:100%;font-size:clamp(.82rem,calc(5.8rem / var(--placeholder-length, 3)),1.9rem);line-height:1;text-align:center}.name-line{margin-right:.75rem;margin-left:.75rem;font-size:.84rem}}