/* 产品素材库 P1（2026-11-14）· 前缀 al- */
.al-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}
.al-step{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;min-width:0;font-size:12px;color:var(--ink3)}
.al-step[data-algo]{cursor:pointer}.al-step.on{border-color:var(--acc);box-shadow:inset 0 -3px 0 var(--acc)}
.al-step b{display:block;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-step span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-pbar{height:5px;background:#EEE9DF;border-radius:3px;margin:5px 0 3px;overflow:hidden}.al-pbar u{display:block;height:100%;background:var(--ok,#2E8B57)}
.al-card{margin-bottom:10px}
.al-sp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.al-sp>div{border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12.5px;min-width:0}.al-sp>div.top{border-color:var(--acc)}.al-sp b{color:var(--acc)}.al-sp .note{display:block;margin-top:2px}
.al-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:10px}
.al-plan{border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;background:#fff;min-width:0;font-size:12.5px}.al-plan.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-s,#FDF1E1)}
.al-plan b{display:block;font-size:13px}.al-plan .tag{margin-left:6px}.al-plan .note{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-phead{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.al-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.al-two label{font-size:11.5px;color:var(--ink3)}
.al-in{width:100%;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:inherit;font-size:12.5px;background:#fff;color:var(--ink);min-width:0}.al-in:disabled{background:#F7F5F0;color:var(--ink2)}textarea.al-in{resize:vertical;display:block}
table.al-t{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed}.al-t th,.al-t td{border-bottom:1px solid var(--line);padding:5px 6px;text-align:left;vertical-align:middle}.al-t th{color:var(--ink3);font-weight:600;font-size:11.5px}
.al-t td .note{display:block}.al-t tr.off td{opacity:.5}.al-t tr.al-grp td{background:#FAF7F1;font-weight:700;font-size:12px;color:var(--ink2)}
.al-clip{display:flex;gap:6px;align-items:center;border:1px dashed var(--line);border-radius:8px;padding:5px 8px;margin:5px 0;font-size:12.5px}.al-clip.done{opacity:.55}
.al-clip .n{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:11.5px;display:flex;align-items:center;justify-content:center;flex:none}.al-clip .sel{flex:none}
.al-th{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--line);margin-right:4px;vertical-align:middle}
.al-vid{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:3px 8px;margin-right:4px;font-size:11.5px;text-decoration:none;color:var(--ink)}
.al-up{cursor:pointer;display:inline-block}
#alPrint{display:none}
@media print{body.al-printing>*{display:none!important}body.al-printing #app{display:block!important}body.al-printing #app>*{display:none!important}body.al-printing #alPrint{display:block!important;padding:10px;font-size:12px}
 body.al-printing #alPrint table{width:100%;border-collapse:collapse}body.al-printing #alPrint th,body.al-printing #alPrint td{border:1px solid #999;padding:4px 6px;text-align:left}}
.al-brief{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.al-brief .note{font-weight:400}.al-brief textarea{margin-top:4px}
.al-step[data-alstep]{cursor:pointer}
.al-rt{position:relative;display:inline-block;margin-right:6px}.al-rt .al-th{margin-right:0}.al-rt.star .al-th{border:2px solid var(--acc)}
.al-star{position:absolute;right:-5px;top:-6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:12px;line-height:1;padding:0;cursor:pointer;color:var(--acc)}
.al-acts .btn,.al-acts label{margin:0 4px 3px 0}.al-sc{max-width:140px}
.al-grp2{border-top:1px solid var(--line);padding:4px 0}.al-grp2>summary{cursor:pointer;padding:5px 0;font-size:13px}
/* 二级导航换成七步后项目变多：窄屏自动换行，不撑出横向滚动 */
#nav2{flex-wrap:wrap;row-gap:4px}
/* 2026-11-14：素材流程首页 / ⑦ AI 视频 */
.al-s8{grid-template-columns:repeat(8,minmax(0,1fr))}
.al-vrow{display:grid;grid-template-columns:26px minmax(0,1.2fr) minmax(0,1.6fr) 220px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:8px 0;font-size:12.5px}
.al-vrow .n{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:11.5px;display:flex;align-items:center;justify-content:center}
.al-vrow .t .note{display:block}.al-vrow .o{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.al-vrow .o .sel{max-width:170px}
.al-vid2{width:200px;border-radius:8px;border:1px solid var(--line);background:#000}
.al-pre{white-space:pre-wrap;font:12px/1.6 ui-monospace,Menlo,monospace;background:#FAF7F1;border-radius:8px;padding:10px;margin:6px 0}