diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js b/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js index e184ddd..4adb727 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/help-guide.js @@ -379,7 +379,8 @@ } function buildOverlay() { - cleanupGuide(); + /* 注意:不要在此调 cleanupGuide()——它会把 guide 置 null,导致下方 guide.mask 赋值抛错。 + 旧引导清理由调用方 startGuide(入口处 if (guide) cleanupGuide())负责;新建 mask/pop 挂到当前 guide */ const mask = document.createElement('div'); mask.className = 'g-mask'; mask.style.zIndex = String(GUIDE_Z); diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html index 160504b..5fe49ec 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/index.html @@ -4,7 +4,7 @@ 短视频工作台 - + @@ -42,7 +42,7 @@ - + diff --git a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css index 79113a2..5a4afaf 100644 --- a/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css +++ b/project/短视频脚本创作/V1.0/mcn-work-shop/public/style.css @@ -738,7 +738,8 @@ td.td-title { max-width: 240px; } .help-head-icon { width: 52px; height: 52px; border-radius: 14px; background: var(--primary-soft); color: var(--primary); display: flex; align-items: center; justify-content: center; flex: none; } .help-head h2 { font-size: 22px; margin-bottom: 4px; } .help-head-sub { color: var(--dim); font-size: 15px; } -.help-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; } +.help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } /* 09-04 用户定稿:卡片固定一行 2 个(全屏不再 auto-fill 变 3 列);窄视口降 1 列 */ +@media (max-width: 820px) { .help-grid { grid-template-columns: 1fr; } } .help-card { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px; box-shadow: var(--shadow);