feat: 画图台并发重构 + 品牌定制 + 用户备注 + provider/UI 多项修复

画图台(并发出图):
- 不再锁定 UI:点「生成」开独立任务,可连续多次并发
- 结果网格一行5个、最多10张,进行中/成功/失败状态回显,刷新保留进行中
- 生图张数 1/2/3/4,各自独立计费出卡
- 点图=参考图(单张替换/多张替换末位);首尾帧模型点视频=抓末帧设为首帧,否则放大
- /logs 新增 statuses=pending,success 服务端过滤(status IN 专用 SQL)

品牌定制(设置→网站):
- 自定义 Logo 图片 + 子标题(公开页头部 + 管理侧栏)
- 邮件验证码标题改用站点名:{title} 邮箱验证码

提示词复制:
- 去掉复制按钮,点提示词文字即复制(预览/后台日志/图片管理/画图记录),统一弹「指令已复制」
- 新增 utils/clipboard.js:execCommand 回退,非安全上下文(http/IP)也能复制

用户管理:列表加「备注」列,新建/编辑可填改备注(默认空)

provider 修复:
- grok 401 正确判死封号(markTokenFailure 漏了 grok 池)
- grok 视频支持 15s
- custom 上游报错去敏感(抹掉上游 URL/IP,改英文短描述)
- custom 去掉额度耗尽锁定:429/欠费当临时错误,账号保持 active

UI/其它:
- 展示位弹窗浅色主题适配(tab 选中高亮、输入框边框)— 主题变量 + 中心补丁
- 自定义模型:时长可填任意秒数 + 15s 预设
- 首页设置/卡密弹窗去固定高度与滚动条
- 顶部菜单「记录」→「图片」
- 下线 Flow provider(代码移除)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/components/CustomModelModal.vue

