/* 页级样式：cezi
   本页专属的页级规则写在此处，不写进 assets/css/style.css 的页级段（那一段是存量，只减不增）。
   引用在本页 HTML 内，排在按页样式之后；版本串由内容派生，不必手改。
   本档内 @media 块须排在顶层声明之后，否则窄屏终值被源序压掉。 */

/* ===== cezi 页专属：单页私有规则 ===== */

.xz-note{font-size:12px;color:var(--ink2);margin-top:var(--sp-1);line-height:1.5}

.cz-fold{margin:var(--sp-4) 0 0;border:0;border-top:1px solid var(--cz-line);border-radius:0;padding:var(--sp-3) 0;background:transparent;overflow:hidden}

.cz-fold:not([open]){border-bottom:1px solid var(--cz-line)}

.cz-fold>summary{list-style:none;cursor:pointer;font-family:var(--font-serif);font-weight:400;color:var(--cz2);font-size:var(--tier3);letter-spacing:.1em;line-height:1.5;display:flex;align-items:center;gap:var(--sp-2);user-select:none}

.cz-fold>summary::-webkit-details-marker{display:none}

.cz-fold>summary::before{content:'▾';font-size:12px;color:var(--cz-gold);transition:transform .15s}

.cz-fold[open]>summary::before{transform:rotate(180deg)}

.cz-case-table td{border-bottom:1px dashed var(--line);padding:8px;vertical-align:top;color:var(--ink)}

.cz-case-table .cz-zi{font-family:var(--font-serif);font-size:22px;color:var(--gold2);text-align:center;white-space:nowrap}

.cz-jwref{text-align:left}

.page-cz .page > .form-row{margin-bottom:var(--sp-2)}

.page-cz .page h1{color:var(--cz-deep);font-family:var(--cz-serif);font-size:23px;letter-spacing:.3em;text-indent:.3em;text-align:center;line-height:1.3}/* 页头细线：上下各一条 88px 夹题，卷首说明末尾 26px 竖线收束 */

.page-cz .page h1::before{content:'';display:block;width:88px;height:1px;background:var(--cz-line);margin:0 auto var(--sp-3)}

.page-cz .page h1::after{content:'';display:block;width:88px;height:1px;background:var(--cz-line);margin:var(--sp-3) auto 0}

.page-cz .page .lead::after{background:var(--cz-line)}

.page-cz .page .lead{color:var(--cz-ink2);text-align:center;font-size:12.5px;letter-spacing:.22em;text-indent:.22em;margin-top:var(--sp-3)}

.page-cz .rel-title{color:var(--cz2)}

.page-cz .sub-note{color:var(--cz-ink2)}

.page-cz .field label{color:var(--cz2);font-weight:400}

.page-cz .field input,.page-cz .field select{border-color:var(--cz-line);background:var(--card);color:var(--cz-deep);transition:border-color .15s,box-shadow .15s}

.page-cz .field input.cz-char-input{width:108px}

.page-cz .field input:focus,.page-cz .field select:focus{border-color:var(--cz);outline:none}

