.cs-page .hdr-in{justify-content:space-between}
.cs-18,.cs-age{display:inline-grid;place-items:center;min-width:40px;height:28px;padding:0 8px;border-radius:14px;border:2px solid var(--red);color:var(--red);font:600 14px/1 var(--head)}
.cs-wrap{max-width:900px}
.cs-banner{margin:4px auto 22px;text-align:center}
.cs-banner a{display:inline-block;max-width:min(100%,480px);border-radius:10px;overflow:hidden;vertical-align:top}
.cs-banner img{display:block;width:auto;max-width:100%;height:auto}
.cs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0 0 14px}
.cs-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#faf9f7;min-width:0}
.cs-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cs-name{font:600 19px/1.2 var(--head);color:var(--ink);overflow-wrap:anywhere}
.cs-btn{flex:none;display:inline-block;padding:9px 14px;border-radius:8px;background:var(--red);color:#fff;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.cs-btn:hover{background:var(--red-d);color:#fff}
.cs-desc{margin:0;font-size:15px;line-height:1.5;color:#6a645e}
.cs-code{align-self:flex-start;border:1px dashed #cfc7bc;background:#f1eee9;color:#6a645e;border-radius:6px;padding:4px 10px;font:14px/1.4 var(--body);cursor:pointer;max-width:100%;overflow-wrap:anywhere;text-align:left}
.cs-code b{color:#4a4541}
.cs-code.ok::after{content:" \2713";color:#2b8a3e}
.cs-note{font-size:14px;color:var(--muted)}
.cs-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.cs-more a{display:block;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}
.cs-more a:hover{border-color:var(--red);color:var(--red)}
@media(max-width:600px){.cs-card{padding:12px}.cs-name{font-size:18px}}