diff --git a/src/api/admin/creatorCenter.ts b/src/api/admin/creatorCenter.ts
index 3dc2513..d57ae23 100644
--- a/src/api/admin/creatorCenter.ts
+++ b/src/api/admin/creatorCenter.ts
@@ -109,6 +109,35 @@ export interface CreatorDramaEditData {
   language?: string
 }
 
+/** 一键发布的分集入参：assetId 来自已完成的分片上传 */
+export interface PublishEpisodeItem {
+  assetId: number
+  title?: string
+  durationSec?: number
+  cover?: string
+}
+
+export interface PublishDramaPayload {
+  title: string
+  subtitle?: string
+  /** 短剧分类 id（下拉选择） */
+  categoryId?: number
+  /** 题材标签（自由文本，可选） */
+  genre?: string
+  description?: string
+  cover?: string
+  language?: string
+  /** 默认 true：创建后立即提交审核 */
+  submit?: boolean
+  episodes: PublishEpisodeItem[]
+}
+
+export interface PublishDramaResult {
+  dramaId: number
+  submissionId?: number | null
+  status: string
+}
+
 export interface PriceEpisodeConfig {
   episodeId: number
   number: number
@@ -176,6 +205,11 @@ export const createDramaApi = (data: CreatorDramaEditData) => {
   return request.post<number>({ url: '/admin/creator-center/dramas', data })
 }
 
+/** 一键发布：一个事务里建作品 + 建分集 + 绑定视频（可选提交审核） */
+export const publishDramaApi = (data: PublishDramaPayload) => {
+  return request.post<PublishDramaResult>({ url: '/admin/creator-center/publish', data })
+}
+
 export const updateDramaApi = (id: number, data: CreatorDramaEditData) => {
   return request.put<void>({ url: `/admin/creator-center/dramas/${id}`, data })
 }
@@ -205,6 +239,11 @@ export const deleteEpisodeApi = (dramaId: number, episodeId: number) => {
   })
 }
 