.page-cz .btn:not(.soft):not(.btn-ghost){background:var(--cz);border-color:var(--cz);color:#fff;box-shadow:none}

.page-cz .btn:not(.soft):not(.btn-ghost):hover{background:var(--cz2);border-color:var(--cz2);color:#fff}

.page-cz .info-box{background:transparent;border:0;border-top:1px solid var(--cz-line);border-radius:0;box-shadow:none;padding:0}

.page-cz .ai-block{
  border:0;border-top:1px solid var(--cz-line);border-bottom:1px solid var(--cz-line);border-radius:0;
  background:transparent;color:var(--cz-ink);box-shadow:none;
}

.page-cz .ai-head{background:transparent;border-bottom-color:var(--cz-line)}

.page-cz .ai-block .btn,.page-cz .ai-block .btn.gold{box-shadow:none}

.page-cz .ai-block .btn{background:var(--cz);color:#fff}

.page-cz .ai-block .btn:hover{background:var(--cz2)}

.page-cz .ai-block .btn.gold,.page-cz .ai-block .btn.soft{background:var(--cz-tint);border-color:var(--cz-line);color:var(--cz-ink);box-shadow:none}

.page-cz .ai-block .btn.gold:hover,.page-cz .ai-block .btn.soft:hover{background:var(--card);border-color:var(--cz-line);color:var(--cz2)}

.page-cz .ai-block .ai-out,.page-cz .ai-block .ai-bubble.user,.page-cz .ai-block .ai-bubble.assistant,.page-cz .ai-block .ai-model-name,.page-cz .ai-block input,.page-cz .ai-block select{color:var(--cz-ink)}

.page-cz .ai-head h3{color:var(--cz2)}

.page-cz .ai-head .ai-status{color:#8a7350}

.page-cz .ai-tab:hover{border-color:var(--cz);color:var(--cz2)}

/* 结果头三块（大字、释义栅格、评级）：容器装不下即整块换行，不挤压、不撑破页面 */
.cz-head{position:relative;margin-top:var(--sp-4);border-top:1px solid var(--cz-line);border-radius:0;
  padding:var(--sp-4) 0;display:flex;flex-wrap:wrap;gap:var(--sp-5);align-items:stretch;
  background:transparent;box-shadow:none}

.cz-bigwrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);flex-shrink:0}

.cz-big{font-family:var(--font-serif);font-size:88px;line-height:1.1;width:120px;text-align:center;
  padding:var(--sp-2) var(--sp-1);border:1px solid var(--cz-line);border-radius:0;background:var(--paper2);
  box-shadow:none}

.cz-py{font-size:15px;color:var(--gold2);letter-spacing:1px}

.cz-meta{flex:1;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:var(--sp-2) var(--sp-4);align-content:center;
  padding:var(--sp-1) 0;border-left:1px dashed var(--line);padding-left:var(--sp-5)}

.cz-meta>div{font-size:13.5px;line-height:1.5;display:flex;align-items:baseline;gap:var(--sp-1)}

.cz-em{color:var(--gold2);font-weight:400;flex-shrink:0;min-width:58px}

.cz-grade{width:230px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-2);justify-content:center}

.cz-lv{font-size:34px;font-weight:400;color:var(--cz2);font-family:var(--font-serif);line-height:1.2}

.cz-lv small{font-size:13px;color:var(--ink2);font-family:var(--font)}

.cz-gbar{height:7px;border-radius:0;background:var(--cz-tint);overflow:hidden}

.cz-gbar i{display:block;height:100%;border-radius:0;background:var(--cz);box-shadow:none}

.cz-score{margin:var(--sp-1) 0 0;padding:0;list-style:none}

.cz-score li{margin:var(--sp-1) 0;font-size:12px;color:var(--ink2);display:grid;
  grid-template-columns:58px 30px 1fr;gap:var(--sp-2);align-items:center}

.cz-score li b{color:var(--gold2);font-weight:400}

.cz-score .bar{height:5px;border-radius:0;background:var(--cz-tint);overflow:hidden}

.cz-score .bar i{display:block;height:100%;border-radius:0;background:var(--cz)}

.page-cz .cz-chai{margin:0;padding:var(--sp-2) 0;border-bottom:1px solid var(--cz-line)}

.cz-chai-row{display:flex;gap:var(--sp-2);align-items:baseline;flex-wrap:wrap;margin:var(--sp-1) 0 var(--sp-1)}

.cz-parts{display:inline-flex;gap:var(--sp-1);flex-wrap:wrap}

.cz-chai .cz-part{margin:0 var(--sp-2)}

.cz-parts .cz-part{margin:0}

.cz-part{font-family:var(--font-serif);font-size:21px;padding:2px var(--sp-2);border:1px solid var(--cz-line);
  border-radius:0;background:var(--cz-tint);box-shadow:none}

.cz-tag{font-size:12px;color:var(--gold2);border:1px solid var(--cz-line);border-radius:0;padding:1px var(--sp-2);background:var(--cz-tint)}

.cz-chai div:not(.cz-chai-row)>.cz-tag{margin:0 var(--sp-1)}

.cz-luck{font-size:12px;border-radius:0;padding:1px var(--sp-2)}

.cz-luck.ji{color:var(--green);border:1px solid var(--green);background:rgba(46,139,87,.06)}

.cz-luck.ping{color:var(--ink2);border:1px solid var(--line)}

.cz-luck.xiong{color:#c0392b;border:1px solid #c0392b;background:rgba(192,57,43,.05)}

.cz-note-yi{font-size:12px;color:var(--ink2);margin:var(--sp-1) 0 var(--sp-1);line-height:1.7}

.page-cz .info-box.cz-duan{border:0;border-top:1px solid var(--cz-line);border-bottom:1px solid var(--cz-line);padding:var(--sp-2) var(--sp-3) var(--sp-2) 72px}

.cz-duan{font-family:var(--font-serif);font-size:17px;line-height:2;position:relative}

.cz-duan::before{content:'断';position:absolute;left:20px;top:50%;transform:translateY(-50%) rotate(-4deg);
  width:38px;height:38px;line-height:38px;text-align:center;font-size:19px;color:#fff;background:#b03a2e;
  border-radius:0;font-family:var(--font-serif);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),inset 0 0 0 3px #b03a2e}

.cz-gua-sym{font-size:32px;font-family:var(--font-serif);color:var(--gold2);margin-right:var(--sp-1)}

.page-cz .cz-p{margin:0;padding:var(--sp-2) 0;border-bottom:1px solid var(--cz-line)}

.cz-note-s{font-size:12px;color:var(--ink2)}

.cz-line{font-size:14px}

.cz-line-s{font-size:13px;margin-top:var(--sp-1)}

.cz-line-t{margin-top:var(--sp-1)}

.page-cz .info-box>.cz-note-yi{margin:0;padding:var(--sp-2) 0;border-bottom:1px solid var(--cz-line)}

.page-cz .info-box>.notice{border:0;border-bottom:1px solid var(--cz-line);background:transparent;padding:var(--sp-2) 0;margin:0}

.cz-tag-main{background:var(--cz-tint)}

.cz-sf-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-1) var(--sp-4);font-size:var(--tier4)}

