.cz-page{max-width:860px;margin:0 auto}
.cz-page .post{max-width:none}
.age{display:inline-block;font-family:var(--mono);font-size:12.5px;font-weight:700;color:#fff;background:#c0392b;border-radius:5px;padding:1px 6px;margin-left:6px}
.post .cz-banner,.cz-banner{margin:20px auto 24px;max-width:min(100%,480px);text-align:center}
.cz-banner a{display:block}
.cz-banner img{display:block;width:100%;height:auto;border-radius:12px}
.cz-cta{display:flex;justify-content:center;margin:0 0 24px}
.cz-btn{display:inline-block;background:#1f9d55;color:#fff!important;font-weight:700;text-decoration:none;border-radius:9px;padding:10px 18px;white-space:nowrap;text-align:center}
.cz-btn:hover{background:#17803f}
.cz-cta .cz-btn{padding:13px 26px;font-size:17px}
.cz-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0 0 28px;counter-reset:cz}
.cz{background:#fff;border:1px solid #e6e3e8;border-radius:10px;padding:14px 14px 12px;display:flex;flex-direction:column;min-width:0}
.cz-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.cz-top::before{counter-increment:cz;content:counter(cz);font-family:var(--mono);font-size:13px;color:#9b93a0}
.cz-name{font-size:19px;font-weight:700;color:var(--ink);margin:0;line-height:1.25}
.cz-tag{display:inline-block;font-size:12.5px;color:#5f5866;background:#f2f1f3;border-radius:5px;padding:2px 7px;margin:0 0 8px;align-self:flex-start}
.cz-d{font-size:14.5px;line-height:1.5;color:#5f5866;margin:0 0 12px;flex:1}
.cz-bot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cz-code{font-family:var(--mono);font-size:13px;color:#5f5866;background:#f2f1f3;border:1px dashed #cfcad3;border-radius:6px;padding:4px 8px;cursor:pointer;overflow-wrap:anywhere}
.cz-code b{color:#3a3142}
.cz-bot .cz-btn{margin-left:auto}
.rg{background:#f6f5f7;border:1px solid #e6e3e8;border-radius:10px;padding:14px 16px;margin:26px 0;font-size:15px;color:#5f5866}
.more{margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.more ul{padding-left:18px}
.foot.mini .wrap{display:block;padding-top:22px;padding-bottom:22px}
@media(max-width:420px){.cz-list{grid-template-columns:minmax(0,1fr)}.cz-name{font-size:18px}}
.cz-banner a{position:relative}
.cz-ov{position:absolute;background:#1f9d55;color:#fff;font-weight:700;font-size:clamp(13px,2.6vw,18px);line-height:1;padding:.75em 1.4em;border-radius:9px;box-shadow:0 4px 14px rgba(0,0,0,.35);white-space:nowrap;pointer-events:none}
.cz-banner a:hover .cz-ov{background:#17803f}