/* 44 部典籍页（canon.html）与样板页共用的卡片样式。只含卡片本体，样板页的评审工具条不在此。 */

.canon-wrap{max-width:1240px;margin:0 auto;padding:0 22px}

.canon-hero{padding:44px 0 6px}
.canon-kicker{font:600 11px/1 var(--sans,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gilt-deep,#9c7e4e)}
.canon-h1{font-family:var(--serif,serif);font-weight:500;font-size:clamp(26px,3.4vw,40px);
  color:var(--espresso,#241f1a);margin:12px 0 0;letter-spacing:-.01em}
.canon-sub{font-size:14.5px;line-height:1.75;color:var(--ash,#5b5348);margin:10px 0 0;max-width:70ch}

.canon-cats{display:flex;flex-wrap:wrap;gap:6px;padding:20px 0 0}
.canon-cats button{border:1px solid var(--warm-line,#e5dcc9);background:transparent;color:var(--ash,#5b5348);
  border-radius:7px;padding:6px 10px;font:600 11px/1 var(--sans,sans-serif);cursor:pointer}
.canon-cats button[aria-pressed="true"]{background:rgba(179,144,63,.16);color:var(--gilt-deep);border-color:rgba(179,144,63,.4)}

.canon-note{margin:16px 0 0;font-size:12px;line-height:1.7;color:var(--mist,#8b8172);max-width:78ch}
.canon-note b{color:var(--gilt-deep);font-weight:700}

.canon-list{margin:22px auto 46px;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.canon-card{background:var(--paper,#fffdf8);border:1px solid var(--warm-line,#e5dcc9);border-radius:14px;
  overflow:hidden;box-shadow:0 1px 2px rgba(26,24,20,.05);display:flex;flex-direction:column}
.canon-shot{background:#2a2118}
/* 封面已截掉底部 AI 水印（1280->1185）；35.2% 让 16:10 取景窗落在与样板页一致的那一条 */
.canon-shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 35.2%;display:block}
.canon-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.canon-t{font-family:'LB Brush','Noto Serif SC',serif;font-size:23px;line-height:1.15;
  color:var(--espresso,#241f1a);margin:0}
.canon-alt{font-size:11.5px;color:var(--mist,#8b8172);margin:5px 0 0;font-style:italic}
.canon-meta{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0}
.canon-chip{font:600 10.5px/1 var(--sans,sans-serif);letter-spacing:.04em;padding:5px 9px;border-radius:999px;
  background:rgba(179,144,63,.13);color:var(--gilt-deep);border:1px solid rgba(179,144,63,.26)}
.canon-chip--cat{background:rgba(96,125,105,.13);color:#4a6b57;border-color:rgba(96,125,105,.26)}
.canon-f{margin-top:11px}
.canon-l{font:700 9.5px/1 var(--sans,sans-serif);letter-spacing:.15em;text-transform:uppercase;
  color:var(--gilt-deep);margin-bottom:5px}
.canon-v{font-size:13px;line-height:1.72;color:#3d362e}
.canon-v strong{font-weight:700;color:#241d14}

.canon-empty{padding:40px 0;color:var(--ash);font-size:14px}