.zo-diy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.zo-diy-card{overflow:hidden;border:1px solid var(--o-line,#dde3e2);border-radius:14px;background:var(--o-surface,#fff);padding:16px}
.zo-diy-card a{color:inherit}.zo-diy-card h2{font-size:20px;margin:14px 0 8px}.zo-diy-card p{line-height:1.7}.zo-diy-card time{font-size:12px;color:var(--o-ink-3,#5d6c73)}
.zo-diy-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.zo-diy-placeholder{display:grid;place-items:center;background:var(--o-sidebar,#edf1ef)}.zo-diy-placeholder .dashicons{width:40px;height:40px;font-size:40px}
.zo-diy-player{position:relative;min-height:200px;aspect-ratio:16/9;background:#10191f;border-radius:12px;overflow:hidden;margin:20px 0;color:#fff}
.zo-diy-player img,.zo-diy-player iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.zo-diy-player iframe{position:absolute;inset:0}
.zo-diy-player button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;border:1px solid #ffffff80;border-radius:32px;padding:14px 24px;background:#10252ee6;color:#fff;font-weight:600;white-space:nowrap;cursor:pointer}
.zo-diy-player button:focus-visible{outline:3px solid #fff;outline-offset:4px}.zo-diy-local-video{display:block;width:100%;max-height:70vh;background:#10191f;margin:20px 0}.zo-diy-detail .zo-content-prose{line-height:1.8;overflow-wrap:anywhere}
.zo-diy-admin{max-width:1000px}.zo-diy-admin [data-diy-select]{margin-left:8px}.zo-diy-admin .zo-diy-detail{max-width:760px}.zo-diy-admin details{padding:16px;background:#fff;margin-bottom:20px}
@media(max-width:700px){.zo-diy-grid{grid-template-columns:1fr;gap:16px}.zo-diy-card{padding:14px}.zo-diy-card h2{font-size:18px}}