/* == 志 enrichment (Open Props tokens) == */
.zhi{--zgold:#C08552;--zink:#0D1F2D;
  background:
    radial-gradient(1200px 500px at 85% -5%, rgba(192,133,82,.07), transparent 60%),
    radial-gradient(900px 420px at 0% 30%, rgba(13,31,45,.05), transparent 55%),
    #FAF8F6}
.zhi .paper{padding-top:var(--size-6)}
.zhi-mast{padding:var(--size-8) 0 var(--size-6);border-bottom:2px solid var(--zink);
  box-shadow:0 1px 0 #fff inset}
.zhi-mast .vname{font-size:clamp(38px,4vw,54px);color:var(--zink)}
.zhi-mast .vol b{background:linear-gradient(105deg,var(--zink) 55%,var(--zgold));-webkit-background-clip:text;
  background-clip:text;color:transparent;font-size:clamp(24px,2.4vw,32px)}
.zhi-mast .issue .no{font-size:var(--font-size-8);
  background:linear-gradient(160deg,var(--zgold),#8A5A32);-webkit-background-clip:text;
  background-clip:text;color:transparent;line-height:1}
.zhi-feat{margin:var(--size-6) 0 var(--size-7);border:1px solid var(--zink);
  box-shadow:var(--shadow-4);transition:box-shadow var(--ease-4) .28s,transform var(--ease-4) .28s}
.zhi-feat:hover{box-shadow:var(--shadow-6);transform:translateY(calc(var(--size-1) * -1))}
.zhi-feat .txt{padding:var(--size-7) var(--size-6)}
.zhi-feat h2{font-size:clamp(26px,3vw,40px);letter-spacing:.01em;
  background:linear-gradient(120deg,var(--zink) 70%,#3E5A6E);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.zhi-feat .ex{font-size:var(--font-size-2);color:#5E6B76}
.zhi-feat .kick{position:relative;padding-left:38px}
.zhi-feat .kick:before{content:"";position:absolute;left:0;top:50%;width:26px;height:2px;
  background:linear-gradient(90deg,var(--zgold),transparent)}
.zhi-feat .rd{transition:gap var(--ease-3) .2s,color var(--ease-3) .2s}
.zhi-feat .rd:hover{color:var(--zgold)}
.zhi-toc{border-top:2px double var(--zink)}
.zhi-row{transition:background var(--ease-2) .18s,padding-left var(--ease-3) .22s}
.zhi-row:hover{background:#F1EADC;padding-left:18px}
.zhi-row .no{font-size:var(--font-size-4);
  background:linear-gradient(170deg,var(--zgold),#9A6B3C);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.zhi-card{border:1px solid var(--zink);transition:transform var(--ease-4) .26s,box-shadow var(--ease-4) .26s}
.zhi-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 rgba(192,133,82,.55)}
.zhi-card .cn b{transition:color var(--ease-2) .18s}
.zhi-card:hover .cn b{color:var(--zgold)}
.zhi-adv{border:2px solid var(--zink);box-shadow:var(--shadow-3);position:relative;overflow:hidden}
.zhi-adv:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(192,133,82,.05) 0 2px,transparent 2px 9px)}
.zhi-adv .btn{transition:transform var(--ease-3) .2s,background var(--ease-3) .2s}
.zhi-adv .btn:hover{transform:translateY(-2px);background:var(--zgold);color:var(--zink)}
@media(prefers-reduced-motion:reduce){.zhi *{transition:none!important}}

/* stats strip */
.zhi-stats{border-top:2px solid #0D1F2D;border-bottom:2px solid #0D1F2D;background:#F3EEE4;margin:8px 0 0}
.zhi-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 34px}
.zhi-stat-grid b{font-family:"Noto Serif SC",serif;font-size:clamp(30px,3vw,44px);line-height:1;background:linear-gradient(160deg,#0D1F2D 40%,#C08552);-webkit-background-clip:text;background-clip:text;color:transparent}
.zhi-stat-grid span{display:block;font-size:10px;letter-spacing:.28em;color:#B0693A;margin-top:8px}
.zhi-stat-grid p{font-size:13px;color:#5E6B76;margin-top:6px}
@media(max-width:760px){.zhi-stat-grid{grid-template-columns:1fr 1fr;padding:24px 22px}}