.cz-sf-i{display:flex;gap:var(--sp-1);min-width:0;color:var(--ink2);line-height:1.7}

.cz-sf-i b{font-weight:400;color:var(--cz2)}

@media(max-width:640px){.cz-sf-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cz-case-table th.cz-case-zi{width:40px}

.cz-tail-note{margin-top:var(--sp-2)}

.cz-err{margin-top:var(--sp-3)}

@media(max-width:640px){
  .cz-head{flex-direction:column;align-items:center;padding:var(--sp-4) 0}
  .cz-big{font-size:68px;width:96px}
  .cz-meta{border-left:0;padding-left:0;grid-template-columns:repeat(2,1fr);width:100%}
  .cz-grade{width:100%}
  .cz-lv{font-size:28px}
  .cz-lv small{display:inline}
}

.cz-fold>.info-box{margin:0;border:0;border-radius:0;background:transparent;padding:var(--sp-2) 0 0}

.cz-case-table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.7}

.cz-case-table th{text-align:left;color:var(--gold2);font-weight:400;border-bottom:1px solid var(--line);padding:6px 8px;font-size:13px}

@media (prefers-color-scheme: dark){
  html .page-cz {
    --cz:#b27d54;
    --cz2:#af794c;
    --cz-deep:#e1dbd6;
    --cz-ink:#d5d1cd;
    --cz-gold:#d4b97e;
    --cz-line:#53493b;
    --cz-tint:#31291c;
    --cz-ink2:#aba29c;
  }
}

/*
   测字拆字、碑帖翰墨之象：碑拓赭主色 + 鎏金点缀 + 宣纸淡底 */