+/** 删除作品（草稿 / 已下线 / 审核中可删，已上线需先下线） */
+export const deleteDramaApi = (dramaId: number) => {
+  return request.delete<void>({ url: `/admin/creator-center/dramas/${dramaId}` })
+}
+
 export const sortEpisodesApi = (dramaId: number, ids: number[]) => {
   return request.put<void>({
     url: `/admin/creator-center/dramas/${dramaId}/episodes/sort`,
diff --git a/src/styles/business/creator-center.css b/src/styles/business/creator-center.css
index 720c7bf..fc10b0a 100644
--- a/src/styles/business/creator-center.css
+++ b/src/styles/business/creator-center.css
@@ -298,6 +298,11 @@ html.dark .creator-guide-title {
   margin-bottom: 14px;
 }
 
+.creator-switch-hint {
+  margin-left: 10px;
+  font-size: 12px;
+}
+
 html.dark .creator-profile-name,
 html.dark .creator-profile-meta b,
 html.dark .creator-drama-title,
@@ -316,3 +321,144 @@ html.dark .creator-episode-cover {
   border-color: var(--el-border-color-light);
   background: var(--el-fill-color-light);
 }
+
+/* ---------- 移动端（创作者多手机上传） ---------- */
+.creator-mobile-only {
+  display: none;
+}
+
+/* 作品表格：列宽合计超过容器时由外层横向滚动，
+   不依赖 el-table 内部的 scrollbar（其 header/body 会被各自裁切）。 */
+.creator-desktop-only {
+  overflow-x: auto;
+}
+
+.creator-desktop-only .el-table.drama-el-table {
+  min-width: 1150px;
+}
+
+/* 作品编辑页：分集 / 提交记录表格由外层容器横向滚动（宽度见各表格 inline min-width） */
+.creator-table-scroll {
+  overflow-x: auto;
+}
+
+/* 操作列按钮放不下时换行，避免「删除」被表格裁掉 */
+.creator-table-scroll .table-actions {
+  flex-wrap: wrap;
+  white-space: normal;
+  row-gap: 6px;
+}
+
+.creator-video-preview {
+  display: block;
+  width: 100%;
+  max-height: 70vh;
+  background: #000;
+}
+
+@media (width <= 768px) {
+  .creator-desktop-only {
+    display: none;
+  }
+
+  .creator-mobile-only {
+    display: block;
+  }
+
+  .creator-profile-meta {
+    flex-wrap: wrap;
+    gap: 8px 16px;
+  }
+
+  .console-toolbar {
+    flex-wrap: wrap;
+  }
+
+  .console-toolbar .console-keyword,
+  .console-toolbar .console-select {
+    width: 100%;
+  }
+
+  .creator-drama-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .creator-drama-card {
+    display: flex;
+    gap: 12px;
+    padding: 12px;
+    border: 1px solid #e6e8eb;
+    border-radius: var(--app-radius-md);
+    background: #fff;
+  }
+
+  .creator-drama-card-cover {
+    display: grid;
+    flex-shrink: 0;
+    place-content: center;
+    width: 60px;
+    height: 80px;
+    overflow: hidden;
+    color: #9a97a8;
+    font-size: 16px;
+    background: #eef0f5;
+    border-radius: var(--app-radius-sm);
+  }
+
+  .creator-drama-card-cover img,
+  .creator-drama-card-cover .creator-drama-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .creator-drama-card-body {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+  }
+
+  .creator-drama-card-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+
+  .creator-drama-card-head .creator-drama-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .creator-drama-card-meta {
+    display: flex;
+    gap: 12px;
+    color: #727983;
+    font-size: 12px;
+  }
+
+  .creator-drama-card-actions {
+    display: flex;
+    gap: 8px;
+    margin-top: 6px;
+  }
+
+  .pagination {
+    justify-content: center;
+  }
+
+  html.dark .creator-drama-card {
+    border-color: var(--el-border-color-light);
+    background: var(--el-bg-color-overlay);
+  }
+
+  html.dark .creator-drama-card-cover {
+    background: var(--el-fill-color-light);
+  }
+}
+
diff --git a/src/utils/videoCover.ts b/src/utils/videoCover.ts
new file mode 100644
index 0000000..bf2325e
--- /dev/null
+++ b/src/utils/videoCover.ts
@@ -0,0 +1,78 @@
+// Author: fruit.com.cn
+/** 从本地视频文件截取封面（3:4 居中裁切），抖音式自动封面用 */
+
+export interface CapturedCover {
+  file: File
+  previewUrl: string
+}
+
+function loadVideo(file: File): Promise<HTMLVideoElement> {
+  return new Promise((resolve, reject) => {
+    const video = document.createElement('video')
+    video.preload = 'metadata'
+    video.muted = true
+    video.playsInline = true
+    const src = URL.createObjectURL(file)
+    const fail = (message: string) => {
+      URL.revokeObjectURL(src)
+      reject(new Error(message))
+    }
+    video.onloadedmetadata = () => {
+      URL.revokeObjectURL(src)
+      resolve(video)
+    }
+    video.onerror = () => fail('当前浏览器无法解析该视频格式')
+    video.src = src
+  })
+}
+
+/** 截取第 atSeconds 秒画面，按 3:4 居中裁切输出 720×960 JPEG */
+export async function captureVideoCover(file: File, atSeconds = 1): Promise<CapturedCover> {
+  const video = await loadVideo(file)
+  const duration = Number.isFinite(video.duration) && video.duration > 0 ? video.duration : 0
+  // 太短的视频从开头截，正常视频取第 1 秒，避免黑场
+  const target = duration ? Math.min(atSeconds, Math.max(0.1, duration * 0.2)) : 0
+  await new Promise<void>((resolve, reject) => {
+    const timer = window.setTimeout(() => reject(new Error('截取封面超时')), 8000)
+    video.onseeked = () => {
+      window.clearTimeout(timer)
+      resolve()
+    }
+    video.currentTime = target
+  })
+
+  const width = video.videoWidth
+  const height = video.videoHeight
+  if (!width || !height) throw new Error('无法读取视频尺寸')
+
+  const ratio = 3 / 4
+  let sw = width
+  let sh = height
+  if (width / height > ratio) {
+    sw = height * ratio
+  } else {
+    sh = width / ratio
+  }
+  const sx = (width - sw) / 2
+  const sy = (height - sh) / 2
+
+  const canvas = document.createElement('canvas')
+  canvas.width = 720
+  canvas.height = 960
+  const context = canvas.getContext('2d')
+  if (!context) throw new Error('当前浏览器不支持 canvas')
+  context.drawImage(video, sx, sy, sw, sh, 0, 0, canvas.width, canvas.height)
+
+  const blob = await new Promise<Blob>((resolve, reject) => {
+    canvas.toBlob(
+      (result) => (result ? resolve(result) : reject(new Error('封面生成失败'))),
+      'image/jpeg',
+      0.85
+    )
+  })
+  const baseName = file.name.replace(/\.[^.]+$/, '') || 'cover'
+  return {
+    file: new File([blob], `${baseName}-cover.jpg`, { type: 'image/jpeg' }),
+    previewUrl: URL.createObjectURL(blob)
+  }
+}
diff --git a/src/views/creator-center/PublishView.vue b/src/views/creator-center/PublishView.vue
new file mode 100644
index 0000000..bab8949
--- /dev/null
+++ b/src/views/creator-center/PublishView.vue
@@ -0,0 +1,1072 @@
+<!-- Author: fruit.com.cn -->
+
+<script setup>
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import PageHeading from '@/views/components/PageHeading.vue'
+import CreatorCenterPage from './components/CreatorCenterPage.vue'
+import { useCreatorAccess } from './composables/useCreatorAccess'
+import { publishDramaApi } from '@/api/admin/creatorCenter'
+import { listDramaCategoryOptionsApi } from '@/api/admin/drama'
+import { captureVideoCover } from '@/utils/videoCover'
+import { probeVideoDuration, uploadFile } from '@/utils/uploader'
+
+const router = useRouter()
+const { impersonating } = useCreatorAccess()
+
+/* ---------- 分类字典 ---------- */
+const categoryLoading = ref(false)
+const categoryOptions = ref([])
+async function loadCategories() {
+  categoryLoading.value = true
+  try {
+    const res = await listDramaCategoryOptionsApi()
+    // 接口返回的是 { code, message, data } 信封，真正的列表在 data 里
+    const list = res?.data || []
+    categoryOptions.value = Array.isArray(list)
+      ? list
+          .filter((c) => c.status == null || Number(c.status) === 1)
+          .sort((a, b) => (a.sort || 0) - (b.sort || 0))
+      : []
+  } catch {
+    // 下拉失败不让发布流程中断；只是用户没法选分类
+  } finally {
+    categoryLoading.value = false
+  }
+}
+onMounted(loadCategories)
+
+/* ---------- 视频列表 ---------- */
+let seq = 0
+const items = ref([])
+const submitting = ref(false)
+const submittingMode = ref('')
+
+/* ---------- 步骤：1 作品信息 → 2 上传视频 ---------- */
+const step = ref(1)
+const canNext = computed(() => !submitting.value && !!form.value.title.trim())
+function nextStep() {
+  if (!canNext.value) {
+    ElMessage.warning('请先填写作品名称')
+    return
+  }
+  step.value = 2
+}
+function prevStep() {
+  if (submitting.value) return
+  step.value = 1
+}
+
+/* ---------- 作品信息 ---------- */
+const form = ref({
+  title: '',
+  categoryId: null,
+  genre: '',
+  description: ''
+})
+
+/* ---------- 作品封面 ---------- */
+const cover = ref({
+  file: null,
+  preview: '',
+  url: ''
+})
+const coverDirty = computed(() => {
+  if (cover.value.file) return true
+  return !!cover.value.preview && !cover.value.url
+})
+const coverMenuVisible = ref(false)
+function toggleCoverMenu() {
+  if (submitting.value) return
+  coverMenuVisible.value = !coverMenuVisible.value
+}
+function closeCoverMenu() {
+  coverMenuVisible.value = false
+}
+
+/* ---------- 隐藏的 input ---------- */
+const coverPickFileRef = ref(null)
+const coverCaptureRef = ref(null)
+const videoUploadRef = ref(null)
+const videoCaptureRef = ref(null)
+
+const hasFiles = computed(() => items.value.length > 0)
+const videoCount = computed(() => items.value.length)
+const overallPercent = computed(() => {
+  if (!items.value.length) return 0
+  return Math.round(items.value.reduce((sum, item) => sum + item.percent, 0) / items.value.length)
+})
+const canPublish = computed(
+  () => !submitting.value && !impersonating.value && hasFiles.value && form.value.title.trim()
+)
+
+/* ---------- 工具 ---------- */
+function formatSize(bytes) {
+  if (!bytes) return '0 MB'
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`
+}
+function formatDuration(seconds) {
+  if (!seconds) return '—'
+  const total = Math.round(seconds)
+  return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, '0')}`
+}
+function defaultTitle(index) {
+  return `第 ${index + 1} 集`
+}
+
+function syncCoverFromFirstItem() {
+  const first = items.value[0]
+  if (!first) {
+    if (!cover.value.file) {
+      if (cover.value.preview) URL.revokeObjectURL(cover.value.preview)
+      cover.value.preview = ''
+      cover.value.url = ''
+    }
+    return
+  }
+  if (cover.value.file || cover.value.url) return
+  if (first.coverPreview) {
+    if (cover.value.preview !== first.coverPreview) {
+      if (cover.value.preview) URL.revokeObjectURL(cover.value.preview)
+      cover.value.preview = first.coverPreview
+    }
+  } else {
+    if (cover.value.preview) URL.revokeObjectURL(cover.value.preview)
+    cover.value.preview = ''
+  }
+}
+
+/* ---------- 封面处理 ---------- */
+function onPickCover(event) {
+  const file = event.target.files?.[0]
+  event.target.value = ''
+  if (!file) return
+  if (!file.type.startsWith('image/')) {
+    ElMessage.warning('请上传图片作为封面')
+    return
+  }
+  if (file.size > 5 * 1024 * 1024) {
+    ElMessage.warning('封面图片不超过 5MB')
+    return
+  }
+  if (cover.value.preview) URL.revokeObjectURL(cover.value.preview)
+  cover.value.file = file
+  cover.value.url = ''
+  cover.value.preview = URL.createObjectURL(file)
+}
+function clearCover() {
+  if (cover.value.preview) URL.revokeObjectURL(cover.value.preview)
+  cover.value.file = null
+  cover.value.url = ''
+  cover.value.preview = ''
+  syncCoverFromFirstItem()
+}
+
+/* ---------- 视频处理 ---------- */
+async function onPickFiles(event) {
+  const files = Array.from(event.target.files || []).filter(
+    (file) => file.type.startsWith('video/') || /\.(mp4|mov|m4v|webm|mkv|avi)$/i.test(file.name)
+  )
+  event.target.value = ''
+  if (!files.length) {
+    ElMessage.warning('请选择视频文件')
+    return
+  }
+  const startIndex = items.value.length
+  for (const file of files) {
+    seq += 1
+    const item = {
+      id: `pv-${seq}`,
+      file,
+      fileName: file.name,
+      fileSize: file.size,
+      title: defaultTitle(items.value.length),
+      durationSec: 0,
+      coverFile: null,
+      coverPreview: '',
+      coverUrl: '',
+      assetId: 0,
+      percent: 0,
+      status: 'ready',
+      error: ''
+    }
+    items.value.push(item)
+    void hydrate(item)
+  }
+  if (!form.value.title.trim()) {
+    form.value.title = files[0].name.replace(/\.[^.]+$/, '')
+  }
+  if (startIndex > 0) renumber()
+}
+async function hydrate(item) {
+  try {
+    item.durationSec = await probeVideoDuration(item.file)
+  } catch {
+    item.durationSec = 0
+  }
+  try {
+    const cv = await captureVideoCover(item.file)
+    if (!items.value.includes(item)) return
+    item.coverFile = cv.file
+    item.coverPreview = cv.previewUrl
+    if (items.value[0] === item && !cover.value.file && !cover.value.url) {
+      if (cover.value.preview && cover.value.preview !== item.coverPreview) {
+        URL.revokeObjectURL(cover.value.preview)
+      }
+      cover.value.preview = item.coverPreview
+    }
+  } catch {
+    // 截帧失败不阻断发布
+  }
+}
+function renumber() {
+  items.value.forEach((item, index) => {
+    if (item.title === defaultTitle(index) || /^第\s*\d+\s*集$/.test(item.title)) {
+      item.title = defaultTitle(index)
+    }
+  })
+}
+function removeItem(item) {
+  if (submitting.value) return
+  const index = items.value.indexOf(item)
+  if (index < 0) return
+  items.value.splice(index, 1)
+  renumber()
+  syncCoverFromFirstItem()
+}
+function moveItem(item, delta) {
+  if (submitting.value) return
+  const index = items.value.indexOf(item)
+  const target = index + delta
+  if (index < 0 || target < 0 || target >= items.value.length) return
+  const [moved] = items.value.splice(index, 1)
+  items.value.splice(target, 0, moved)
+  renumber()
+  syncCoverFromFirstItem()
+}
+
+/* ---------- 上传 ---------- */
+async function uploadItem(item) {
+  item.error = ''
+  item.status = 'uploading'
+  try {
+    if (item.coverFile && !item.coverUrl) {
+      const coverAsset = await uploadFile(item.coverFile, { bizType: 'DRAMA_COVER' })
+      item.coverUrl = coverAsset.url
+    }
+    if (!item.assetId) {
+      const asset = await uploadFile(item.file, {
+        bizType: 'EPISODE',
+        durationSec: item.durationSec || undefined,
+        onProgress: (percent) => {
+          item.percent = percent
+        }
+      })
+      item.assetId = asset.id
+      if (asset.durationSec != null && !item.durationSec) item.durationSec = asset.durationSec
+    }
+    item.percent = 100
+    item.status = 'done'
+  } catch (error) {
+    item.status = 'failed'
+    item.error = (error && error.message) || '上传失败，请重试'
+    throw error
+  }
+}
+async function ensureCoverUploaded() {
+  if (!coverDirty.value) return cover.value.url || undefined
+  if (cover.value.file) {
+    const asset = await uploadFile(cover.value.file, { bizType: 'DRAMA_COVER' })
+    cover.value.url = asset.url
+    return asset.url
+  }
+  const first = items.value[0]
+  if (first?.coverUrl) {
+    cover.value.url = first.coverUrl
+    return first.coverUrl
+  }
+  return undefined
+}
+
+/* ---------- 发布 ---------- */
+async function publish(submit = true) {
+  if (impersonating.value) return
+  if (!hasFiles.value) {
+    ElMessage.warning('请先选择或拍摄视频')
+    return
+  }
+  if (!form.value.title.trim()) {
+    ElMessage.warning('请填写作品名称')
+    return
+  }
+  submitting.value = true
+  submittingMode.value = submit ? 'publish' : 'draft'
+  try {
+    const coverUrl = await ensureCoverUploaded()
+    for (const item of items.value) {
+      await uploadItem(item)
+    }
+    const payload = {
+      title: form.value.title.trim(),
+      categoryId: form.value.categoryId || undefined,
+      genre: form.value.genre?.trim() || undefined,
+      description: form.value.description?.trim() || undefined,
+      cover: coverUrl,
+      language: 'zh-CN',
+      submit,
+      episodes: items.value.map((item, index) => ({
+        assetId: item.assetId,
+        title: item.title || defaultTitle(index),
+        durationSec: Math.round(item.durationSec) || undefined,
+        cover: item.coverUrl || undefined
+      }))
+    }
+    const result = await publishDramaApi(payload)
+    ElMessage.success(submit ? '发布成功，已提交审核' : '已保存为草稿')
+    router.push(`/creator-center/dramas/${result.dramaId}`)
+  } catch (error) {
+    const message = (error && error.message) || '发布失败'
+    ElMessage.error(message)
+  } finally {
+    submitting.value = false
+    submittingMode.value = ''
+  }
+}
+
+function goBack() {
+  if (submitting.value) {
+    ElMessage.warning('正在上传，请等待完成')
+    return
+  }
+  router.push('/creator-center/workspace')
+}
+
+onBeforeUnmount(() => {
+  items.value.forEach((item) => {
+    if (item.coverPreview) URL.revokeObjectURL(item.coverPreview)
+  })
+  if (cover.value.preview) URL.revokeObjectURL(cover.value.preview)
+})
+</script>
+
+<template>
+  <CreatorCenterPage>
+    <PageHeading
+      eyebrow="创作者中心"
+      title="发布作品"
+      description="拍视频、传封面、填标题，和抖音一样一步发布。"
+    >
+      <el-button :disabled="submitting" @click="goBack">返回我的作品</el-button>
+    </PageHeading>
+
+    <el-alert
+      v-if="impersonating"
+      type="warning"
+      :closable="false"
+      show-icon
+      title="代看模式下不能发布作品"
+      class="publish-alert"
+    />
+
+    <div class="publish-stage">
+      <!-- 第一步：左封面 + 右作品信息 -->
+      <section v-show="step === 1" class="panel publish-block">
+        <div class="publish-block-head">
+          <span><em class="publish-step-no">1</em>作品信息</span>
+          <span class="console-count">下一步上传视频</span>
+        </div>
+
+        <div class="publish-info-row">
+          <!-- 左：封面 -->
+          <div class="cover-wrap">
+            <!-- 遮罩：点菜单外关闭 -->
+            <div v-if="coverMenuVisible" class="cover-menu-shim" @click="closeCoverMenu"></div>
+
+            <button
+              type="button"
+              class="cover-main"
+              :class="{ 'has-cover': cover.preview }"
+              :disabled="submitting"
+              @click="toggleCoverMenu"
+            >
+              <img v-if="cover.preview" :src="cover.preview" alt="作品封面" />
+              <div v-else class="cover-placeholder">
+                <span class="cover-plus">＋</span>
+                <span class="cover-text">点击上传封面</span>
+                <span class="cover-hint">3:4 竖版 · 720×960</span>
+              </div>
+              <div class="cover-mask"><span>更换封面</span></div>
+            </button>
+
+            <ul v-if="coverMenuVisible" class="cover-menu">
+              <li
+                :class="{ disabled: submitting }"
+                @click="!submitting && (closeCoverMenu(), coverPickFileRef?.click())"
+              >
+                📁 从相册选图片
+              </li>
+              <li
+                :class="{ disabled: submitting }"
+                @click="!submitting && (closeCoverMenu(), coverCaptureRef?.click())"
+              >
+                📷 拍照作为封面
+              </li>
+              <li
+                v-if="cover.preview"
+                :class="{ disabled: submitting, divider: true }"
+                @click="!submitting && (closeCoverMenu(), clearCover())"
+              >
+                移除封面（使用视频首帧）
+              </li>
+            </ul>
+
+            <!-- 隐藏的两个 input -->
+            <input
+              ref="coverPickFileRef"
+              type="file"
+              accept="image/*"
+              hidden
+              :disabled="submitting"
+              @change="onPickCover"
+            />
+            <input
+              ref="coverCaptureRef"
+              type="file"
+              accept="image/*"
+              capture="environment"
+              hidden
+              :disabled="submitting"
+              @change="onPickCover"
+            />
+          </div>
+
+          <!-- 右：表单 -->
+          <div class="publish-form-col">
+            <el-form label-position="top" class="publish-form">
+              <el-form-item label="作品名称" required>
+                <el-input
+                  v-model="form.title"
+                  maxlength="64"
+                  placeholder="例如：闪婚后，傅先生每天都在撒糖"
+                  :disabled="submitting"
+                />
+              </el-form-item>
+              <div class="publish-form-grid">
+                <el-form-item label="分类">
+                  <el-select
+                    v-model="form.categoryId"
+                    :loading="categoryLoading"
+                    :disabled="submitting"
+                    placeholder="请选择分类"
+                    clearable
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="opt in categoryOptions"
+                      :key="opt.id"
+                      :label="opt.name"
+                      :value="opt.id"
+                    />
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="题材标签">
+                  <el-input
+                    v-model="form.genre"
+                    maxlength="32"
+                    placeholder="例如：闪婚、霸总"
+                    :disabled="submitting"
+                  />
+                </el-form-item>
+              </div>
+              <el-form-item label="简介">
+                <el-input
+                  v-model="form.description"
+                  type="textarea"
+                  :rows="3"
+                  maxlength="200"
+                  show-word-limit
+                  :disabled="submitting"
+                  placeholder="一句话简介这部剧的核心情节（选填）"
+                />
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </section>
+
+      <!-- 第二步：视频上传 -->
+      <section v-show="step === 2" class="panel publish-block">
+        <div class="publish-block-head">
+          <span><em class="publish-step-no">2</em>上传视频</span>
+          <span class="console-count">已选 {{ videoCount }} 集</span>
+        </div>
+
+        <div class="video-entry-row">
+          <button
+            type="button"
+            class="video-entry"
+            :disabled="submitting"
+            @click="videoUploadRef?.click()"
+          >
+            <div class="video-entry-icon">📁</div>
+            <div class="video-entry-body">
+              <div class="video-entry-title">上传视频</div>
+              <div class="video-entry-hint">支持多选，按顺序自动连集；也可以重复点击继续追加</div>
+            </div>
+          </button>
+          <button
+            type="button"
+            class="video-entry"
+            :disabled="submitting"
+            @click="videoCaptureRef?.click()"
+          >
+            <div class="video-entry-icon">🎥</div>
+            <div class="video-entry-body">
+              <div class="video-entry-title">拍摄视频</div>
+              <div class="video-entry-hint">直接用相机拍摄一集，拍完继续拍下一集</div>
+            </div>
+          </button>
+        </div>
+
+        <!-- 隐藏的两个 input -->
+        <input
+          ref="videoUploadRef"
+          type="file"
+          accept="video/*"
+          multiple
+          hidden
+          :disabled="submitting"
+          @change="onPickFiles"
+        />
+        <input
+          ref="videoCaptureRef"
+          type="file"
+          accept="video/*"
+          capture="environment"
+          hidden
+          :disabled="submitting"
+          @change="onPickFiles"
+        />
+
+        <!-- 已选列表 -->
+        <div v-if="hasFiles" class="publish-list">
+          <div v-for="(item, index) in items" :key="item.id" class="publish-item">
+            <div class="publish-item-cover">
+              <img v-if="item.coverPreview" :src="item.coverPreview" :alt="item.title" />
+              <span v-else>{{ index + 1 }}</span>
+              <em class="publish-item-index">{{ index + 1 }}</em>
+            </div>
+            <div class="publish-item-body">
+              <el-input
+                v-model="item.title"
+                maxlength="40"
+                :disabled="submitting"
+                class="publish-item-title"
+              />
+              <div class="publish-item-meta">
+                <span>{{ formatDuration(item.durationSec) }}</span>
+                <span>{{ formatSize(item.fileSize) }}</span>
+                <span v-if="item.status === 'uploading'" class="publish-item-status">
+                  上传中 {{ item.percent }}%
+                </span>
+                <span v-else-if="item.status === 'done'" class="publish-item-status is-done"
+                  >已上传</span
+                >
+                <span v-else-if="item.status === 'failed'" class="publish-item-status is-fail"
+                  >上传失败</span
+                >
+              </div>
+              <el-progress
+                v-if="item.status === 'uploading'"
+                :percentage="item.percent"
+                :stroke-width="4"
+                :show-text="false"
+              />
+              <span v-if="item.error" class="publish-item-error">{{ item.error }}</span>
+            </div>
+            <div class="publish-item-actions">
+              <el-button text :disabled="submitting || index === 0" @click="moveItem(item, -1)"
+                >上移</el-button
+              >
+              <el-button
+                text
+                :disabled="submitting || index === items.length - 1"
+                @click="moveItem(item, 1)"
+                >下移</el-button
+              >
+              <el-button text type="danger" :disabled="submitting" @click="removeItem(item)"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+
+    <!-- sticky footer -->
+    <div class="publish-footer">
+      <span v-if="submitting" class="console-muted">总进度 {{ overallPercent }}%</span>
+      <template v-if="step === 1">
+        <el-button :disabled="submitting" @click="goBack">取消</el-button>
+        <el-button type="primary" :disabled="!canNext" @click="nextStep">
+          下一步：上传视频
+        </el-button>
+      </template>
+      <template v-else>
+        <el-button :disabled="submitting" @click="prevStep">上一步</el-button>
+        <el-button
+          :disabled="!canPublish"
+          :loading="submittingMode === 'draft'"
+          @click="publish(false)"
+          >存草稿</el-button
+        >
+        <el-button
+          type="primary"
+          :disabled="!canPublish"
+          :loading="submittingMode === 'publish'"
+          @click="publish(true)"
+          >发布并提交审核</el-button
+        >
+      </template>
+    </div>
+    <div class="publish-footer-space" aria-hidden="true"></div>
+  </CreatorCenterPage>
+</template>
+
+<style scoped>
+.publish-alert {
+  margin-bottom: 16px;
+}
+
+/* ---------- 舞台 ---------- */
+
+.publish-stage {
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+.publish-block {
+  padding: 24px;
+  margin-bottom: 16px;
+}
+
+.publish-block-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 18px;
+  font-size: 15px;
+  font-weight: 600;
+}
+
+.publish-step-no {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  margin-right: 8px;
+  border-radius: 50%;
+  background: var(--el-color-primary);
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  vertical-align: middle;
+}
+
+/* ---------- 左封面 + 右表单 ---------- */
+
+.publish-info-row {
+  display: grid;
+  grid-template-columns: 240px 1fr;
+  gap: 28px;
+  align-items: start;
+}
+
+/* ---------- 封面 ---------- */
+
+.cover-wrap {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+
+.cover-menu-shim {
+  position: fixed;
+  inset: 0;
+  z-index: 9;
+}
+
+.cover-main {
+  position: relative;
+  display: block;
+  width: 100%;
+  aspect-ratio: 3 / 4;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  cursor: pointer;
+  background: #f5f6f8;
+  border: 1.5px dashed var(--console-border, #d9d9d9);
+  border-radius: 14px;
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+  font-family: inherit;
+  color: inherit;
+}
+
+.cover-main:hover:not(:disabled) {
+  border-color: var(--el-color-primary);
+  box-shadow: 0 0 0 3px rgb(64 158 255 / 15%);
+}
+
+.cover-main:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.cover-main.has-cover {
+  border-style: solid;
+  border-color: transparent;
+}
+
+.cover-main img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.cover-placeholder {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  color: var(--console-muted, #909399);
+}
+
+.cover-plus {
+  font-size: 40px;
+  line-height: 1;
+  color: var(--el-color-primary);
+}
+
+.cover-text {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+}
+
+.cover-hint {
+  font-size: 11px;
+}
+
+.cover-mask {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  color: #fff;
+  background: linear-gradient(to top, rgb(0 0 0 / 60%), transparent);
+  opacity: 0;
+  transform: translateY(6px);
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
+}
+
+.cover-main.has-cover:hover .cover-mask {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.cover-menu {
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  z-index: 10;
+  min-width: 200px;
+  margin: 10px 0 0 -100px;
+  padding: 6px 0;
+  list-style: none;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 6px 20px rgb(0 0 0 / 12%);
+}
+
+.cover-menu li {
+  padding: 9px 18px;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--el-text-color-regular);
+  transition: background 0.15s ease;
+}
+
+.cover-menu li:hover:not(.disabled) {
+  background: var(--el-fill-color-light);
+  color: var(--el-color-primary);
+}
+
+.cover-menu li.disabled {
+  color: var(--el-text-color-placeholder);
+  cursor: not-allowed;
+}
+
+.cover-menu li.divider {
+  margin-top: 6px;
+  border-top: 1px solid var(--el-border-color-lighter);
+}
+
+/* ---------- 表单 ---------- */
+
+.publish-form-col {
+  min-width: 0;
+}
+
+.publish-form {
+  max-width: none;
+}
+
+.publish-form-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
+
+/* ---------- 视频主入口 ---------- */
+
+.video-entry-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+
+.video-entry {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 22px 20px;
+  cursor: pointer;
+  border: 1.5px dashed var(--console-border, #d9d9d9);
+  border-radius: 14px;
+  background: transparent;
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+  font-family: inherit;
+  color: inherit;
+  text-align: left;
+}
+
+.video-entry:hover:not(:disabled) {
+  border-color: var(--el-color-primary);
+  box-shadow: 0 0 0 3px rgb(64 158 255 / 15%);
+}
+
+.video-entry:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.video-entry-icon {
+  flex-shrink: 0;
+  font-size: 32px;
+  line-height: 1;
+}
+
+.video-entry-title {
+  font-size: 15px;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+.video-entry-hint {
+  font-size: 12px;
+  color: var(--console-muted, #909399);
+  line-height: 1.4;
+}
+
+/* ---------- 已选列表 ---------- */
+
+.publish-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-top: 18px;
+}
+
+.publish-item {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  padding: 12px;
+  border: 1px solid var(--console-border, #ebeef5);
+  border-radius: 12px;
+}
+
+.publish-item-cover {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 80px;
+  overflow: hidden;
+  font-size: 18px;
+  font-weight: 600;
+  color: #fff;
+  background: #303133;
+  border-radius: 8px;
+}
+
+.publish-item-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.publish-item-index {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  min-width: 18px;
+  height: 18px;
+  font-size: 11px;
+  font-style: normal;
+  line-height: 18px;
+  text-align: center;
+  background: rgb(0 0 0 / 60%);
+  border-radius: 9px;
+}
+
+.publish-item-body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+
+.publish-item-title :deep(.el-input__inner) {
+  font-weight: 600;
+}
+
+.publish-item-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  font-size: 12px;
+  color: var(--console-muted, #909399);
+}
+
+.publish-item-status.is-done {
+  color: var(--el-color-success);
+}
+
+.publish-item-status.is-fail,
+.publish-item-error {
+  color: var(--el-color-danger);
+}
+
+.publish-item-error {
+  font-size: 12px;
+}
+
+.publish-item-actions {
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  gap: 2px;
+}
+
+/* ---------- footer ---------- */
+
+.publish-footer {
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 12px 24px;
+  margin-top: 8px;
+  background: var(--console-panel, #fff);
+  border-top: 1px solid var(--console-border, #ebeef5);
+}
+
+.publish-footer .console-muted {
+  margin-right: auto;
+  font-size: 12px;
+}
+
+.publish-footer-space {
+  display: none;
+}
+
+/* ---------- 断点 ---------- */
+
+@media (width <= 768px) {
+  .publish-block {
+    padding: 18px 16px;
+  }
+
+  .publish-info-row {
+    grid-template-columns: 1fr;
+  }
+
+  .cover-main {
+    max-width: 160px;
+    margin: 0 auto;
+  }
+
+  .publish-form-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .video-entry-row {
+    grid-template-columns: 1fr;
+  }
+
+  .video-entry {
+    padding: 18px 16px;
+  }
+
+  .publish-item {
+    flex-wrap: wrap;
+  }
+
+  .publish-item-actions {
+    flex-direction: row;
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  .publish-footer {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 10;
+    padding-bottom: calc(12px + env(safe-area-inset-bottom));
+  }
+
+  .publish-footer .el-button {
+    flex: 1;
+  }
+
+  .publish-footer-space {
+    display: block;
+    height: 84px;
+  }
+}
+</style>
diff --git a/src/views/creator-center/WorkspaceView.vue b/src/views/creator-center/WorkspaceView.vue
index c37852a..2b19185 100644
--- a/src/views/creator-center/WorkspaceView.vue
+++ b/src/views/creator-center/WorkspaceView.vue
@@ -30,16 +30,12 @@ const {
   profileLoading,
   dramas,
   notices,
-  createVisible,
-  createSaving,
-  createForm,
   queryDramas,
   loadDramas,
   loadNotices,
   submit,
   withdraw,
-  openCreate,
-  confirmCreate
+  remove
 } = useCreatorWorkspace()
 
 const activeTab = ref('dramas')
@@ -59,6 +55,11 @@ function onTabChange(name) {
 function openEdit(row) {
   router.push(`/creator-center/dramas/${row.id}`)
 }
+
+/** 抖音式发布：直接进发布页选视频，不再先建空草稿 */
+function openPublish() {
+  router.push('/creator-center/publish')
+}
 </script>
 
 <template>
@@ -68,8 +69,8 @@ function openEdit(row) {
       title="我的作品"
       description="查看作品与审核进度，提交上线 / 下线申请。"
     >
-      <el-button v-if="canEdit && !impersonating" type="primary" @click="openCreate"
-        >新建作品</el-button
+      <el-button v-if="canEdit && !impersonating" type="primary" @click="openPublish"
+        >发布作品</el-button
       >
     </PageHeading>
 
@@ -114,7 +115,7 @@ function openEdit(row) {
       />
     </section>
 
-    <section class="panel">
+    <section class="panel creator-workspace-wrap">
       <el-tabs v-model="activeTab" @tab-change="onTabChange">
         <el-tab-pane label="我的作品" name="dramas">
           <div class="console-toolbar">
@@ -146,47 +147,151 @@ function openEdit(row) {
             <span class="console-count">共 {{ dramas.total }} 部作品</span>
           </div>
 
-          <el-table
-            v-loading="dramas.loading"
-            :data="dramas.rows"
-            row-key="id"
-            border
-            class="drama-el-table"
-            empty-text="还没有作品，点右上角「新建作品」开始"
-          >
-            <el-table-column label="作品" min-width="220">
-              <template #default="{ row }">
-                <div class="creator-drama-cell">
-                  <div class="creator-drama-cover">
-                    <AppImage
-                      v-if="row.cover"
-                      :src="row.cover"
-                      :preview-list="workspaceCoverPreviewList"
-                      :initial-index="workspaceCoverPreviewIndex(row)"
-                      fit="cover"
-                      class="creator-drama-image"
-                      :alt="row.title"
-                    />
-                    <span v-else>{{ (row.title || '?').slice(0, 1) }}</span>
+          <div class="creator-desktop-only">
+            <el-table
+              v-loading="dramas.loading"
+              :data="dramas.rows"
+              row-key="id"
+              border
+              class="drama-el-table"
+              empty-text="还没有作品，点右上角「发布作品」开始"
+            >
+              <el-table-column label="作品" min-width="220">
+                <template #default="{ row }">
+                  <div class="creator-drama-cell">
+                    <div class="creator-drama-cover">
+                      <AppImage
+                        v-if="row.cover"
+                        :src="row.cover"
+                        :preview-list="workspaceCoverPreviewList"
+                        :initial-index="workspaceCoverPreviewIndex(row)"
+                        fit="cover"
+                        class="creator-drama-image"
+                        :alt="row.title"
+                      />
+                      <span v-else>{{ (row.title || '?').slice(0, 1) }}</span>
+                    </div>
+                    <div class="creator-drama-meta">
+                      <span class="creator-drama-title">{{ row.title }}</span>
+                      <span class="creator-drama-code">{{ row.code }}</span>
+                    </div>
                   </div>
-                  <div class="creator-drama-meta">
-                    <span class="creator-drama-title">{{ row.title }}</span>
-                    <span class="creator-drama-code">{{ row.code }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="状态" width="100">
+                <template #default="{ row }">
+                  <el-tag :type="dramaStatusMeta(row.status).tag" effect="light">{{
+                    dramaStatusMeta(row.status).label
+                  }}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="episodes" label="分集" width="80" />
+              <el-table-column prop="views" label="播放" width="100" />
+              <el-table-column label="审核进度" min-width="200">
+                <template #default="{ row }">
+                  <div v-if="row.submissionStatus" class="creator-progress">
+                    <el-tag
+                      size="small"
+                      :type="submissionStatusMeta(row.submissionStatus).tag"
+                      effect="plain"
+                    >
+                      {{ submissionTypeText(row.submissionType) }}·{{
+                        submissionStatusMeta(row.submissionStatus).label
+                      }}
+                    </el-tag>
+                    <span v-if="row.reviewNote" class="console-muted" :title="row.reviewNote">{{
+                      row.reviewNote
+                    }}</span>
                   </div>
+                  <span v-else class="console-muted">尚未提交</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="updatedAt"
+                label="更新时间"
+                min-width="165"
+                :formatter="dateCell"
+                show-overflow-tooltip
+              />
+              <el-table-column label="操作" width="280">
+                <template #default="{ row }">
+                  <div class="table-actions">
+                    <el-button
+                      v-if="canEdit && !impersonating"
+                      type="primary"
+                      size="small"
+                      @click="openEdit(row)"
+                      >编辑</el-button
+                    >
+                    <el-dropdown
+                      v-if="canEdit && !impersonating && submitOptions(row).length"
+                      trigger="click"
+                      @command="(type) => submit(row, type)"
+                    >
+                      <el-button size="small">提交审核</el-button>
+                      <template #dropdown>
+                        <el-dropdown-menu>
+                          <el-dropdown-item
+                            v-for="type in submitOptions(row)"
+                            :key="type"
+                            :command="type"
+                          >
+                            {{ submissionTypeText(type) }}
+                          </el-dropdown-item>
+                        </el-dropdown-menu>
+                      </template>
+                    </el-dropdown>
+                    <el-button
+                      v-if="
+                        canEdit &&
+                        !impersonating &&
+                        row.submissionId &&
+                        ['SUBMITTED', 'REVIEWING'].includes(row.submissionStatus)
+                      "
+                      type="danger"
+                      size="small"
+                      @click="withdraw(row)"
+                      >撤回</el-button
+                    >
+                    <el-button
+                      v-if="canEdit && !impersonating"
+                      text
+                      type="danger"
+                      size="small"
+                      @click="remove(row)"
+                      >删除</el-button
+                    >
+                  </div>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+
+          <div v-loading="dramas.loading" class="creator-mobile-only creator-drama-list">
+            <el-empty v-if="!dramas.rows.length" description="还没有作品，点下方「发布作品」开始" />
+            <article v-for="row in dramas.rows" :key="row.id" class="creator-drama-card">
+              <div class="creator-drama-card-cover" @click="openEdit(row)">
+                <AppImage
+                  v-if="row.cover"
+                  :src="row.cover"
+                  fit="cover"
+                  class="creator-drama-image"
+                  :alt="row.title"
+                />
+                <span v-else>{{ (row.title || '?').slice(0, 1) }}</span>
+              </div>
+              <div class="creator-drama-card-body">
+                <div class="creator-drama-card-head">
+                  <span class="creator-drama-title">{{ row.title }}</span>
+                  <el-tag size="small" :type="dramaStatusMeta(row.status).tag" effect="light">
+                    {{ dramaStatusMeta(row.status).label }}
+                  </el-tag>
+                </div>
+                <span class="creator-drama-code">{{ row.code }}</span>
+                <div class="creator-drama-card-meta">
+                  <span>{{ row.episodes }} 集</span>
+                  <span>{{ row.views }} 播放</span>
                 </div>
-              </template>
-            </el-table-column>
-            <el-table-column label="状态" width="100">
-              <template #default="{ row }">
-                <el-tag :type="dramaStatusMeta(row.status).tag" effect="light">{{
-                  dramaStatusMeta(row.status).label
-                }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="episodes" label="分集" width="80" />
-            <el-table-column prop="views" label="播放" width="100" />
-            <el-table-column label="审核进度" min-width="200">
-              <template #default="{ row }">
                 <div v-if="row.submissionStatus" class="creator-progress">
                   <el-tag
                     size="small"
@@ -197,32 +302,12 @@ function openEdit(row) {
                       submissionStatusMeta(row.submissionStatus).label
                     }}
                   </el-tag>
-                  <span v-if="row.reviewNote" class="console-muted" :title="row.reviewNote">{{
-                    row.reviewNote
-                  }}</span>
                 </div>
                 <span v-else class="console-muted">尚未提交</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="updatedAt"
-              label="更新时间"
-              min-width="165"
-              :formatter="dateCell"
-              show-overflow-tooltip
-            />
-            <el-table-column label="操作" width="210" fixed="right">
-              <template #default="{ row }">
-                <div class="table-actions">
-                  <el-button
-                    v-if="canEdit && !impersonating"
-                    type="primary"
-                    size="small"
-                    @click="openEdit(row)"
-                    >编辑</el-button
-                  >
+                <div v-if="canEdit && !impersonating" class="creator-drama-card-actions">
+                  <el-button size="small" type="primary" @click="openEdit(row)">编辑</el-button>
                   <el-dropdown
-                    v-if="canEdit && !impersonating && submitOptions(row).length"
+                    v-if="submitOptions(row).length"
                     trigger="click"
                     @command="(type) => submit(row, type)"
                   >
@@ -241,20 +326,18 @@ function openEdit(row) {
                   </el-dropdown>
                   <el-button
                     v-if="
-                      canEdit &&
-                      !impersonating &&
-                      row.submissionId &&
-                      ['SUBMITTED', 'REVIEWING'].includes(row.submissionStatus)
+                      row.submissionId && ['SUBMITTED', 'REVIEWING'].includes(row.submissionStatus)
                     "
                     type="danger"
                     size="small"
                     @click="withdraw(row)"
                     >撤回</el-button
                   >
+                  <el-button text type="danger" size="small" @click="remove(row)">删除</el-button>
                 </div>
-              </template>
-            </el-table-column>
-          </el-table>
+              </div>
+            </article>
+          </div>
 
           <div class="pagination">
             <el-pagination
@@ -290,41 +373,5 @@ function openEdit(row) {
         </el-tab-pane>
       </el-tabs>
     </section>
-
-    <el-dialog v-model="createVisible" title="新建作品" width="480px">
-      <el-form label-position="top">
-        <el-form-item label="作品名称" required>
-          <el-input
-            v-model="createForm.title"
-            maxlength="64"
-            placeholder="例如：闪婚后，傅先生每天都在撒糖"
-          />
-        </el-form-item>
-        <el-form-item label="题材">
-          <el-input v-model="createForm.genre" maxlength="32" placeholder="例如：都市情感" />
-        </el-form-item>
-        <el-form-item label="简介">
-          <el-input
-            v-model="createForm.description"
-            type="textarea"
-            :rows="3"
-            maxlength="200"
-            show-word-limit
-          />
-        </el-form-item>
-        <el-alert
-          type="info"
-          :closable="false"
-          show-icon
-          title="先建草稿，再去作品编辑页完善信息、分集与视频，然后提交审核"
-        />
-      </el-form>
-      <template #footer>
-        <el-button @click="createVisible = false">取消</el-button>
-        <el-button type="primary" :loading="createSaving" @click="confirmCreate"
-          >创建草稿</el-button
-        >
-      </template>
-    </el-dialog>
   </CreatorCenterPage>
 </template>
diff --git a/src/views/creator-center/composables/useCreatorWorkspace.js b/src/views/creator-center/composables/useCreatorWorkspace.js
index 88f612c..5c73ebd 100644
--- a/src/views/creator-center/composables/useCreatorWorkspace.js
+++ b/src/views/creator-center/composables/useCreatorWorkspace.js
@@ -4,6 +4,7 @@ import { onMounted, reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import {
   createDramaApi,
+  deleteDramaApi,
   getCreatorProfileApi,
   listCreatorNoticesApi,
   pageMyDramasApi,
@@ -168,6 +169,32 @@ export function useCreatorWorkspace() {
     await loadDramas()
   }
 
+  /** 删作品。已上线的后端会拦，前端按状态给提示。 */
+  async function remove(row) {
+    const label = row.title || '该作品'
+    try {
+      await ElMessageBox.confirm(
+        `《${label}》将被永久删除（分集、封面、审核记录一并清理），且不可恢复。确认删除？`,
+        '删除作品',
+        {
+          confirmButtonText: '确认删除',
+          cancelButtonText: '取消',
+          type: 'warning',
+          confirmButtonClass: 'el-button--danger'
+        }
+      )
+    } catch {
+      return
+    }
+    try {
+      await deleteDramaApi(row.id)
+      ElMessage.success('作品已删除')
+      await loadDramas()
+    } catch (e) {
+      // 后端可能抛"已上线，请先下线"之类的业务错误；ElMessage 全局拦截器会弹 message
+    }
+  }
+
   const createVisible = ref(false)
   const createSaving = ref(false)
   const createForm = reactive({ title: '', genre: '', description: '' })
@@ -216,6 +243,7 @@ export function useCreatorWorkspace() {
     loadNotices,
     submit,
     withdraw,
+    remove,
     openCreate,
     confirmCreate
   }