@@ -10,7 +10,7 @@ const RATIO_OPTS = ['1:1', '16:9', '9:16', '4:3', '3:4', '21:9', '3:2', '5:4', '
 const IMG_RES = ['1K', '2K', '4K']
 const VID_RES = ['720p', '1080p', '2K', '4K']
 const ALL_RES = ['1K', '2K', '4K', '720p', '1080p']
-const DUR_OPTS = ['5s', '6s', '8s', '10s']
+const DUR_OPTS = ['5s', '6s', '8s', '10s', '15s']
 
 const id = ref('')
 const type = ref('image')
@@ -21,9 +21,30 @@ const weight = ref(0)
 // tier -> { price, agent } — blank price means the tier is NOT supported.
 const res = ref(Object.fromEntries(ALL_RES.map((r) => [r, { price: '', agent: '' }])))
 const dur = ref(Object.fromEntries(DUR_OPTS.map((d) => [d, { price: '', agent: '' }])))
+// Duration rows shown: the presets above + any custom seconds the admin adds.
+const durList = ref([...DUR_OPTS])
+const customDurInput = ref('')
 const error = ref('')
 const saving = ref(false)
 
+// Add a custom duration (any positive integer seconds, e.g. 12 → "12s").
+function addCustomDur() {
+  const n = parseInt(customDurInput.value, 10)
+  if (!(n > 0)) return
+  const key = n + 's'
+  if (!durList.value.includes(key)) {
+    if (!dur.value[key]) dur.value[key] = { price: '', agent: '' }
+    durList.value.push(key)
+  }
+  customDurInput.value = ''
+}
+// Custom (non-preset) durations can be removed; presets stay.
+function removeDur(key) {
+  if (DUR_OPTS.includes(key)) return
+  durList.value = durList.value.filter((k) => k !== key)
+  delete dur.value[key]
+}
+
 const isVideo = computed(() => type.value === 'video')
 // Resolution tiers depend on type: image = 1K/2K/4K, video = 540p/720p/1080p/2K/4K.
 const resOpts = computed(() => (isVideo.value ? VID_RES : IMG_RES))
@@ -145,12 +166,22 @@ async function save() {
         <div v-if="isVideo">
           <label class="text-xs text-slate-500 block mb-1.5">时长 · 价格(总价 = 分辨率价 + 时长价;<strong class="text-slate-600">留空 = 不支持</strong>)</label>
           <div class="space-y-1.5">
-            <div v-for="d in DUR_OPTS" :key="d" class="flex items-center gap-2">
+            <div v-for="d in durList" :key="d" class="flex items-center gap-2">
               <span class="w-16 text-xs font-mono text-slate-500">{{ d }}</span>
               <input v-model="dur[d].price" type="number" class="field !py-1 flex-1" placeholder="普通价(留空=不支持)" />
               <input v-model="dur[d].agent" type="number" class="field !py-1 flex-1" placeholder="代理价(留空跟随)" />
+              <button v-if="!DUR_OPTS.includes(d)" type="button" @click="removeDur(d)"
+                      class="shrink-0 w-7 h-7 grid place-items-center rounded text-slate-400 hover:text-rose-500 hover:bg-rose-50" title="删除该时长">
+                <Icon name="close" class="w-3.5 h-3.5" />
+              </button>
             </div>
           </div>
+          <!-- 自定义时长:输入任意秒数,Sora 类上游支持的任意时长都能加 -->
+          <div class="flex items-center gap-2 mt-2">
+            <input v-model="customDurInput" type="number" min="1" @keydown.enter.prevent="addCustomDur"
+                   class="field !py-1 w-32" placeholder="自定义秒数" />
+            <button type="button" @click="addCustomDur" class="btn-soft text-xs whitespace-nowrap">+ 添加时长</button>
+          </div>
         </div>
 
         <div class="flex gap-3">

frontend/src/components/MediaLightbox.vue

@@ -3,9 +3,11 @@
 // admin (图片管理 / 日志) and the user-facing (画图记录) surfaces. Parent controls
 // mount via v-if and passes the resolved media URL + meta; the component owns the
 // overlay shell, image/video element, prompt + meta block, and action buttons.
+import { ref } from 'vue'
+import { copyText } from '../utils/clipboard'
 import Icon from './Icon.vue'
 
-defineProps({
+const props = defineProps({
   src: { type: String, required: true },     // resolved media URL (generatedUrl)
   kind: { type: String, default: 'image' },  // 'image' | 'video'
   prompt: { type: String, default: '' },
@@ -14,12 +16,25 @@ defineProps({
   downloadName: { type: String, default: '' },
 })
 const emit = defineEmits(['close'])
+
+const toast = ref('')
+let toastTimer = null
+async function copyPrompt() {
+  if (!props.prompt) return
+  toast.value = (await copyText(props.prompt)) ? '指令已复制' : '复制失败'
+  clearTimeout(toastTimer)
+  toastTimer = setTimeout(() => (toast.value = ''), 1800)
+}
 </script>
 
 <template>
   <transition name="lb-fade" appear>
     <div class="media-card fixed inset-0 z-50 bg-slate-950/85 backdrop-blur-sm flex items-center justify-center p-6"
          @click.self="emit('close')">
+      <div v-if="toast"
+           class="fixed bottom-6 left-1/2 -translate-x-1/2 z-[60] bg-slate-900 text-white text-xs px-4 py-2 rounded-lg shadow-lg ring-1 ring-white/10">
+        {{ toast }}
+      </div>
       <!-- Wrapper shrinks to the media's rendered width, so the info row below
            lines up flush with the image's left & right edges (one clean column). -->
       <div class="flex flex-col max-h-full max-w-full">
@@ -29,7 +44,8 @@ const emit = defineEmits(['close'])
 
         <div class="mt-3 flex items-start justify-between gap-4 text-white">
           <div class="min-w-0 flex-1">
-            <div v-if="prompt" class="text-sm font-medium leading-snug line-clamp-3 break-words" :title="prompt">{{ prompt }}</div>
+            <div v-if="prompt" @click="copyPrompt" title="点击复制提示词"
+                 class="text-sm font-medium leading-snug line-clamp-3 break-words cursor-pointer transition-colors hover:text-white/75">{{ prompt }}</div>
             <div v-if="meta" class="text-xs text-white/60 mt-1 font-mono break-all">{{ meta }}</div>
             <div v-if="metaSub" class="text-xs text-white/45 mt-1">{{ metaSub }}</div>
           </div>