.page-cz{
  --cz:#7d5638;          /* 碑拓赭主色 */
  --cz2:#61432a;         /* 深赭：hover、强调 */
  --cz-deep:#3b2b1b;     /* 墨赭：大标题字色 */
  --cz-ink:#453a2e;      /* 墨灰：正文字色 */
  --cz-gold:#b8923e;     /* 鎏金点缀 */
  --cz-line:#e3d5c2;     /* 宣纸浅线 */
  --cz-tint:#f7f0e4;     /* 宣纸淡底 */
  --cz-ink2:#6d5c4f;  /* 次级字色：卷首说明、副注、标注 */
  --cz-serif:var(--font-serif);  /* 卷首宋体：页头与题名 */
  --gold2:var(--cz2);
  --gold:var(--cz);
  --gold-brown:var(--cz2);
  --gold-bg:var(--cz-tint);
  --line:var(--cz-line);--ink:var(--cz-ink)
}

/* page-font:begin */
@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/pages/cezi-0.woff2) format("woff2");unicode-range:U+4e0a, U+4e1a, U+4e2a, U+4e2d, U+4e34, U+4e49, U+4e66, U+4e70, U+4e8b, U+4e8e, U+4e92, U+4ea4, U+4eab, U+4eba, U+4ef6, U+4f4d, U+4f8b, U+5019, U+501f, U+503c, U+5047, U+504f, U+505c, U+5065, U+5143, U+515c, U+5168, U+5173, U+5185, U+5199, U+51b2, U+51cf, U+51f6, U+51fb, U+5207, U+5219, U+5229, U+5236-5237, U+523b, U+529f-52a0, U+52a8, U+5305, U+533a-533b, U+5356, U+5366, U+5377, U+53bb, U+53cc, U+53d8, U+53e0, U+53e5-53e6, U+53ea, U+53ef, U+53f2, U+53f7-53f8, U+5409, U+548c, U+559c, U+5631, U+5757, U+578b, U+586b, U+58f0, U+5904, U+590d, U+5916, U+591a, U+5931, U+5934, U+5982, U+59fb, U+5b50, U+5b58, U+5b98, U+5b9e, U+5bfb, U+5c42, U+5c55, U+5c5e, U+5df2, U+5e38, U+5e72-5e73, U+5e76, U+5e94, U+5eb7, U+5efa, U+5f52, U+5f62, U+5f85, U+5f97, U+5fc3, U+5fc6, U+5ff5, U+6001, U+6027, U+603b, U+60c5, U+611f, U+6240, U+624d, U+6253, U+6298, U+62c6, U+62c8, U+63a8, U+6458, U+652f, U+6536, U+6539, U+6545, U+6563, U+6574, U+65ad, U+65b0, U+65b9, U+65e0, U+65fa, U+662f, U+66f0, U+6708, U+671f, U+672c, U+6743, U+6784, U+67d3, U+6807, U+683c, U+6848, U+68c0, U+6b21, U+6b62, U+6b64, U+6c49, U+6ce8, U+6d3b, U+6dfb, U+6e05, U+6e32, U+7167, U+7199, U+7252, U+7269, U+72ec, U+753b, U+7559, U+75be, U+75c5, U+7684, U+7686, U+7701, U+7834, U+793a, U+79c1, U+79d8, U+7a0b, U+7a7f, U+7acb, U+7ad9, U+7b14, U+7b2c, U+7b3c, U+7b80, U+7c7b, U+7c98, U+7cbe, U+7d22, U+7ea7, U+7ebf, U+7ec8, U+7ed8, U+7edf, U+7f13, U+7f16, U+800c, U+80fd, U+811a, U+8868, U+8870, U+88c5, U+8981, U+89c1-89c2, U+89c6, U+89c8, U+8ba1, U+8bb0, U+8bba, U+8bbe, U+8bc1, U+8bc4, U+8bd5, U+8bdd, U+8be6, U+8bed, U+8bf8, U+8bfb, U+8c10, U+8c28, U+8c61, U+8d22, U+8d34, U+8d77, U+8d85, U+8f6c, U+8f93, U+8f9e, U+8fb0, U+8fd1, U+8fd4, U+8ff0, U+9075, U+91cd, U+94a9, U+94fe, U+952e, U+95ee, U+9664, U+968f-9690, U+9700, U+975e, U+97f3, U+987b, U+9a8c, U+9aa8, U+9ed8}
/* page-font:end */
