/* 成语词库「通用效果」页：两页切换（大标签），每页一个说明再加一列或一格格条目，左图右字。 */
.library-views{display:flex;gap:10px;margin:-8px 0 18px}
.library-views [role=tab]{flex:0 0 auto;min-height:40px;padding:0 22px;border:0;border-radius:10px;background:#3a4a4d;color:#f3eee4;font:17px var(--pix);letter-spacing:.06em;box-shadow:0 4px 0 #222e30;cursor:pointer}
.library-views [role=tab][aria-selected=true]{background:#c9a25a;color:#1d160b;box-shadow:0 4px 0 #7c5d27}
.codex{display:flex;flex-direction:column;gap:14px}
.codex-tabs{flex-wrap:wrap}
.codex-page h3{margin:18px 0 8px;font:20px var(--pix);letter-spacing:.06em;color:#e5c78a}
.codex-intro{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.7;max-width:62em}
.codex-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.codex-list.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.codex-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#1e292a}
.codex-icon{flex:none;display:flex;align-items:center;justify-content:center;gap:2px;min-width:56px}
.codex-icon img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}
.codex-icon img+img{width:28px;height:28px}
.codex-icon img:first-child:not(:only-child){width:28px;height:28px}
.codex-item b{display:block;color:#f3e4bf;font-size:15px}
.codex-item p{margin:2px 0 0;font-size:13px;line-height:1.6;color:#ddd5c4;text-wrap:pretty}
.codex-item small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted)}
/* 数字印：和牌面上的朱红小方印同一个样子。 */
.codex-seal{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 4px;font:900 18px/1 "Noto Serif SC","Songti SC","SimSun",serif;font-style:normal;color:#fff6e0;background:#b8432f;border:1px solid #f4d88d;border-radius:4px;box-shadow:0 2px 0 rgba(0,0,0,.35)}
@media(max-width:760px){
  .library-views [role=tab]{flex:1;padding:0 8px;font-size:15px}
  .codex-list.codex-grid{grid-template-columns:minmax(0,1fr)}
  .codex-icon{min-width:44px}.codex-icon img{width:44px;height:44px}
}