/* 鱼种图鉴 /fish/ 和文章里的「这篇里的鱼」条（2026-10-31）。鱼图本身是 fish-sprite.js 画的像素 SVG，颜色来自插图，不受站点主题变量影响。 */
.fish-head{max-width:760px;margin:6px 0 20px}
.fish-head .label{display:block;margin-bottom:10px}
.fish-head h1{font:400 clamp(2rem,5vw,3.2rem)/1.05 var(--disp);margin:0 0 12px;letter-spacing:-.01em}
.fish-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding-top:16px;border-top:3px double var(--rule2)}
.fish-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.fish-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 14px 16px;background:var(--paper2);border:2px solid var(--ink)}
.fish-card[hidden]{display:none}
.fish-art{min-height:128px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;overflow:hidden}
.fish-art svg{margin:0 auto}
.fish-noart{font:600 .78rem/1.3 var(--sans);color:var(--mut);text-align:center;border:2px dashed var(--rule);padding:10px 8px;width:100%}
.fish-name{font:400 1.25rem/1.15 var(--disp);margin:0}
.fish-name small{display:block;font:500 .8rem/1.3 var(--sans);color:var(--mut);margin-top:2px}
.fish-sci{margin:0;font:italic 400 .92rem/1.3 var(--serif);color:var(--ink2)}
.fish-aka{margin:0;font:400 .78rem/1.35 var(--sans);color:var(--mut)}
.fish-tag{display:inline-block;align-self:flex-start;font:700 .72rem/1 var(--sans);letter-spacing:.03em;padding:5px 7px;border:2px solid var(--ink);margin:2px 0}
.fish-tag.yes{background:var(--ok);color:#fff;border-color:var(--ok)}
.fish-tag.no{background:transparent;color:var(--mut);border-color:var(--rule)}
.fish-dist,.fish-how{margin:2px 0 0;font:400 .84rem/1.45 var(--sans);color:var(--ink2)}
.fish-how b{font-weight:700;color:var(--ink)}
.fish-card a{color:var(--red2)}
.fish-note{margin:26px 0 0;font:400 .9rem/1.5 var(--sans);color:var(--mut)}
.fish-credits{margin-top:34px;padding-top:18px;border-top:3px double var(--rule2)}
.fish-credits ul{margin:12px 0 0;padding:0;list-style:none;columns:2;column-gap:28px;font:400 .8rem/1.45 var(--sans);color:var(--ink2)}
.fish-credits li{break-inside:avoid;margin:0 0 8px}
@media(max-width:700px){.fish-credits ul{columns:1}.fish-grid{grid-template-columns:1fr}}

/* 文章标题下的「这篇里的鱼」：不是链接，只是配图 */
.art-fish{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 22px;margin:4px 0 18px;padding:12px 0 10px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.art-fish-h{flex:0 0 100%;text-align:center;font:700 .7rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.art-fish ul{display:contents;list-style:none;margin:0;padding:0}
.art-fish li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
.art-fish .nm{font:600 .78rem/1.2 var(--sans);color:var(--ink2)}