/* 知识短片（kfilm.js）：三步确认面板、道具库 */
.kf-review { display: flex; flex-direction: column; gap: 10px; }
.kf-review p { margin: 0; line-height: 1.6; }
.kf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.kf-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-1); padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.kf-card small { color: var(--muted); line-height: 1.5; }
.kf-card small.ok { color: var(--ok, #2f9e6b); }
.kf-card small.bad { color: var(--warn, #c97a1d); }
.kf-card img { width: 100%; border-radius: 6px; margin-top: 4px; background: #0f1a3d; }
.kf-hooks { display: flex; flex-direction: column; gap: 8px; }
.kf-hook { display: flex; gap: 8px; align-items: flex-start; border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 12px; cursor: pointer; }
.kf-hook small { display: block; color: var(--muted); margin-top: 2px; }
.kf-sb { display: flex; flex-direction: column; gap: 12px; }
.kf-shot { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.kf-shot-h { padding: 8px 12px; background: var(--bg-2); font-size: 13px; }
.kf-shot table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.kf-shot th, .kf-shot td { text-align: left; padding: 6px 10px; border-top: 1px solid var(--line); vertical-align: top; }
.kf-shot td small { display: block; color: var(--muted); }
.kf-shot input { width: 100%; min-width: 160px; }
.kf-check { margin: 0; padding-left: 18px; font-size: 13px; }
.kf-check li.error { color: var(--warn, #c97a1d); }
.kf-acts { display: flex; flex-direction: column; gap: 8px; }
.kf-acts textarea { width: 100%; }
@media (max-width: 640px) { .kf-grid { grid-template-columns: 1fr; } .kf-shot table, .kf-shot tbody, .kf-shot tr, .kf-shot td, .kf-shot th { display: block; } }