/* ozIPX Mobile Shell — 仅 body.ozipx-mobile-mode 生效，PC 零影响 */

/* 登录/注册页：不套用移动端壳层与遮罩 */
body:has(.login-container) #ozipx-mobile-boot-veil,
body:has(.login-container) #ozipx-mobile-subpage-veil,
body:has(.login-container) #ozipx-mobile-shell {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body:has(.login-container) .login-container,
body:has(.login-container) #app {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#ozipx-mobile-boot-veil {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--oz-m-surface-base, #0f0f12);
  pointer-events: none;
}

/* 我的 → 子页：过渡遮罩，布局就绪后一次性揭开 */
#ozipx-mobile-subpage-veil {
  display: none;
  position: fixed;
  top: var(--oz-m-win-h);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8997;
  background: var(--oz-m-surface-base, #0f0f15);
  pointer-events: none;
}

#ozipx-mobile-subpage-veil.visible {
  display: block;
}

#ozipx-agent-settings-stash {
  position: fixed !important;
  left: -9999px !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* 首屏：early-boot 在 step-map 就绪前短暂隐藏多列预渲染 */
html.ozipx-mobile-early body.ozipx-mobile-tab-create:not(.ozipx-mobile-subpage) .cyberpunk-dashboard,
html.ozipx-mobile-boot body.ozipx-mobile-tab-create:not(.ozipx-mobile-subpage) #app,
html.ozipx-mobile-boot body.ozipx-mobile-tab-create:not(.ozipx-mobile-subpage) .page-container {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode {
  --oz-m-accent: #ee7024;
  --oz-m-accent2: #fd4f01;
  --oz-m-nav-h: 56px;
  --oz-m-safe-b: env(safe-area-inset-bottom, 0px);
  --oz-m-safe-t: env(safe-area-inset-top, 0px);
  --oz-m-win-h: 0px;
  --oz-m-sub-h: 48px;
  /* 自适应间距体系（小红书风：略紧、满屏） */
  --oz-m-gutter: clamp(12px, 3.5vw, 16px);
  --oz-m-page-pad-x: var(--oz-m-gutter);
  /* 顶栏 / 子栏目 / 底栏按钮组共用水平 inset */
  --oz-m-chrome-inset-x: var(--oz-m-page-pad-x);
  /* 子栏目 Segmented 轨道内边距；有效文本左缘 = chrome + track */
  --oz-m-segment-track-pad: 4px;
  --oz-m-tb-track-bg: rgba(0, 0, 0, 0.34);
  --oz-m-tb-track-inset: inset 0 1px 3px rgba(0, 0, 0, 0.55);
  --oz-m-tb-pill-bg: rgba(255, 255, 255, 0.11);
  --oz-m-tb-pill-shadow: 0 2px 7px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.09);
  --oz-m-tb-sub-line: linear-gradient(90deg, #ee7024 0%, #ff9340 100%);
  --oz-m-text-inset-x: calc(var(--oz-m-chrome-inset-x) + var(--oz-m-segment-track-pad));
  --oz-m-action-gap: var(--oz-m-gap-sm);
  --oz-m-gap-xs: 6px;
  --oz-m-gap-sm: 10px;
  --oz-m-gap-md: 14px;
  --oz-m-avatar-gen-btn-gap: 8px;
  /* 与底栏「下一步」同高 */
  --oz-m-avatar-gen-btn-h: var(--oz-m-control-h);
  --oz-m-zone-v: 6px;
  --oz-m-scroll-pad: 10px;
  /* 与字幕BGM 卡内滚动底留白一致（躲开底栏「上一步/下一步」） */
  --oz-m-preview-scroll-pad-b: calc(var(--oz-m-scroll-pad) + 72px);
  --oz-m-touch-target: 34px;
  --oz-m-step-bar-h: calc(var(--oz-m-zone-v) * 2 + 54px);
  --oz-m-fishbone-node: 20px;
  --oz-m-fishbone-node-active: 24px;
  --oz-m-fishbone-terminal: 30px;
  --oz-m-fishbone-label-font: 13px;
  --oz-m-fishbone-num-font: 12px;
  --oz-m-fishbone-num-active-font: 13px;
  --oz-m-fishbone-terminal-font: 11px;
  --oz-m-step-subnav-tab-font: 16px;
  --oz-m-step-footer-h: calc(var(--oz-m-zone-v) * 2 + var(--oz-m-control-h));
  --oz-m-step-preview-h: 0px;
  --oz-m-step-subnav-h: 0px;
  /* 色块分层（无边框替代描边） */
  --oz-m-surface-base: #0f0f12;
  --oz-m-surface-raised: #16161c;
  --oz-m-surface-chrome: #121216;
  --oz-m-surface-input: rgba(255, 255, 255, 0.07);
  --oz-m-surface-input-hover: rgba(255, 255, 255, 0.1);
  --oz-m-create-body-h: calc(
    100dvh - var(--oz-m-win-h) - var(--oz-m-step-bar-h) - var(--oz-m-step-subnav-h) -
      var(--oz-m-step-footer-h) - var(--oz-m-nav-h) - var(--oz-m-safe-b) - var(--oz-m-gap-xs)
  );
  --oz-m-icon-idle: rgba(255, 255, 255, 0.72);
  --oz-m-icon-muted: rgba(255, 255, 255, 0.42);
  --oz-m-icon-active: var(--oz-m-accent);
  /* 未选中 Tab 字色基准：IP学习 Tab 同款 52% 白 */
  --oz-m-text-idle: rgba(255, 255, 255, 0.52);
  --oz-m-tab-idle: var(--oz-m-text-idle);
  --oz-m-text-active: #ffffff;
  /* 统一按钮 VI · 橙色渐变 */
  --oz-m-btn-grad: linear-gradient(145deg, #f0782a 0%, #e85a10 52%, #fd4f01 100%);
  --oz-m-btn-grad-pressed: linear-gradient(145deg, #d4651e 0%, #c44e0a 52%, #d94500 100%);
  --oz-m-btn-grad-disabled: linear-gradient(145deg, #6e4428 0%, #5a3618 52%, #633010 100%);
  --oz-m-btn-secondary-grad: linear-gradient(
    145deg,
    rgba(240, 120, 42, 0.32) 0%,
    rgba(232, 90, 16, 0.2) 52%,
    rgba(253, 79, 1, 0.14) 100%
  );
  --oz-m-btn-border: transparent;
  --oz-m-btn-border-soft: transparent;
  --oz-m-btn-shadow: none;
  --oz-m-btn-radius: 8px;
  --oz-m-btn-font-size: 13px;
  --oz-m-btn-font-weight: 600;
  --oz-m-control-h: var(--oz-m-touch-target);
  /* 手机站不展示可视滚动条（触控滑动不受影响）；无溢出时自然不可见 */
  --oz-scrollbar-w: 0px;
  --oz-scrollbar-track: transparent;
  --oz-scrollbar-thumb: transparent;
  --oz-scrollbar-thumb-hover: transparent;
  --oz-scrollbar-thumb-active: transparent;
}

/* 手机站去掉 Electron/Web 顶栏「数字人 Beta版」 */
body.ozipx-mobile-mode .window-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.ozipx-mobile-mode .window-container,
body.ozipx-mobile-mode .page-container {
  min-height: 100vh;
  min-height: 100dvh;
}

body.ozipx-mobile-mode .window-body {
  height: 100% !important;
  min-height: 0 !important;
}

body.ozipx-mobile-mode .page-nav-container,
body.ozipx-mobile-mode .w-16.flex-shrink-0.h-full {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode .window-body .flex-grow.overflow-y-auto {
  padding-bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + 8px) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-tab-create:not(.ozipx-mobile-create-steps) .window-body .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-tab-create:not(.ozipx-mobile-create-steps) .page-container .flex-grow.overflow-y-auto {
  overscroll-behavior: contain;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage .window-body .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage .page-container .flex-grow.overflow-y-auto {
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding-top: calc(var(--oz-m-sub-h) + 8px) !important;
  padding-bottom: calc(var(--oz-m-safe-b) + 16px) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-hide-main .window-body .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-hide-main .page-container .flex-grow.overflow-y-auto {
  visibility: hidden !important;
  pointer-events: none !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b)) !important;
  z-index: -1 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  height: auto !important;
  padding-bottom: 0 !important;
}

body.ozipx-mobile-tab-mine #ozipx-mobile-step-bar,
body.ozipx-mobile-tab-mine #ozipx-mobile-step-footer,
body.ozipx-mobile-tab-mine #ozipx-mobile-step-subnav,
body.ozipx-mobile-tab-mine #ozipx-mobile-step-preview,
body.ozipx-mobile-tab-outputs #ozipx-mobile-step-bar,
body.ozipx-mobile-tab-outputs #ozipx-mobile-step-footer,
body.ozipx-mobile-tab-outputs #ozipx-mobile-step-subnav,
body.ozipx-mobile-tab-outputs #ozipx-mobile-step-preview,
body.oz-m-create-suspended #ozipx-mobile-step-bar,
body.oz-m-create-suspended #ozipx-mobile-step-footer,
body.oz-m-create-suspended #ozipx-mobile-step-subnav,
body.oz-m-create-suspended #ozipx-mobile-step-preview {
  display: none !important;
}

#ozipx-mobile-shell {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9000;
  font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
  pointer-events: none;
}

#ozipx-mobile-shell * {
  box-sizing: border-box;
}

/* ── 统一图标：SVG currentColor · 未选中白 · 选中橙 ── */
.oz-m-ico-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--oz-m-icon-idle);
  line-height: 0;
}

.oz-m-svg {
  display: block;
  flex-shrink: 0;
}

/* ── 统一按钮 VI：橙色渐变（主操作 / 次操作 / Shell 原生按钮） ── */
body.ozipx-mobile-mode .arco-btn-primary:not(.arco-btn-status-danger):not([status='danger']),
body.ozipx-mobile-mode .oz-m-btn-primary {
  background: var(--oz-m-btn-grad) !important;
  background-image: var(--oz-m-btn-grad) !important;
  border: 1px solid var(--oz-m-btn-border) !important;
  color: #fff !important;
  box-shadow: var(--oz-m-btn-shadow) !important;
  border-radius: var(--oz-m-btn-radius) !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .arco-btn-primary:not(.arco-btn-status-danger):not([status='danger']):not(:disabled):not(.arco-btn-disabled):active,
body.ozipx-mobile-mode .oz-m-btn-primary:active:not(:disabled) {
  background: var(--oz-m-btn-grad-pressed) !important;
  background-image: var(--oz-m-btn-grad-pressed) !important;
}

body.ozipx-mobile-mode .arco-btn-primary:not(.arco-btn-status-danger):not([status='danger']):disabled,
body.ozipx-mobile-mode .arco-btn-primary:not(.arco-btn-status-danger):not([status='danger']).arco-btn-disabled,
body.ozipx-mobile-mode .oz-m-btn-primary:disabled {
  background: var(--oz-m-btn-grad-disabled) !important;
  background-image: var(--oz-m-btn-grad-disabled) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
}

/* 次操作：橙 tint 渐变描边（取消 / 上一步 / 默认 arco-btn） */
body.ozipx-mobile-mode .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-btn-outline):not(.arco-btn-dashed):not(.arco-btn-status-danger):not([status='danger']):not(.arco-icon-only):not(.arco-btn-icon-only),
body.ozipx-mobile-mode .oz-m-btn-secondary {
  background: var(--oz-m-btn-secondary-grad) !important;
  background-image: var(--oz-m-btn-secondary-grad) !important;
  border: 1px solid var(--oz-m-btn-border-soft) !important;
  color: #fff !important;
  border-radius: var(--oz-m-btn-radius) !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-btn-outline):not(.arco-btn-dashed):not(.arco-btn-status-danger):not([status='danger']):not(.arco-icon-only):not(.arco-btn-icon-only):not(:disabled):not(.arco-btn-disabled):active,
body.ozipx-mobile-mode .oz-m-btn-secondary:active:not(:disabled) {
  background: linear-gradient(
    145deg,
    rgba(240, 120, 42, 0.42) 0%,
    rgba(232, 90, 16, 0.28) 52%,
    rgba(253, 79, 1, 0.22) 100%
  ) !important;
}

/* 危险操作保留红系渐变 */
body.ozipx-mobile-mode .arco-btn-status-danger,
body.ozipx-mobile-mode .arco-btn[status='danger'],
body.ozipx-mobile-mode .oz-m-btn-danger {
  background: linear-gradient(145deg, #e85a5a 0%, #d43b3b 52%, #b82e2e 100%) !important;
  border: 1px solid rgba(255, 120, 120, 0.35) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(212, 59, 59, 0.28) !important;
}

/* Shell 原生按钮 */
body.ozipx-mobile-mode .oz-m-step-next,
body.ozipx-mobile-mode .oz-m-btn-primary {
  background: var(--oz-m-btn-grad);
  border: 1px solid var(--oz-m-btn-border);
  color: #fff;
  box-shadow: var(--oz-m-btn-shadow);
}

body.ozipx-mobile-mode .oz-m-step-prev,
body.ozipx-mobile-mode .oz-m-btn-secondary {
  background: var(--oz-m-btn-secondary-grad);
  border: 1px solid var(--oz-m-btn-border-soft);
  color: #fff;
}

body.ozipx-mobile-mode .oz-m-avatar-add-btn,
body.ozipx-mobile-mode .oz-m-outputs-empty button,
body.ozipx-mobile-mode #ozipx-mobile-fab-oneclick {
  background: var(--oz-m-btn-grad) !important;
  background-image: var(--oz-m-btn-grad) !important;
  border: 1px solid var(--oz-m-btn-border) !important;
  color: #fff !important;
  box-shadow: var(--oz-m-btn-shadow) !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .oz-m-subhdr-back {
  background: var(--oz-m-btn-secondary-grad) !important;
  border: 1px solid var(--oz-m-btn-border-soft) !important;
  color: #fff !important;
}

body.ozipx-mobile-mode .oz-m-subhdr-back .oz-m-ico-wrap,
body.ozipx-mobile-mode .oz-m-subhdr-back .oz-m-icon-back {
  color: #fff !important;
}

/* 线框 / 文字按钮：橙 tint 描边，仍属 VI 体系 */
body.ozipx-mobile-mode .arco-btn.arco-btn-outline:not(.arco-btn-status-danger):not([status='danger']),
body.ozipx-mobile-mode .arco-btn.arco-btn-dashed:not(.arco-btn-status-danger):not([status='danger']) {
  background: var(--oz-m-btn-secondary-grad) !important;
  background-image: var(--oz-m-btn-secondary-grad) !important;
  border-color: var(--oz-m-btn-border-soft) !important;
  color: #fff !important;
}

/* 纯文字 / 链接 / 关闭图标：不套渐变 */
body.ozipx-mobile-mode .arco-btn.arco-btn-text,
body.ozipx-mobile-mode .arco-link,
body.ozipx-mobile-mode .arco-modal-close-btn,
body.ozipx-mobile-mode .arco-icon-hover.arco-modal-close-btn {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* ── 统一控件高度：输入框 / 下拉 / 按钮 = 底栏「下一步」（--oz-m-control-h） ── */
body.ozipx-mobile-mode .arco-input-wrapper:not(.arco-textarea-wrapper),
body.ozipx-mobile-mode .arco-input-number,
body.ozipx-mobile-mode .arco-select,
body.ozipx-mobile-mode .arco-select-view-single,
body.ozipx-mobile-mode .arco-select-view:not(.arco-select-view-multiple),
body.ozipx-mobile-mode .arco-picker {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .arco-input-number .arco-input-wrapper {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
}

body.ozipx-mobile-mode .arco-input-wrapper:not(.arco-textarea-wrapper) .arco-input,
body.ozipx-mobile-mode .arco-input-number .arco-input {
  height: 100% !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ozipx-mobile-mode .arco-select-view-single,
body.ozipx-mobile-mode .arco-select-view:not(.arco-select-view-multiple) {
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ozipx-mobile-mode .arco-select-view-value,
body.ozipx-mobile-mode .arco-select-view-input {
  line-height: 1.25 !important;
}

body.ozipx-mobile-mode .arco-select-view-multiple {
  min-height: var(--oz-m-control-h) !important;
  height: auto !important;
  max-height: none !important;
}

body.ozipx-mobile-mode
  .arco-btn:not(.arco-btn-text):not(.arco-icon-only):not(.arco-btn-icon-only):not(.arco-modal-close-btn),
body.ozipx-mobile-mode
  button:not(.oz-m-bar-item):not(.oz-m-step-chip):not(.oz-m-step-sub-tab):not(.arco-modal-close-btn):not(
    .arco-radio-button
  ):not(#ozipx-mobile-fab-oneclick) {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  font-size: var(--oz-m-btn-font-size) !important;
  font-weight: var(--oz-m-btn-font-weight) !important;
  letter-spacing: 0.02em !important;
}

body.ozipx-mobile-mode .arco-radio-group-button .arco-radio-button {
  height: var(--oz-m-control-h) !important;
  min-height: var(--oz-m-control-h) !important;
}

body.ozipx-mobile-mode .arco-radio-button-inner {
  line-height: calc(var(--oz-m-control-h) - 2px) !important;
  min-height: calc(var(--oz-m-control-h) - 2px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .arco-textarea-wrapper,
body.ozipx-mobile-mode .arco-textarea-wrapper .arco-textarea {
  height: auto !important;
  max-height: none !important;
  min-height: calc(var(--oz-m-control-h) * 2.5) !important;
}

#ozipx-mobile-shell .oz-m-bar,
#ozipx-mobile-shell .oz-m-panel,
#ozipx-mobile-shell .oz-m-subhdr {
  pointer-events: auto;
}

.oz-m-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9100;
  display: flex;
  height: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b));
  padding-bottom: var(--oz-m-safe-b);
  background: var(--oz-m-surface-chrome);
  border-top: none;
  box-shadow: none;
}

.oz-m-bar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: none;
  background: transparent;
  color: var(--oz-m-text-idle);
  font-size: 11px;
  cursor: pointer;
  padding: 6px 0 4px;
  transition: color 0.2s, background 0.2s;
  -webkit-tap-highlight-color: transparent;
}

.oz-m-bar-item .oz-m-icon,
.oz-m-bar-item .oz-m-ico-wrap {
  color: var(--oz-m-icon-idle);
}

.oz-m-bar-item .oz-m-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.oz-m-bar-item.active {
  color: var(--oz-m-text-active);
  background: linear-gradient(180deg, rgba(238, 112, 36, 0.12), transparent);
}

.oz-m-bar-item.active .oz-m-icon,
.oz-m-bar-item.active .oz-m-ico-wrap {
  color: var(--oz-m-icon-active);
  filter: drop-shadow(0 0 8px rgba(238, 112, 36, 0.35));
}

body.ozipx-mobile-subpage .oz-m-bar {
  display: none;
}

.oz-m-subhdr {
  display: none;
  position: fixed;
  top: var(--oz-m-win-h);
  left: 0;
  right: 0;
  z-index: 8999;
  height: var(--oz-m-sub-h);
  align-items: center;
  padding: 0 var(--oz-m-gutter);
  background: var(--oz-m-surface-chrome);
  border-bottom: none;
  color: #e8ecf4;
  font-size: 15px;
  font-weight: 600;
}

body.ozipx-mobile-subpage .oz-m-subhdr {
  display: flex;
}

.oz-m-subhdr-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: var(--oz-m-btn-radius);
  padding: 6px 12px;
  margin-right: 10px;
  font-size: var(--oz-m-btn-font-size);
  font-weight: var(--oz-m-btn-font-weight);
  cursor: pointer;
  flex-shrink: 0;
  max-width: 42%;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.15s ease, transform 0.12s ease;
}

.oz-m-subhdr-back .oz-m-ico-wrap,
.oz-m-subhdr-back .oz-m-icon-back {
  color: #fff;
}

.oz-m-panel {
  display: none;
  position: fixed;
  top: var(--oz-m-win-h);
  left: 0;
  right: 0;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b));
  z-index: 8998;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #0f0f15;
}

body.ozipx-mobile-tab-mine .oz-m-panel-mine,
body.ozipx-mobile-tab-outputs .oz-m-panel-outputs {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - var(--oz-m-win-h) - var(--oz-m-nav-h) - var(--oz-m-safe-b));
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
  padding-top: var(--oz-m-zone-v) !important;
  box-sizing: border-box !important;
}

/* 我的/成片全屏时仍保留底栏高度，勿 bottom:0 盖住 Tab */
body.ozipx-mobile-tab-mine.ozipx-mobile-hide-main .oz-m-panel-mine,
body.ozipx-mobile-tab-outputs.ozipx-mobile-hide-main .oz-m-panel-outputs {
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b));
}

body.ozipx-mobile-tab-create .oz-m-panel {
  display: none !important;
}

/* 二级页：只显示顶栏返回 + 主应用路由内容，隐藏「我的/成片」全屏面板 */
body.ozipx-mobile-subpage .oz-m-panel {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* ── 帮助页 /home（我的 → 帮助与说明）── */
body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29].home-page {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px var(--oz-m-gutter) calc(var(--oz-m-safe-b) + 24px) !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .flex.items-center.mb-3 {
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .home-info-card {
  display: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .grid.grid-cols-3,
body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .grid.grid-cols-4,
body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .grid.grid-cols-2 {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .col-span-2 {
  grid-column: auto !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .pb-top-area > div,
body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .home-card,
body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .app-tool-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .w-40.h-40 {
  width: min(200px, 70vw) !important;
  height: min(200px, 70vw) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .text-2xl.font-bold {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage [data-v-9eb56e29] .h-10.text-sm {
  height: auto !important;
  min-height: 0 !important;
}

/* ── 文案步：默认隐藏文案编辑；「内容」子栏内联显示（仅手机模式，避免污染 PC） ── */
body.ozipx-mobile-mode .oz-m-script-editor-hidden,
body.ozipx-mobile-mode[data-oz-m-create-step='script']:not([data-oz-m-step-sub='content'])
  [data-oz-m-script-editor='1']:not(.oz-m-script-modal-open) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 0 !important;
  flex-grow: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1'],
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1'] {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  min-height: 0 !important;
  height: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child),
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 文案内容子栏：「文案内容」区块 + textarea 纵向吃满 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child)
  > div:first-child,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child)
  > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child)
  > div:first-child
  > div:last-child,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child)
  > div:first-child
  > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  textarea,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  textarea {
  display: block !important;
  visibility: visible !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: calc(var(--oz-m-create-body-h) - 168px) !important;
  height: 100% !important;
  max-height: none !important;
  resize: none !important;
  overflow-y: auto !important;
}

/* 字数/语言、操作钮行保持自然高度 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child)
  > div:not(:first-child),
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-script-editor='1']
  > div:not(:first-child)
  > div:not(:first-child) {
  flex: 0 0 auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  .flex.flex-col.gap-1
  > [data-oz-m-script-editor='1'].oz-m-script-content-inline,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  .flex.flex-col.gap-1
  > [data-oz-m-script-editor='1'].oz-m-script-content-inline {
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  min-height: 100% !important;
  height: 100% !important;
  max-height: none !important;
}

/* 须同时有手机模式，禁止仅 create-steps 类在 PC 上藏掉 01 IP 区 */
body.ozipx-mobile-mode.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-ip-brain='1'],
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='content']
  [data-oz-m-ip-brain='1'] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  flex: 0 0 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 文案步：IP 深度学习主区始终铺满（弹窗不遮挡底层逻辑） */
body.ozipx-mobile-mode[data-oz-m-create-step='script'] .flex.flex-col.gap-1 > [data-oz-m-ip-brain='1'],
body.ozipx-mobile-mode[data-oz-m-create-step='script'] .flex.flex-col.gap-1 > [data-oz-m-script-editor='1'] {
  transition: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-step-sub='main'] [data-oz-m-ip-brain='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main'] [data-oz-m-ip-brain='1'],
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-m-active-badge='01'][data-oz-m-step-sub='main']
  [data-oz-m-ip-brain='1'] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 100% !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] > div:not(:first-child),
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain-content='1']:not(.oz-m-ip-scroll-host) {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
}

/* IP 区四 Tab — 全宽等分 Segmented Control（居中 + 选中橙底） */
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-group,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: calc(var(--oz-m-zone-v) * 2 + var(--oz-m-segment-track-pad) * 2 + var(--oz-m-control-h)) !important;
  max-height: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: var(--oz-m-zone-v) var(--oz-m-chrome-inset-x) !important;
  gap: 0 !important;
  background: var(--oz-m-surface-chrome) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-group::before,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group::before {
  content: '';
  position: absolute;
  left: var(--oz-m-chrome-inset-x);
  right: var(--oz-m-chrome-inset-x);
  top: var(--oz-m-zone-v);
  bottom: var(--oz-m-zone-v);
  z-index: 0;
  border-radius: 8px;
  background: var(--oz-m-surface-input);
  pointer-events: none;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button,
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button-inner,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button-inner,
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] input.arco-radio-target,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] input.arco-radio-target {
  pointer-events: auto !important;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button::before,
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button::after,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button::before,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-group-button .arco-radio-button,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group-button .arco-radio-button {
  height: auto !important;
  min-height: calc(var(--oz-m-segment-track-pad) * 2 + var(--oz-m-control-h)) !important;
  max-height: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: var(--oz-m-segment-track-pad) 2px !important;
  height: auto !important;
  min-height: calc(var(--oz-m-segment-track-pad) * 2 + var(--oz-m-control-h)) !important;
  max-height: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button-content,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button-content {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button-inner,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  padding: 0 3px !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--oz-m-text-idle) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition:
    background 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease;
}

@media (min-width: 390px) {
  body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button-inner,
  body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button-inner {
    font-size: 14px !important;
    padding: 0 4px !important;
  }
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button:active:not(.arco-radio-checked) .arco-radio-button-inner,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button:active:not(.arco-radio-checked) .arco-radio-button-inner {
  color: rgba(255, 255, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button.arco-radio-checked .arco-radio-button-inner,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button.arco-radio-checked .arco-radio-button-inner,
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button:has(input.arco-radio-target:checked) .arco-radio-button-inner,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button:has(input.arco-radio-target:checked) .arco-radio-button-inner {
  background: var(--oz-m-btn-grad) !important;
  background-color: #ee7024 !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow:
    0 2px 8px rgba(238, 112, 36, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button.arco-radio-checked .arco-radio-button-content,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button.arco-radio-checked .arco-radio-button-content,
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button:has(input.arco-radio-target:checked) .arco-radio-button-content,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button:has(input.arco-radio-target:checked) .arco-radio-button-content {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-button:focus-visible .arco-radio-button-inner,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button:focus-visible .arco-radio-button-inner {
  outline: 2px solid rgba(238, 112, 36, 0.55);
  outline-offset: 1px;
}

/* Tab 面板区单独滚动（文案/main 子栏除外：改由 ip-brain-content 整体滚动） */
body.ozipx-mobile-mode[data-oz-m-create-step='script']:not([data-oz-m-step-sub='main'])
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script']:not([data-oz-m-step-sub='main'])
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *,
body.ozipx-mobile-create-steps:not([data-oz-m-create-step='script']) [data-oz-m-ip-brain='1'] .arco-radio-group ~ * {
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* 隐藏中的 Tab 面板不占 flex 空间 */
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-group ~ *[style*='display: none'],
body.ozipx-mobile-mode[data-oz-m-create-step='script'] [data-oz-m-ip-brain='1'] .arco-radio-group ~ *.oz-m-jicheng-force-hidden,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group ~ *[style*='display: none'],
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group ~ *.oz-m-jicheng-force-hidden {
  flex: 0 0 0 !important;
  flex-grow: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script']
  .flex.flex-col.gap-1
  > .rounded-xl:not([data-oz-m-ip-brain='1']):not(.oz-m-script-modal-open):not(.oz-m-script-content-inline) {
  flex-grow: 0 !important;
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'] .flex.flex-col.gap-1 > .rounded-xl {
  flex-grow: 0 !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script']
  .flex.flex-col.gap-1
  > [data-oz-m-ip-brain='1'] {
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  min-height: 0 !important;
  height: 100% !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script']
  [data-oz-m-ip-brain='1']
  .overflow-y-auto,
body.ozipx-mobile-mode[data-oz-m-create-step='script']
  [data-oz-m-ip-brain='1']
  .custom-scrollbar,
body.ozipx-mobile-mode[data-oz-m-create-step='script']
  [data-oz-m-ip-brain='1']
  > div:not(:first-child) {
  max-height: none !important;
}

/* 非文案步：隐藏 01 文案区与即成系统（防止 inline style 泄露） */
body.ozipx-mobile-create-steps:not([data-oz-m-create-step='script'])
  [data-oz-m-ip-brain='1'],
body.ozipx-mobile-create-steps:not([data-oz-m-create-step='script'])
  [data-oz-m-script-editor='1'],
body.ozipx-mobile-create-steps:not([data-oz-m-create-step='script'])
  #ozipx-jicheng-system-slot,
body.ozipx-mobile-create-steps:not([data-oz-m-create-step='script'])
  #ozipx-jicheng-system-panel,
body.ozipx-mobile-create-steps:not([data-oz-m-create-step='script'])
  .ozipx-jicheng-system-view {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 0 !important;
}

/* 文案步 · 标题标签子页：隐藏 01 IP区，展示 PC 04 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-ip-brain='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-script-editor='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] #ozipx-jicheng-system-slot,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] #ozipx-jicheng-system-panel,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] .ozipx-jicheng-system-view {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags='1'] > .rounded-xl,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] > div:nth-child(n + 2) {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1 1 auto !important;
  min-height: 240px !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] > div:nth-child(n + 2),
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] .p-3,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] .p-4 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 200px !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
}

/* 文案步 · 标题标签：生成按钮置于关键词 Tab 区底部 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] .oz-m-title-tags-gen-footer {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin-top: 12px !important;
  padding-top: 4px !important;
  flex-shrink: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] .oz-m-title-tags-gen-footer .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='tags'] [data-oz-m-title-tags-card='1'] .oz-m-title-tags-gen-footer button.oz-m-title-tags-gen-btn {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* IP生成步：02 音视频区铺满 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] .cyberpunk-dashboard,
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] .cyberpunk-dashboard,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .cyberpunk-dashboard,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] .cyberpunk-dashboard > .grid[class*='grid-cols'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] .cyberpunk-dashboard > .grid[class*='grid-cols'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .cyberpunk-dashboard > .grid[class*='grid-cols'],
/* final：仍允许内容撑开；edit：必须锁死视口高度，否则 03/05 卡内无法形成滚动口 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='final'] .cyberpunk-dashboard,
body.ozipx-mobile-create-steps[data-oz-m-create-step='final'] .cyberpunk-dashboard > .grid[class*='grid-cols'] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 240px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'] .cyberpunk-dashboard,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'] .cyberpunk-dashboard > .grid[class*='grid-cols'] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 0 !important;
  height: var(--oz-m-create-body-h) !important;
  max-height: var(--oz-m-create-body-h) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 压过 Vue v-show="!ht.audioVideo"：body 包裹层永不因子栏拆分被隐藏 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-body='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-body='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-body='1'] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 160px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* #IAudio：音频子栏显 / 视频子栏隐 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='audio'] #IAudio,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='voice'] #IAudio {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 120px !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] #IAudio,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] #IAudio {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* IP生成 · 音频子栏：音色/情绪/语速/语言/生成语音 按行纵向排布，避免挤在一行 */
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .space-y-2,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .space-y-2,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .space-y-2,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .space-y-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .grid.grid-cols-3,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .grid.grid-cols-3,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .grid.grid-cols-3,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .grid.grid-cols-3 {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .grid.grid-cols-3 > *,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .grid.grid-cols-3 > *,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .grid.grid-cols-3
  > *,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .grid.grid-cols-3
  > * {
  width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .flex.gap-2.items-end,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .flex.gap-2.items-end,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .flex.gap-2.items-end,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .flex.gap-2.items-end {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .flex.gap-2.items-end .flex-1,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .flex.gap-2.items-end .flex-1,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .flex.gap-2.items-end
  .flex-1,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .flex.gap-2.items-end
  .flex-1 {
  width: 100% !important;
  flex: none !important;
  min-width: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .flex.gap-2.items-end > .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .flex.gap-2.items-end > .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .flex.gap-2.items-end
  > .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .flex.gap-2.items-end
  > .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .flex.gap-2.items-end > button,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .flex.gap-2.items-end > button {
  width: 100% !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .arco-select,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .arco-select,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .arco-input-number,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .arco-input-number,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .arco-select,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .arco-select,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .arco-input-number,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .arco-input-number {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .arco-select-view-single,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .arco-select-view-single,
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .arco-select-view-single,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice']
  [data-oz-m-audio-video-card='1']
  .p-3.space-y-2
  .arco-select-view-single {
  width: 100% !important;
}

/* 音频预览区：标题行与历史选择也纵向散开 */
body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .mt-3.p-3 .flex.items-center.justify-between,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .mt-3.p-3 .flex.items-center.justify-between {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .mt-3.p-3 .flex.items-center.gap-2,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .mt-3.p-3 .flex.items-center.gap-2 {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-step-sub='audio'] #IAudio .text-xs.text-slate-200.mb-1,
body.ozipx-mobile-create-steps[data-oz-m-av-part='voice'] #IAudio .text-xs.text-slate-200.mb-1 {
  margin-bottom: 6px !important;
  font-size: 13px !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='audio'] [data-oz-m-audio-video-body='1'] #IAudio ~ *,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='voice'] [data-oz-m-audio-video-body='1'] #IAudio ~ * {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] [data-oz-m-audio-video-body='1'] #IAudio ~ *,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] [data-oz-m-audio-video-body='1'] #IAudio ~ * {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* 压过 Vue v-show="!ht.audioVideo" 的内联 display:none（排除已拆分的形象/配音子块） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-card='1'] .p-3.space-y-2:not(.oz-m-step-part-hidden):not([data-oz-m-part-block='avatar']),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'] .p-3.space-y-2:not(.oz-m-step-part-hidden):not([data-oz-m-part-block='avatar']),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] .p-3.space-y-2:not(.oz-m-step-part-hidden):not([data-oz-m-part-block='voice']) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 240px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 压过 Vue v-show="!ht.audioVideo" 的内联 display:none（排除已拆分的形象/配音子块） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'] .p-3.space-y-2:not(.oz-m-step-part-hidden):not([data-oz-m-part-block='avatar']),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] .p-3.space-y-2:not(.oz-m-step-part-hidden):not([data-oz-m-part-block='voice']) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 200px !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-card='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 260px !important;
  height: auto !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  background: #141414 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] > div:nth-child(n + 2):not(.oz-m-step-part-hidden) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1 1 auto !important;
  min-height: 200px !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='final']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video='1'] {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-audio-video='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  [data-oz-m-audio-video='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-oz-m-audio-video='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-sibling='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-sibling='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-sibling='1'] {
  flex: 0 0 auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='voice'] [data-oz-m-audio-video-card='1'] [data-oz-m-part-block='avatar'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='audio'] [data-oz-m-audio-video-card='1'] [data-oz-m-part-block='avatar'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='voice'] [data-oz-m-part-block='avatar'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='audio'] [data-oz-m-part-block='avatar'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='voice'] [data-oz-m-audio-video-card='1'] .oz-m-step-part-hidden,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='audio'] [data-oz-m-audio-video-card='1'] .oz-m-step-part-hidden,
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-part-block='avatar'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-part-block='avatar'].oz-m-step-part-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] [data-oz-m-part-block='voice'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] [data-oz-m-part-block='voice'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-part-block='voice'].oz-m-step-part-hidden,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-part-block='voice'].oz-m-step-part-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='jichengSystem']
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *:not(#ozipx-jicheng-system-slot):not(#ozipx-jicheng-system-panel):not(.ozipx-jicheng-system-view):not(:has(.ozipx-jicheng-system-view)) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-part-block='voice'].oz-m-step-part-hidden {
  display: none !important;
}

/* IP生成 · 视频子页：形象区铺满 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] [data-oz-m-part-block='avatar']:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] [data-oz-m-part-block='avatar']:not(.oz-m-step-part-hidden) {
  flex: 1 1 auto !important;
  display: block !important;
  min-height: 200px !important;
  overflow-y: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-audio-video='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  [data-oz-m-audio-video='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-oz-m-audio-video='1']
  > div:not(:first-child) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  display: flex !important;
  flex-direction: column !important;
}

/* 即成系统：仅文案步 + jichengSystem Tab 时显示 */
body.ozipx-mobile-mode[data-oz-m-create-step='script']:not([data-oz-ip-tab='jichengSystem'])
  #ozipx-jicheng-system-slot,
body.ozipx-mobile-mode[data-oz-m-create-step='script']:not([data-oz-ip-tab='jichengSystem'])
  #ozipx-jicheng-system-panel,
.oz-m-jicheng-force-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='jichengSystem']
  #ozipx-jicheng-system-slot,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='jichengSystem']
  #ozipx-jicheng-system-panel,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='jichengSystem']
  .ozipx-jicheng-system-view {
  display: block !important;
  visibility: visible !important;
  min-height: 220px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 1 1 auto !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='jichengSystem']
  .ozipx-jicheng-system-view
  .ozipx-jc-list {
  max-height: min(50vh, 360px) !important;
  min-height: 80px !important;
  padding-left: 5px !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-item {
  padding: 8px !important;
  margin-bottom: 4px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  box-sizing: border-box !important;
}

/* 即成系统 · 分类下拉 / 搜索词：对齐音频生成「情绪」Arco 下拉风格 */
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
  width: 100% !important;
  margin-bottom: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword,
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  color: #e5e7eb !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid #333 !important;
  border-radius: var(--oz-m-btn-radius) !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword {
  padding-right: 34px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;
  background-color: #1a1a1a !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword:hover,
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey:hover {
  border-color: #4b5563 !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword:focus,
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey:focus {
  border-color: rgba(238, 112, 36, 0.55) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(238, 112, 36, 0.14) !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey::placeholder {
  color: #64748b !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-search {
  width: 100% !important;
  margin: 0 !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-status {
  color: #94a3b8 !important;
  font-size: 12px !important;
  margin-bottom: 6px !important;
}

body.ozipx-mobile-mode .oz-m-script-ip-hidden {
  display: none !important;
}

/* ── 文案步：视频文案编辑弹窗 ── */
body.ozipx-mobile-script-modal [data-oz-m-script-editor='1'].oz-m-script-modal-open {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(var(--oz-m-win-h) + var(--oz-m-step-bar-h)) !important;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-step-footer-h) + var(--oz-m-safe-b)) !important;
  z-index: 8600 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #141414 !important;
  border: 1px solid #333 !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.55) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.oz-m-script-modal-chrome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  height: 44px;
  padding: 0 8px 0 14px;
  border-bottom: 1px solid #303035;
  background: linear-gradient(90deg, #1a1a1f, #0f0f15);
}

.oz-m-script-modal-title {
  font-size: 15px;
  font-weight: 600;
  color: #e8ecf4;
}

.oz-m-script-modal-close {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #c8cdd8;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

.oz-m-script-modal-close:active {
  background: rgba(255, 255, 255, 0.08);
}

body.ozipx-mobile-script-modal [data-oz-m-script-editor='1'] > .cursor-pointer {
  display: none !important;
}

body.ozipx-mobile-script-modal
  [data-oz-m-script-editor='1'].oz-m-script-modal-open
  > div:not(.oz-m-script-modal-chrome):not(.cursor-pointer) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ozipx-mobile-script-modal [data-oz-m-script-editor='1'] textarea {
  display: block !important;
  visibility: visible !important;
  min-height: 240px !important;
  max-height: none !important;
}

/* ── P3 创作四步 ── */
body.ozipx-mobile-create-steps {
  --oz-m-step-preview-h: 0px;
  --oz-m-touch-target: 34px;
  overscroll-behavior: none;
}

html.ozipx-wechat body.ozipx-mobile-mode,
html.ozipx-ios body.ozipx-mobile-mode {
  scroll-behavior: auto !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

html.ozipx-wechat body.ozipx-mobile-mode #app,
html.ozipx-wechat body.ozipx-mobile-mode .page-container,
html.ozipx-wechat body.ozipx-mobile-mode .window-container {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

html.ozipx-wechat body.ozipx-mobile-mode .oz-m-step-chip-track,
html.ozipx-wechat body.ozipx-mobile-mode [data-oz-m-ip-brain-content='1'],
html.ozipx-wechat body.ozipx-mobile-mode .page-container .flex-grow.overflow-y-auto,
html.ozipx-wechat body.ozipx-mobile-mode .window-body .flex-grow.overflow-y-auto {
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 布局封印：仅首屏 boot 期间隐藏多列预渲染（boot 揭开后不再整屏闪灭） */
body.ozipx-mobile-mode.ozipx-mobile-tab-create.oz-m-layout-pending:not(.ozipx-mobile-subpage):not(.oz-m-layout-ready)
  .cyberpunk-dashboard {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-tab-create.oz-m-layout-ready:not(.oz-m-layout-pending):not(.ozipx-mobile-subpage)
  .cyberpunk-dashboard {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-subpage.oz-m-subpage-pending .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.oz-m-subpage-pending .window-body .flex-grow.overflow-y-auto {
  visibility: hidden !important;
  pointer-events: none !important;
  background: var(--oz-m-surface-base, #0f0f15) !important;
}

/* 设置子页：解除「我的」hide-main，否则 VideoIPAgent 无法挂载 */
body.ozipx-mobile-subpage.oz-m-agent-settings-enter.ozipx-mobile-hide-main
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.oz-m-agent-settings-enter.ozipx-mobile-hide-main
  .window-body
  .flex-grow.overflow-y-auto {
  visibility: visible !important;
  pointer-events: auto !important;
  position: static !important;
  z-index: auto !important;
  overflow: visible !important;
  height: auto !important;
}

/* 我的 → 设置：弹窗挂载前遮罩底层，避免闪回「我的」 */
body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open):not(.ozipx-mobile-agent-settings-fullpage)
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open):not(.ozipx-mobile-agent-settings-fullpage)
  .window-body
  .flex-grow.overflow-y-auto {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open):not(.ozipx-mobile-agent-settings-fullpage)
  .arco-modal-wrapper:not(:has(.oz-m-agent-settings-modal)) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open):not(.ozipx-mobile-agent-settings-fullpage)
  .arco-modal-wrapper:not(:has(.oz-m-agent-settings-modal)) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-subpage.oz-m-agent-settings-enter .oz-m-panel-mine,
body.ozipx-mobile-subpage.oz-m-agent-settings-enter .oz-m-panel-outputs {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open):not(.ozipx-mobile-agent-settings-fullpage)
  #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer {
  display: flex !important;
  background: #141414 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open)
  #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer:empty {
  display: flex !important;
  pointer-events: none !important;
}

/* 设置子页全程隐藏底层主滚动（勿用 agent-settings-open，避免污染形象/声音子页） */
body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-subpage)
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-subpage)
  .window-body
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.ozipx-mobile-agent-settings-subpage .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.ozipx-mobile-agent-settings-subpage .window-body .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.ozipx-mobile-agent-settings-fullpage .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.ozipx-mobile-agent-settings-fullpage .window-body .flex-grow.overflow-y-auto {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.ozipx-mobile-create-steps .oz-m-step-preview.visible {
  --oz-m-step-preview-h: 0px;
}

body.ozipx-mobile-create-steps .window-body .flex-grow.overflow-y-auto,
body.ozipx-mobile-create-steps .page-container.flex-grow.overflow-y-auto,
body.ozipx-mobile-create-steps .page-container .flex-grow.overflow-y-auto {
  padding-top: calc(var(--oz-m-step-bar-h) + var(--oz-m-step-subnav-h)) !important;
  padding-bottom: calc(
    var(--oz-m-nav-h) + var(--oz-m-safe-b) + var(--oz-m-step-footer-h)
  ) !important;
  padding-left: var(--oz-m-text-inset-x) !important;
  padding-right: var(--oz-m-text-inset-x) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  background: var(--oz-m-surface-base) !important;
}

/* 步骤内容贴齐 Chip 条下沿、底栏「上一步」上沿 */
body.ozipx-mobile-create-steps .window-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps .window-body,
body.ozipx-mobile-create-steps .cyberpunk-dashboard {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard {
  flex: 1 1 auto !important;
  min-height: var(--oz-m-create-body-h) !important;
  height: var(--oz-m-create-body-h) !important;
  max-height: var(--oz-m-create-body-h) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard > .grid[class*='grid-cols'] {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: var(--oz-m-gap-xs) !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 100% !important;
  height: 100% !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard > .grid[class*='grid-cols'] > *:not(.oz-m-step-hidden) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.ozipx-mobile-create-steps .flex.flex-col.gap-1 {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: var(--oz-m-gap-sm) !important;
  min-height: 100% !important;
  height: 100% !important;
  padding: 0 0 var(--oz-m-scroll-pad) !important;
  box-sizing: border-box !important;
}

/* 当前步骤主卡片纵向铺满；仅内容区内部滚动 */
body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  > .rounded-xl:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden).rounded-xl:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='01'] [data-oz-m-ip-brain='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main'] [data-oz-m-ip-brain='1'] {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

/* 当前步骤主卡片纵向铺满；仅内容区内部滚动（IP 深度学习区除外，其四 Tab 需固定顶） */
body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  .rounded-xl:not([data-oz-m-ip-brain='1']):not(.oz-m-step-part-hidden)
  > div:not(:first-child) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  [data-oz-m-ip-brain='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps [data-oz-m-ip-brain-content='1']:not(.oz-m-ip-scroll-host) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  -webkit-overflow-scrolling: auto;
  overscroll-behavior: contain;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main']
  [data-oz-m-ip-brain='1']
  > div:not(:first-child),
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main']
  [data-oz-m-ip-brain-content='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main']
  [data-oz-m-ip-brain-content='1'].oz-m-ip-scroll-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  overscroll-behavior: contain !important;
  padding-bottom: calc(var(--oz-m-scroll-pad) + var(--oz-m-gap-md)) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main']
  [data-oz-m-ip-brain-content='1']
  .arco-radio-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 25 !important;
  flex-shrink: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-m-step-sub='main']
  [data-oz-m-ip-brain-content='1']
  .arco-radio-group
  ~ * {
  flex: 0 0 auto !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  [class*='rounded-xl'][class*='bg-[#141414]']:not([data-oz-m-script-editor='1']):not(.oz-m-step-part-hidden) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* ── 创作步 · 内容区间距与按钮呼吸感 ── */
body.ozipx-mobile-create-steps [data-oz-m-wf-card] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-wf-card] .p-4,
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1'] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1'] .p-4,
body.ozipx-mobile-create-steps [data-oz-m-title-tags-card='1'] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-title-tags-card='1'] .p-4,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .p-4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: calc(var(--oz-m-gutter) * 0.65) !important;
  padding-bottom: calc(var(--oz-m-gutter) * 0.65) !important;
}

body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  .rounded-xl:not([data-oz-m-ip-brain='1']):not(.oz-m-step-part-hidden)
  > div:not(:first-child),
body.ozipx-mobile-create-steps [data-oz-m-wf-card] > div:not(:first-child),
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1'] > div:not(:first-child) {
  padding-bottom: var(--oz-m-scroll-pad) !important;
}

body.ozipx-mobile-create-steps .grid[class*='grid-cols-2'],
body.ozipx-mobile-create-steps .grid[class*='grid-cols-3'],
body.ozipx-mobile-create-steps .flex[class*='gap-1'],
body.ozipx-mobile-create-steps .flex[class*='gap-2'],
body.ozipx-mobile-create-steps .flex[class*='gap-3'] {
  gap: var(--oz-m-gap-sm) !important;
}

/* ── 手机创作：各区块表单项按行纵向散开（01–07 通用） ── */
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-2']:not(.max-h-40):not(.effects-grid):not(.template-list),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-3']:not(.max-h-40):not(.effects-grid):not(.template-list),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is([data-oz-m-wf-card], [data-oz-m-audio-video-card], [data-oz-m-title-tags-card], [data-oz-m-script-editor])
  :not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-4']:not(.max-h-40):not(.effects-grid):not(.template-list) {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-2']:not(.max-h-40):not(.effects-grid):not(.template-list)
  > *,
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-3']:not(.max-h-40):not(.effects-grid):not(.template-list)
  > *,
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is([data-oz-m-wf-card], [data-oz-m-audio-video-card], [data-oz-m-title-tags-card], [data-oz-m-script-editor])
  :not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-4']:not(.max-h-40):not(.effects-grid):not(.template-list)
  > * {
  width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  :is(.flex.gap-2.items-end, .flex.gap-3.items-end, .flex.gap-4.items-end):not(.ozipx-video-edit-action-row):not(
    .oz-m-subtitle-action-row
  ):not(.oz-m-cover-action-row):not(.oz-m-bgm-volume-row):not(.ozipx-video-edit-action-row):not(
    .oz-m-subtitle-action-row
  ):not(.oz-m-cover-action-row):not(:has(> .ozipx-pure-dh-btn-wrap)),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.gap-2.items-center:has(.arco-select):not(.oz-m-bgm-volume-row),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.gap-2:has(> .arco-btn-primary):not(.oz-m-subtitle-action-row):not(.oz-m-cover-action-row):not(
    .ozipx-video-edit-action-row
  ):not(.ozipx-pure-dh-btn-wrap),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.gap-2:has(.arco-switch):not(:has(.arco-btn)):not(:has(button)) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.items-center.justify-between:not(:has(audio)):not(:has(video)):not(:has(.xgplayer)):not(
    :has(.arco-slider)
  ):not(:has(.arco-switch)) {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.items-center.gap-2:has(.arco-select),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.items-center.gap-2:has(> .arco-btn) {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  :is(.flex.gap-2.items-end, .flex.gap-3.items-end, .flex.gap-4.items-end, .flex.gap-2.items-center)
  .flex-1 {
  width: 100% !important;
  flex: none !important;
  min-width: 0 !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  :is(.flex.gap-2.items-end, .flex.gap-3.items-end, .flex.gap-4.items-end)
  > :is(.arco-btn, button),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .grid[class*='grid-cols-2']:not(.max-h-40)
  > :is(.arco-btn, button),
body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .flex.gap-2:has(> .arco-btn-primary)
  > .arco-btn {
  width: 100% !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  :is(.arco-select, .arco-input-number, .arco-input-wrapper, .arco-textarea-wrapper) {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard
  :is(
    [data-oz-m-wf-card],
    [data-oz-m-audio-video-card],
    [data-oz-m-title-tags-card],
    [data-oz-m-script-editor],
    [data-oz-m-ip-brain]
  ):not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed, #IAudio)
  .arco-select-view-single {
  width: 100% !important;
}

/* 03 视频编辑 / 05 字幕BGM：指定控件保持同行 */
body.ozipx-mobile-create-steps .ozipx-video-edit-action-row,
body.ozipx-mobile-create-steps .oz-m-subtitle-action-row,
body.ozipx-mobile-create-steps .oz-m-cover-action-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: var(--oz-m-action-gap) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: var(--oz-m-gap-sm) 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-create-steps .ozipx-video-edit-action-row > .arco-btn,
body.ozipx-mobile-create-steps .ozipx-video-edit-action-row > button,
body.ozipx-mobile-create-steps .oz-m-subtitle-action-row > .arco-btn,
body.ozipx-mobile-create-steps .oz-m-subtitle-action-row > button,
body.ozipx-mobile-create-steps .oz-m-cover-action-row > .arco-btn,
body.ozipx-mobile-create-steps .oz-m-cover-action-row > button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 12px !important;
  width: 100% !important;
  margin-top: var(--oz-m-gap-sm) !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  background: rgba(15, 23, 42, 0.45) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-cluster {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-music-cluster {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-row .oz-m-bgm-volume-label {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 500;
  color: #cbd5e1;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-row .arco-input-number {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  flex: 0 0 70px !important;
  margin-bottom: 0 !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-row .arco-input-number .arco-input-wrapper {
  width: 100% !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-row .oz-m-bgm-volume-pct {
  flex: 0 0 auto;
  font-size: 13px;
  color: #94a3b8;
  white-space: nowrap;
  margin-right: 2px;
}

body.ozipx-mobile-create-steps .oz-m-bgm-music-cluster > .arco-btn,
body.ozipx-mobile-create-steps .oz-m-bgm-music-cluster > button {
  width: auto !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
  min-height: var(--oz-m-control-h) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-size: var(--oz-m-btn-font-size) !important;
  white-space: nowrap !important;
}

@media (max-width: 360px) {
  body.ozipx-mobile-create-steps .oz-m-bgm-volume-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.ozipx-mobile-create-steps .oz-m-bgm-music-cluster {
    margin-left: 0 !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
}

/* 03 剪辑 · 视频编辑 / 字幕BGM：加强分行（含 gap-2 操作行、虚线框内控件） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .border-dashed, .rounded-lg, .space-y-2, .space-y-3, .space-y-4)
  .flex.gap-2:not(.flex-col):not(.flex-wrap):not(:has(.cover-preview-frame-1080p)):not(:has(.xgplayer)):not(
    .oz-m-bgm-volume-row
  ):not(.oz-m-bgm-volume-row):not(.ozipx-video-edit-action-row):not(.oz-m-subtitle-action-row):not(:has(.arco-switch)),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .border-dashed, .rounded-lg, .space-y-2, .space-y-3, .space-y-4)
  .flex.gap-1:not(.flex-col):has(.arco-btn):not(.ozipx-video-edit-action-row):not(.oz-m-subtitle-action-row),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .border-dashed, .rounded-lg, .space-y-2, .space-y-3, .space-y-4)
  .flex.items-center.gap-2.mt-2:not(.oz-m-bgm-volume-row):not(
    .ozipx-video-edit-action-row
  ):not(.oz-m-subtitle-action-row):not(:has(.arco-input-number)) {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-md) !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4)
  > .space-y-2,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4)
  > .space-y-2,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4)
  > .space-y-3,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4)
  > .space-y-4 {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--oz-m-gap-md) !important;
}

/* 03 视频编辑 / 05 字幕BGM：同行复选框至少 10px 间距 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-3)
  div:has(> .arco-checkbox + .arco-checkbox),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-3)
  div:has(> .arco-checkbox + .arco-checkbox) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  row-gap: 10px !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-3)
  div:has(> .arco-checkbox + .arco-checkbox)
  > .arco-checkbox,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-3)
  div:has(> .arco-checkbox + .arco-checkbox)
  > .arco-checkbox {
  margin: 0 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

/* 03 视频编辑：开关行（启动绿幕切换等）保持同行不换行 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .space-y-2, .space-y-3, .space-y-4, .border-dashed)
  :is(.flex, .flex.items-center, .flex.gap-2):has(.arco-switch):not(.flex-col) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.flex, .flex.items-center, .flex.gap-2):has(.arco-switch):not(.flex-col)
  > :not(.arco-switch) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.flex, .flex.items-center, .flex.gap-2):has(.arco-switch):not(.flex-col)
  > .arco-switch {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

/* 03 视频编辑：混剪 / 剪气口 / 启动绿幕切换 同行不换行 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4) > div > div:has(> div .arco-checkbox):has(> div + div) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4) > div > div:has(> div .arco-checkbox):has(> div + div) > div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4) > div > div:has(> div .arco-checkbox) .arco-checkbox {
  margin: 0 !important;
  flex: 0 0 auto !important;
  max-width: none !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4) > div > div:has(> div .arco-checkbox) .arco-checkbox-label {
  white-space: nowrap !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .arco-checkbox-label,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  .arco-checkbox-label {
  white-space: normal !important;
  line-height: 1.35 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  :is(.p-3, .p-4, .border-dashed)
  :is(.text-sm, .text-xs)[class*='mb-1'] {
  display: block !important;
  margin-bottom: 6px !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-group-button {
  display: flex !important;
  flex-direction: row !important;
}

body.ozipx-mobile-create-steps .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--oz-m-gap-xs) !important;
}

body.ozipx-mobile-create-steps .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-create-steps .space-y-3 > :not([hidden]) ~ :not([hidden]),
body.ozipx-mobile-create-steps .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-create-steps .arco-btn {
  min-height: var(--oz-m-control-h);
  height: var(--oz-m-control-h);
  max-height: var(--oz-m-control-h);
  border-radius: 10px !important;
}

body.ozipx-mobile-create-steps .arco-btn-size-small,
body.ozipx-mobile-create-steps .arco-btn-size-mini {
  min-height: var(--oz-m-control-h);
  height: var(--oz-m-control-h);
  max-height: var(--oz-m-control-h);
  padding-left: 14px !important;
  padding-right: 14px !important;
}

body.ozipx-mobile-create-steps .arco-btn + .arco-btn,
body.ozipx-mobile-create-steps .arco-btn + button,
body.ozipx-mobile-create-steps button + .arco-btn {
  margin-left: 0 !important;
}

body.ozipx-mobile-create-steps .flex.flex-wrap {
  gap: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-create-steps .arco-select,
body.ozipx-mobile-create-steps .arco-input-wrapper,
body.ozipx-mobile-create-steps .arco-textarea-wrapper {
  margin-bottom: var(--oz-m-gap-xs);
}

body.ozipx-mobile-create-steps .arco-form-item {
  margin-bottom: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p:not(:has(.xgplayer)):not(:has(video)),
body.ozipx-mobile-create-steps .cover-preview-frame-1080p:not(.oz-m-video-preview-frame) > img {
  border-radius: 10px !important;
  margin-top: var(--oz-m-gap-xs);
  margin-bottom: var(--oz-m-gap-sm);
}

/* 视频/封面预览：统一有效宽度（与 cover-preview-frame-1080p 一致，宽优先不压窄） */
body.ozipx-mobile-create-steps .cover-preview-frame-1080p,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame {
  aspect-ratio: 3 / 4 !important;
  width: 100% !important;
  max-width: none !important;
  max-height: min(85dvh, 720px) !important;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin: var(--oz-m-gap-xs) 0 var(--oz-m-gap-sm) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  background: #000 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* VideoPlayer 外层须铺满 3:4 框，避免有效宽度窄于封面图 */
body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(.xgplayer) > .relative,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame > .relative {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(.xgplayer) > .relative > div:first-child,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame > .relative > div:first-child {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: 100% !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(.xgplayer) .xgplayer,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(video) .xgplayer,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-top: 0 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(.xgplayer) video,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(video) video,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame video {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  pointer-events: auto !important;
}

/* 预览区可正常上拉：不锁 pointer-events；仅弱化 scroll anchoring */
body.ozipx-mobile-create-steps .oz-m-ip-scroll-host,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain-content="1"],
body.ozipx-mobile-create-steps .cover-preview-frame-1080p,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame,
body.ozipx-mobile-create-steps [data-ozipx-oral-preview-host] {
  overflow-anchor: none !important;
}

/* 竖滑优先给页面；控件条仍可点按 / 拖进度 */
body.ozipx-mobile-create-steps .oz-m-preview-scroll-passive,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer {
  touch-action: pan-y !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-controls,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-controls,
body.ozipx-mobile-create-steps .oz-m-preview-scroll-passive .xgplayer-controls {
  touch-action: manipulation !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-progress,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-progress,
body.ozipx-mobile-create-steps .oz-m-preview-scroll-passive .xgplayer-progress {
  touch-action: pan-x manipulation !important;
}

/* 手机创作：恢复 xgplayer 内置控件（播放/暂停/进度/全屏等）；仅隐藏对比按钮等非播放器控件 */
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-controls,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-controls {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  z-index: 20 !important;
}

body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-start,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-start,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-fullscreen,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-fullscreen,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-cssfullscreen,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-cssfullscreen,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-pip,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-pip,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-miniicon,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-miniicon,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-play,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-play,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-progress,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-progress,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .xgplayer-time,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .xgplayer-time {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

body.ozipx-mobile-create-steps .comparison-toggle-btn {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 隐藏 FPS 等性能浮层，仅保留右上角下载 */
body.ozipx-mobile-create-steps .cover-preview-frame-1080p .relative:has(.xgplayer) > div:nth-child(n + 3),
body.ozipx-mobile-create-steps .oz-m-video-preview-frame .relative:has(.xgplayer) > div:nth-child(n + 3) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 口播「视频预览」：只显示 1 个播放器，禁止列表堆叠 */
[data-ozipx-oral-preview-host] [data-ozipx-oral-hidden="1"],
[data-ozipx-oral-preview-host] .ozipx-pure-dh-preview-wrap ~ .ozipx-pure-dh-preview-wrap,
[data-ozipx-oral-preview-host] .cover-preview-frame-1080p ~ .cover-preview-frame-1080p,
[data-ozipx-oral-preview-host] .oz-m-video-preview-frame ~ .oz-m-video-preview-frame,
[data-ozipx-oral-preview-host] .xgplayer ~ .xgplayer {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 有原生 VideoPlayer 时隐藏兜底，避免双画面 */
[data-ozipx-oral-preview-host]:has(.xgplayer) .ozipx-pure-dh-preview-wrap,
[data-ozipx-oral-preview-host]:has(.cover-preview-frame-1080p .xgplayer) .ozipx-pure-dh-preview-wrap {
  display: none !important;
}

/* 口播 DOM 兜底预览：与封面同宽 3:4 */
body.ozipx-mobile-create-steps .ozipx-pure-dh-preview-wrap {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.ozipx-mobile-create-steps .ozipx-pure-dh-preview-wrap video {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  background: #000 !important;
}

/* IP生成 · 视频子栏：选择形象 + 添加形象 同行（兜底：不依赖 data 属性） */
body.ozipx-mobile-create-steps .oz-m-avatar-select-hdr {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin-bottom: 8px !important;
  flex-wrap: nowrap !important;
}

body.ozipx-mobile-create-steps .oz-m-avatar-select-label,
body.ozipx-mobile-create-steps .oz-m-avatar-select-hdr > div:first-child:not(.oz-m-avatar-add-btn) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps .oz-m-avatar-add-btn {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps .oz-m-avatar-add-btn:active {
  background: var(--oz-m-btn-grad-pressed) !important;
  background-image: var(--oz-m-btn-grad-pressed) !important;
}

/* IP生成 · 视频子栏：选择形象 + 添加形象 同行 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] .oz-m-avatar-select-hdr,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] .oz-m-avatar-select-hdr,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .oz-m-avatar-select-hdr {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin-bottom: 8px !important;
  flex-wrap: nowrap !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] .oz-m-avatar-select-label,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] .oz-m-avatar-select-label,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .oz-m-avatar-select-label,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video']
  .oz-m-avatar-select-hdr
  > .text-xs,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar']
  .oz-m-avatar-select-hdr
  > .text-xs,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .oz-m-avatar-select-hdr > .text-xs {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video'] .oz-m-avatar-add-btn,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar'] .oz-m-avatar-add-btn,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .oz-m-avatar-add-btn {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  color: #fff !important;
}

/* IP生成 · 视频子栏：形象选择行 + 生成口播 / 纯数字人 — 统一 10px 行距 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video']
  .flex.gap-2.items-end:has(> .ozipx-pure-dh-btn-wrap),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar']
  .flex.gap-2.items-end:has(> .ozipx-pure-dh-btn-wrap),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .flex.gap-2.items-end:has(> .ozipx-pure-dh-btn-wrap) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: var(--oz-m-avatar-gen-btn-gap) !important;
  row-gap: var(--oz-m-avatar-gen-btn-gap) !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video']
  .flex.gap-2.items-end:has(> .ozipx-pure-dh-btn-wrap)
  > .flex-1,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar']
  .flex.gap-2.items-end:has(> .ozipx-pure-dh-btn-wrap)
  > .flex-1,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .flex.gap-2.items-end:has(> .ozipx-pure-dh-btn-wrap)
  > .flex-1 {
  width: 100% !important;
  flex: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video']
  .ozipx-pure-dh-btn-wrap,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar']
  .ozipx-pure-dh-btn-wrap,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] .ozipx-pure-dh-btn-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video']
  .ozipx-pure-dh-btn-wrap
  > :is(.arco-btn, button),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar']
  .ozipx-pure-dh-btn-wrap
  > :is(.arco-btn, button),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .ozipx-pure-dh-btn-wrap
  > :is(.arco-btn, button),
body.ozipx-mobile-create-steps .ozipx-pure-dh-btn-wrap > :is(.arco-btn, button) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  min-height: var(--oz-m-avatar-gen-btn-h) !important;
  height: var(--oz-m-avatar-gen-btn-h) !important;
  max-height: var(--oz-m-avatar-gen-btn-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-step-sub='video']
  .ozipx-pure-dh-btn-wrap
  > :not([hidden])
  ~ :not([hidden]),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'][data-oz-m-av-part='avatar']
  .ozipx-pure-dh-btn-wrap
  > :not([hidden])
  ~ :not([hidden]),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .ozipx-pure-dh-btn-wrap
  > :not([hidden])
  ~ :not([hidden]) {
  margin-top: 0 !important;
}

body.ozipx-mobile-create-steps .ozipx-pure-dh-btn-wrap > .ozipx-pure-dh-btn-gap {
  display: block !important;
  flex: 0 0 var(--oz-m-avatar-gen-btn-gap) !important;
  height: var(--oz-m-avatar-gen-btn-gap) !important;
  min-height: var(--oz-m-avatar-gen-btn-gap) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

body.ozipx-mobile-create-steps .ozipx-pure-dh-btn-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

/* IP生成 · 样式隐藏纯数字人生成（内联兜底；主逻辑在 pure-dh patch） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] .ozipx-pure-dh-btn-wrap > #ozipx-pure-digital-human-btn,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] #ozipx-pure-digital-human-btn,
body.ozipx-mobile-create-steps .ozipx-pure-dh-btn-wrap > #ozipx-pure-digital-human-btn,
body.ozipx-mobile-create-steps .ozipx-pure-dh-btn-wrap > #ozipx-pure-digital-human-btn.oz-m-ui-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

body.ozipx-mobile-create-steps .ozipx-pure-dh-btn-wrap > .ozipx-pure-dh-btn-gap,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] .ozipx-pure-dh-btn-wrap > .ozipx-pure-dh-btn-gap {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  flex: 0 0 0 !important;
}

/* VideoPlayer 自带下载时，隐藏下方补丁工具条（避免与右上角下载重复） */
body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(.xgplayer) ~ .ozipx-oral-preview-toolbar,
body.ozipx-mobile-create-steps .cover-preview-frame-1080p:has(.xgplayer) + .ozipx-oral-preview-toolbar,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame ~ .ozipx-oral-preview-toolbar,
body.ozipx-mobile-create-steps .oz-m-video-preview-frame + .ozipx-oral-preview-toolbar {
  display: none !important;
}

/* 下方工具条若存在：只藏「最大化」，保留「下载」（由 trimMobileVideoPreviewChrome 处理） */

@media (max-width: 380px) {
  body.ozipx-mobile-create-steps {
    --oz-m-gutter: 12px;
    --oz-m-gap-sm: 10px;
    --oz-m-gap-md: 14px;
    --oz-m-fishbone-label-font: 12px;
    --oz-m-fishbone-num-font: 11px;
    --oz-m-fishbone-num-active-font: 12px;
    --oz-m-fishbone-terminal-font: 10px;
    --oz-m-step-subnav-tab-font: 15px;
  }

  .oz-m-fishbone-terminal-icon {
    width: 12px;
    height: 12px;
  }
}

@media (max-height: 680px) {
  body.ozipx-mobile-create-steps {
    --oz-m-scroll-pad: 10px;
    --oz-m-zone-v: 6px;
    --oz-m-touch-target: 32px;
  }
}

/* ── 创作步 · IP深度学习 内容区精修 ── */
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] {
  border-top: 1px solid rgba(238, 112, 36, 0.1);
  background: #0a0a0e !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] > div:first-child {
  flex-shrink: 0;
  padding: 0 !important;
  border-bottom: none;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-select,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-input-wrapper {
  font-size: 13px !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .mt-3,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] [class*='mt-'] {
  padding-left: 0;
  padding-right: 0;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] [class*='rounded-lg'],
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] [class*='rounded-xl'][class*='cursor-pointer'] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] [class*='space-y'] > * + * {
  margin-top: 8px !important;
}

body.ozipx-mobile-create-steps #ozipx-mobile-step-footer {
  box-shadow: none;
  gap: 0;
  padding: var(--oz-m-zone-v) var(--oz-m-chrome-inset-x);
  background: var(--oz-m-surface-chrome);
  border-top: none;
}

body.ozipx-mobile-create-steps .oz-m-step-prev,
body.ozipx-mobile-create-steps .oz-m-step-next {
  min-height: var(--oz-m-control-h);
  height: var(--oz-m-control-h);
  max-height: var(--oz-m-control-h);
  padding: 0 14px;
  border-radius: 10px;
  font-size: var(--oz-m-btn-font-size);
  font-weight: var(--oz-m-btn-font-weight);
  line-height: 1;
  letter-spacing: 0.02em;
}

body.ozipx-mobile-create-steps .oz-m-step-prev {
  color: #fff;
}

body.ozipx-mobile-create-steps .oz-m-step-next {
  color: #fff;
}

/* 手机四步：隐藏 PC 区块标题（序号圆标 + h3），与子栏目 Chip 重复 */
body.ozipx-mobile-create-steps [data-oz-m-section-header='1'],
body.ozipx-mobile-create-steps .oz-m-section-header-hidden,
body.ozipx-mobile-create-steps [data-oz-m-wf-card]:not(.oz-m-step-part-hidden) > .cursor-pointer:has(h3),
body.ozipx-mobile-create-steps [data-oz-m-wf-card]:not(.oz-m-step-part-hidden) > div:first-child:has(h3),
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1']:not(.oz-m-step-part-hidden) > .cursor-pointer:has(h3),
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1']:not(.oz-m-step-part-hidden) > div:first-child:has(h3),
body.ozipx-mobile-create-steps [data-oz-m-title-tags-card='1']:not(.oz-m-step-part-hidden) > .cursor-pointer:has(h3),
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1']:not(.oz-m-step-part-hidden) > .cursor-pointer:has(h3),
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1']:not(.oz-m-step-part-hidden) > div:first-child:has(h3),
body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  [class*='rounded-xl'][class*='bg-[#141414]']:not([data-oz-m-script-editor='1']):not(.oz-m-step-part-hidden)
  > .cursor-pointer:has(h3),
body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  [class*='rounded-xl'][class*='bg-[#141414]']:not([data-oz-m-script-editor='1']):not(.oz-m-step-part-hidden)
  > div:first-child:has(h3) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-step-hidden,
body.ozipx-mobile-mode .oz-m-step-part-hidden,
body.ozipx-mobile-create-steps .oz-m-step-hidden,
body.ozipx-mobile-create-steps .oz-m-step-part-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/* 同列多卡：只显示当前 badge 对应 workflow 卡片 */
body.ozipx-mobile-create-steps [data-oz-m-wf-card].oz-m-step-part-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 高优先级：压过上方「单列铺满」规则，确保只显示当前 badge */
body.ozipx-mobile-create-steps[data-oz-m-active-badge]
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > .oz-m-step-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-active-badge='01']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='01']),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='02']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='02']),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='03']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='03']),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='04']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='04']),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='05']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='05']),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='06']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='06']),
body.ozipx-mobile-create-steps[data-oz-m-active-badge='07']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *
  [data-oz-m-wf-card][data-oz-m-badge]:not([data-oz-m-badge='07']) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-create-steps [data-oz-m-wf-card]:not(.oz-m-step-part-hidden) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

body.ozipx-mobile-create-steps
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  > [data-oz-m-wf-card]:not(.oz-m-step-part-hidden) {
  flex: 1 1 auto !important;
  min-height: 100% !important;
  height: 100% !important;
}

#ozipx-mobile-step-bar {
  position: fixed;
  top: var(--oz-m-win-h);
  left: 0;
  right: 0;
  z-index: 8997;
  min-height: var(--oz-m-step-bar-h);
  height: auto;
  padding: var(--oz-m-zone-v) var(--oz-m-chrome-inset-x);
  background: var(--oz-m-surface-chrome);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  box-sizing: border-box;
}

#ozipx-mobile-step-bar::-webkit-scrollbar {
  display: none;
}

.oz-m-step-bar-inner.oz-m-fishbone {
  display: block;
  position: relative;
  padding: 4px 0 2px;
  min-height: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.oz-m-fishbone-lane {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.oz-m-fishbone-rail {
  position: absolute;
  left: calc(var(--oz-m-fishbone-terminal) / 2);
  right: calc(var(--oz-m-fishbone-terminal) / 2);
  top: calc(4px + var(--oz-m-fishbone-node) / 2);
  z-index: 0;
  pointer-events: none;
}

.oz-m-fishbone-rail-track {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.oz-m-fishbone-rail-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(100% * var(--step-active-idx, 0) / max(1, var(--step-count, 4) - 1));
  border-radius: 1px;
  background: linear-gradient(90deg, #ee7024 0%, #ff9340 100%);
  box-shadow: 0 0 8px rgba(238, 112, 36, 0.35);
  transition: width 0.36s cubic-bezier(0.33, 1, 0.68, 1);
}

.oz-m-fishbone-terminal {
  flex: 0 0 var(--oz-m-fishbone-terminal);
  width: var(--oz-m-fishbone-terminal);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: var(--oz-m-tab-idle);
  pointer-events: none;
  user-select: none;
}

.oz-m-fishbone-terminal-cap {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--oz-m-fishbone-node);
  height: var(--oz-m-fishbone-node);
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.12);
  background: var(--oz-m-surface-chrome);
  box-sizing: border-box;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    color 0.25s ease;
}

.oz-m-fishbone-terminal-icon {
  display: block;
  width: 13px;
  height: 13px;
}

.oz-m-fishbone-terminal-label {
  max-width: 100%;
  font-size: var(--oz-m-fishbone-terminal-font, 11px);
  line-height: 1.1;
  letter-spacing: 0.06em;
  color: var(--oz-m-tab-idle);
  white-space: nowrap;
  transition: color 0.25s ease;
}

.oz-m-fishbone-terminal-start.active .oz-m-fishbone-terminal-cap {
  border-color: rgba(238, 112, 36, 0.55);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0 2px rgba(238, 112, 36, 0.18);
}

.oz-m-fishbone-terminal-start.active .oz-m-fishbone-terminal-label {
  color: var(--oz-m-text-active);
}

.oz-m-fishbone-terminal-start.past .oz-m-fishbone-terminal-cap,
.oz-m-fishbone-terminal-end.past .oz-m-fishbone-terminal-cap {
  border-color: rgba(238, 112, 36, 0.85);
  background: linear-gradient(145deg, #e86a18 0%, #ee7024 100%);
  color: #fff;
  box-shadow: 0 1px 4px rgba(238, 112, 36, 0.28);
}

.oz-m-fishbone-terminal-start.past .oz-m-fishbone-terminal-label,
.oz-m-fishbone-terminal-end.past .oz-m-fishbone-terminal-label {
  color: var(--oz-m-tab-idle);
}

.oz-m-fishbone-terminal-end.active .oz-m-fishbone-terminal-cap {
  width: var(--oz-m-fishbone-node-active);
  height: var(--oz-m-fishbone-node-active);
  margin-top: calc((var(--oz-m-fishbone-node) - var(--oz-m-fishbone-node-active)) / 2);
  border-color: #fff;
  background: linear-gradient(145deg, #f0782a 0%, #e85a10 52%, #fd4f01 100%);
  color: #fff;
  box-shadow:
    0 0 0 3px rgba(238, 112, 36, 0.28),
    0 2px 10px rgba(238, 112, 36, 0.45);
}

.oz-m-fishbone-terminal-end.active .oz-m-fishbone-terminal-icon {
  width: 14px;
  height: 14px;
}

.oz-m-fishbone-terminal-end.active .oz-m-fishbone-terminal-label {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 600;
}

.oz-m-fishbone-terminal-end.done .oz-m-fishbone-terminal-cap {
  border-color: rgba(255, 255, 255, 0.92);
}

.oz-m-fishbone-steps {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  width: auto;
}

.oz-m-fishbone-node {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--oz-m-fishbone-node);
  height: var(--oz-m-fishbone-node);
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.18);
  background: var(--oz-m-surface-chrome);
  box-sizing: border-box;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease,
    width 0.25s ease,
    height 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  .oz-m-fishbone-rail-fill {
    transition: none;
  }
  .oz-m-fishbone-node,
  .oz-m-fishbone-terminal-cap {
    transition: none;
  }
}

.oz-m-step-chip {
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-height: 0;
  height: auto;
  max-height: none;
  padding: 0 2px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--oz-m-tab-idle);
  font-size: var(--oz-m-fishbone-label-font, 13px);
  line-height: 1.2;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.22s ease;
  -webkit-tap-highlight-color: transparent;
}

.oz-m-step-chip .oz-m-step-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  position: relative;
  padding-bottom: 0;
  font-size: var(--oz-m-fishbone-label-font, 13px);
  letter-spacing: 0.01em;
}

.oz-m-step-chip .oz-m-step-num {
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  color: var(--oz-m-tab-idle);
  font-size: var(--oz-m-fishbone-num-font, 12px);
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.oz-m-step-chip:not(.active) .oz-m-fishbone-node {
  border-color: rgba(238, 112, 36, 0.55);
  background: linear-gradient(145deg, #e86a18 0%, #ee7024 100%);
  box-shadow: none;
}

.oz-m-step-chip:not(.active) .oz-m-step-num {
  color: #fff;
  background: transparent;
}

.oz-m-step-chip.past:not(.active),
.oz-m-step-chip.done:not(.active) {
  color: var(--oz-m-tab-idle);
}

.oz-m-step-chip.active {
  color: #fff;
  font-weight: 600;
}

.oz-m-step-chip.active .oz-m-fishbone-node {
  width: var(--oz-m-fishbone-node-active);
  height: var(--oz-m-fishbone-node-active);
  margin-top: calc((var(--oz-m-fishbone-node) - var(--oz-m-fishbone-node-active)) / 2);
  border-color: #fff;
  background: linear-gradient(145deg, #f0782a 0%, #e85a10 52%, #fd4f01 100%);
  box-shadow:
    0 0 0 3px rgba(238, 112, 36, 0.28),
    0 2px 10px rgba(238, 112, 36, 0.45);
}

.oz-m-step-chip.active .oz-m-step-num {
  color: #fff;
  font-size: var(--oz-m-fishbone-num-active-font, 13px);
  font-weight: 700;
}

.oz-m-step-chip.active .oz-m-step-label::after {
  display: none;
}

.oz-m-step-chip:active:not(.active) {
  color: var(--oz-m-tab-idle);
}

.oz-m-step-chip:focus-visible {
  outline: none;
}

.oz-m-step-chip:focus-visible .oz-m-fishbone-node {
  box-shadow: 0 0 0 2px rgba(238, 112, 36, 0.55);
}

/* 步内二级子页 — 淘宝顶栏 Tab：文字 + 底部指示线 */
body.ozipx-mobile-step-subnav[data-oz-m-step-has-subnav='1'] {
  --oz-m-step-subnav-h: calc(var(--oz-m-zone-v) * 2 + var(--oz-m-control-h) + 2px);
}

body.ozipx-mobile-step-subnav:not([data-oz-m-step-has-subnav='1']) {
  --oz-m-step-subnav-h: 0px;
}

#ozipx-mobile-step-subnav {
  position: fixed;
  top: calc(var(--oz-m-win-h) + var(--oz-m-step-bar-h));
  left: 0;
  right: 0;
  z-index: 8996;
  height: var(--oz-m-step-subnav-h);
  display: none;
  align-items: stretch;
  padding: 0 var(--oz-m-chrome-inset-x);
  background: var(--oz-m-surface-chrome);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

body.ozipx-mobile-create-steps.ozipx-mobile-step-subnav[data-oz-m-step-has-subnav='1']:not(.oz-m-create-suspended):not(
    .ozipx-mobile-tab-mine
  ):not(.ozipx-mobile-tab-outputs)
  #ozipx-mobile-step-subnav {
  display: flex !important;
}

.oz-m-step-sub-track {
  --sub-count: 2;
  --sub-active-idx: 0;
  display: flex;
  flex: 1;
  position: relative;
  align-items: stretch;
  min-height: var(--oz-m-control-h);
  max-width: 100%;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.oz-m-step-sub-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  z-index: 2;
  height: 2px;
  width: calc(100% / var(--sub-count, 2));
  border-radius: 2px 2px 0 0;
  background: var(--oz-m-tb-sub-line);
  box-shadow: 0 0 8px rgba(238, 112, 36, 0.42);
  transform: translateX(calc(var(--sub-active-idx, 0) * 100%));
  transition: transform 0.28s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
}

.oz-m-step-sub-tab {
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 8px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--oz-m-tab-idle);
  font-size: var(--oz-m-step-subnav-tab-font, 16px);
  font-weight: 400;
  line-height: 1;
  min-height: var(--oz-m-control-h);
  height: var(--oz-m-control-h);
  max-height: var(--oz-m-control-h);
  box-sizing: border-box;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.22s ease, font-weight 0.22s ease;
}

.oz-m-step-sub-tab.active {
  color: #fff;
  font-weight: 600;
}

.oz-m-step-sub-tab:active:not(.active) {
  color: var(--oz-m-tab-idle);
}

.oz-m-step-sub-tab:focus-visible {
  outline: none;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .oz-m-step-sub-indicator {
    transition: none;
  }
}

#ozipx-mobile-step-preview {
  display: none;
  position: fixed;
  top: calc(var(--oz-m-win-h) + var(--oz-m-step-bar-h) + var(--oz-m-step-subnav-h));
  left: 0;
  right: 0;
  z-index: 8996;
  height: var(--oz-m-step-preview-h);
  padding: 6px 12px;
  background: #0a0a10;
  border-bottom: 1px solid #222;
}

#ozipx-mobile-step-preview.visible {
  display: block;
}

/* 手机四步：不显示顶部固定视频预览条（IP/剪辑/成片均用区块内预览） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] #ozipx-mobile-step-preview,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] #ozipx-mobile-step-preview.visible,
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] #ozipx-mobile-step-preview,
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] #ozipx-mobile-step-preview.visible,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'] #ozipx-mobile-step-preview,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'] #ozipx-mobile-step-preview.visible,
body.ozipx-mobile-create-steps[data-oz-m-create-step='final'] #ozipx-mobile-step-preview,
body.ozipx-mobile-create-steps[data-oz-m-create-step='final'] #ozipx-mobile-step-preview.visible {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='final'] {
  --oz-m-step-preview-h: 0px;
}

/* 视频编辑子页：恢复 03 区块内「处理后视频」播放器（保持 3:4 比例，勿压扁） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-active-badge='03']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .cover-preview-frame-1080p:has(.xgplayer),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-active-badge='03']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .cover-preview-frame-1080p:has(video),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-step-sub='video']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .cover-preview-frame-1080p:has(.xgplayer),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-step-sub='video']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .cover-preview-frame-1080p:has(video),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-active-badge='03']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .oz-m-video-preview-frame,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-step-sub='video']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .oz-m-video-preview-frame {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-active-badge='03']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  [data-oz-m-top-preview-hidden],
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-step-sub='video']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  [data-oz-m-top-preview-hidden] {
  display: block !important;
  visibility: visible !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 字幕BGM 子页：禁止 03「处理后视频」漏到 05 顶部 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-active-badge='05']
  [data-oz-m-wf-card][data-oz-m-badge='03'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-step-sub='subtitle']
  [data-oz-m-wf-card][data-oz-m-badge='03'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit'][data-oz-m-active-badge='05']
  [data-oz-m-badge='03']:not([data-oz-m-badge='05']) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/*
 * 剪辑步（03 视频编辑 / 05 字幕BGM）：卡内正文必须可纵向滚动，
 * 否则「最终视频预览」3:4 窗被 overflow:hidden 裁掉后滑不到底。
 * flex 子项需 min-height:0，否则内容撑开被父级裁切。
 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  .cyberpunk-dashboard
  > .grid[class*='grid-cols']
  > *:not(.oz-m-step-hidden)
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  > div:not(:first-child):not([data-oz-m-section-header]):not(.oz-m-section-header-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  > .p-3,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']:not(.oz-m-step-part-hidden)
  > .p-4,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  > .p-3,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  > .p-4 {
  /* height:0 + flex:1 = 固定滚动口；禁止 height:auto（会随内容撑开导致无法滚） */
  flex: 1 1 0 !important;
  /* 保底高度：避免父级高度链失效时 height:0 把复选框/自动处理整块裁没（勿用 min()） */
  min-height: 240px !important;
  height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  padding-bottom: calc(var(--oz-m-scroll-pad) + 56px) !important;
  box-sizing: border-box !important;
}

/* 03 视频编辑：控件 dock 吸顶，预览再高也压不住混剪/自动处理 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-controls-dock {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 10px !important;
  padding: 8px 0 10px !important;
  background: #141414 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-controls-dock
  .oz-m-edit-checkbox-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  background: transparent !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-checkbox-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  background: transparent !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-checkbox-row > div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-checkbox-row .arco-checkbox {
  margin: 0 !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-controls-dock
  .ozipx-video-edit-action-row,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-controls-dock
  .oz-m-edit-action-row,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .ozipx-video-edit-action-row,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-action-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .ozipx-video-edit-action-row > .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .ozipx-video-edit-action-row > button,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-action-row > .arco-btn,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-action-row > button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 预览块不得盖住 dock（禁止绝对定位铺满卡面） */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .oz-m-edit-scroll-host
  > :not(.oz-m-edit-controls-dock) {
  position: relative !important;
  z-index: 1 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']:not(.oz-m-step-part-hidden)
  .arco-checkbox:not(.oz-m-hide-green-screen) {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 隐藏「启动绿幕切换」：只作用于被标记节点本身 */
.oz-m-hide-green-screen,
body.ozipx-mobile-mode .oz-m-hide-green-screen,
body.ozipx-mobile-create-steps .oz-m-hide-green-screen,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .oz-m-hide-green-screen {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
}

/* 03 区块头（序号+视频编辑）强制隐藏，压过任意 inline display */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  > [data-oz-m-section-header='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  > .oz-m-section-header-hidden,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  > .cursor-pointer:has(h3),
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  > div:first-child:has(h3) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
}

/* 最终/处理后预览块随内容增高，勿再被父级压扁裁切 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  .cover-preview-frame-1080p,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  .oz-m-video-preview-frame {
  flex-shrink: 0 !important;
  scroll-margin-bottom: calc(var(--oz-m-step-footer-h) + var(--oz-m-nav-h) + 24px);
}

/*
 * 剪辑 03/05：与口播预览对齐
 * - 卡内滚动宿主可上拉（含手指在画面上时）
 * - 强制显示 xgplayer 内置控件（含 inactive 态）
 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .oz-m-edit-scroll-host,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .oz-m-edit-scroll-host {
  flex: 1 1 0 !important;
  min-height: 240px !important;
  height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  padding-bottom: var(--oz-m-preview-scroll-pad-b) !important;
}

/*
 * IP生成 / 视频生成 / 视频预览：底部留白对齐字幕BGM
 * （覆盖通用 .p-3/.p-4 的小 padding-bottom）
 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-audio-video-card='1']
  > div:not(:first-child):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  [data-oz-m-audio-video-card='1']
  > div:not(:first-child):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-oz-m-audio-video-card='1']
  > div:not(:first-child):not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-audio-video-card='1']
  > .p-3:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-audio-video-card='1']
  > .p-4:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  [data-oz-m-audio-video-card='1']
  > .p-3:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  [data-oz-m-audio-video-card='1']
  > .p-4:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-oz-m-audio-video-card='1']
  > .p-3:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-oz-m-audio-video-card='1']
  > .p-4:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-audio-video-body='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-part-block='avatar']:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-oz-m-part-block='voice']:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-oz-m-part-block='avatar']:not(.oz-m-step-part-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice']
  [data-oz-m-part-block='voice']:not(.oz-m-step-part-hidden) {
  padding-bottom: var(--oz-m-preview-scroll-pad-b) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  .cover-preview-frame-1080p,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  .oz-m-video-preview-frame,
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-ozipx-oral-preview-host],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .cover-preview-frame-1080p,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  .oz-m-video-preview-frame,
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-ozipx-oral-preview-host] {
  scroll-margin-bottom: 0 !important;
  /* 禁止出片 remount 时额外 margin 把播放器顶下去 */
  margin-bottom: var(--oz-m-gap-xs) !important;
  overflow-anchor: none !important;
}

/* 视频预览宿主占位稳定，避免空→有片时高度突变带动下移 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen']
  [data-ozipx-oral-preview-host],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar']
  [data-ozipx-oral-preview-host] {
  position: relative !important;
  contain: layout !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer
  video,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer
  video {
  touch-action: pan-y !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-controls,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-controls,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer.xgplayer-inactive
  .xgplayer-controls,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer.xgplayer-inactive
  .xgplayer-controls {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 40 !important;
  height: 48px !important;
  bottom: 0 !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-start,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-start,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-play,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-play,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-progress,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-progress,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-time,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-time,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-fullscreen,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-fullscreen {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='03']
  .xgplayer-controls
  *,
body.ozipx-mobile-create-steps[data-oz-m-create-step='edit']
  [data-oz-m-wf-card][data-oz-m-badge='05']
  .xgplayer-controls
  * {
  pointer-events: auto !important;
}

#ozipx-mobile-step-preview video {
  width: 100%;
  max-height: 108px;
  border-radius: 8px;
  background: #000;
  object-fit: contain;
}

#ozipx-mobile-step-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b));
  z-index: 8997;
  height: var(--oz-m-step-footer-h);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  padding: var(--oz-m-zone-v) var(--oz-m-chrome-inset-x);
  background: var(--oz-m-surface-chrome);
  border-top: none;
  box-sizing: border-box;
}

.oz-m-step-footer-inner,
.oz-m-action-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  gap: var(--oz-m-action-gap);
  box-sizing: border-box;
}

.oz-m-step-prev,
.oz-m-step-next {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--oz-m-control-h);
  height: var(--oz-m-control-h);
  max-height: var(--oz-m-control-h);
  border: none;
  border-radius: 10px;
  padding: 0 14px;
  font-size: var(--oz-m-btn-font-size);
  font-weight: var(--oz-m-btn-font-weight);
  line-height: 1;
  letter-spacing: 0.02em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.15s ease, transform 0.12s ease;
}

.oz-m-step-prev:active:not(:disabled),
.oz-m-step-next:active:not(:disabled) {
  transform: scale(0.98);
}

.oz-m-step-prev {
  color: #fff;
}

.oz-m-step-prev:disabled {
  opacity: 0.45;
  cursor: default;
}

.oz-m-step-next {
  color: #fff;
}

.oz-m-step-next:disabled {
  opacity: 0.45;
  cursor: default;
}

body.ozipx-mobile-create-steps .oz-m-fishbone .oz-m-step-chip {
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

/* 创作步：子 Tab / 上一步·下一步 / 内容区按钮 统一 = --oz-m-control-h */
body.ozipx-mobile-create-steps .oz-m-step-sub-tab,
body.ozipx-mobile-create-steps .oz-m-step-prev,
body.ozipx-mobile-create-steps .oz-m-step-next,
body.ozipx-mobile-create-steps .cyberpunk-dashboard .arco-btn:not(.arco-btn-text):not(.arco-icon-only):not(.arco-btn-icon-only),
body.ozipx-mobile-create-steps .cyberpunk-dashboard button:not(.oz-m-step-chip):not(.oz-m-step-sub-tab):not(.arco-radio-button) {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .arco-radio-button-inner {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  line-height: 1 !important;
}

/* ── 统一 Tip / Toast：暗色 VI（覆盖 Arco Message 白底 + 补丁 DOM Toast） ── */
body.ozipx-mobile-mode {
  --oz-m-toast-bg: rgba(22, 22, 28, 0.96);
  --oz-m-toast-border: rgba(255, 255, 255, 0.1);
  --oz-m-toast-text: rgba(255, 255, 255, 0.92);
  --oz-m-toast-shadow: 0 10px 32px rgba(0, 0, 0, 0.48);
}

body.ozipx-mobile-mode .oz-m-toast-host {
  position: fixed;
  left: 50%;
  top: calc(var(--oz-m-win-h, 0px) + 10px);
  transform: translateX(-50%);
  z-index: 12050;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: min(92vw, 420px);
  max-width: 92vw;
  pointer-events: none;
  box-sizing: border-box;
}

body.ozipx-mobile-mode .oz-m-toast-host.oz-m-toast-host--bottom {
  top: auto;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + var(--oz-m-step-footer-h, 0px) + 16px);
}

body.ozipx-mobile-mode .oz-m-toast,
body.ozipx-mobile-mode .oz-m-step-toast {
  width: 100%;
  max-width: 100%;
  padding: 11px 14px;
  border-radius: 10px;
  background: var(--oz-m-toast-bg) !important;
  border: 1px solid var(--oz-m-toast-border) !important;
  color: var(--oz-m-toast-text) !important;
  font-size: var(--oz-m-btn-font-size, 13px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center;
  white-space: pre-wrap;
  word-break: break-word;
  box-shadow: var(--oz-m-toast-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  box-sizing: border-box;
}

body.ozipx-mobile-mode #subtitle-db-toast-host > div,
body.ozipx-mobile-mode #cover-db-toast-host > div {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  background: var(--oz-m-toast-bg) !important;
  border: 1px solid var(--oz-m-toast-border) !important;
  border-left-width: 3px !important;
  color: var(--oz-m-toast-text) !important;
  font-size: var(--oz-m-btn-font-size, 13px) !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  box-shadow: var(--oz-m-toast-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-toast-info,
body.ozipx-mobile-mode .oz-m-step-toast {
  border-color: rgba(238, 112, 36, 0.38) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(238, 112, 36, 0.85) !important;
}

body.ozipx-mobile-mode .oz-m-toast-success {
  border-color: rgba(34, 197, 94, 0.42) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(34, 197, 94, 0.88) !important;
}

body.ozipx-mobile-mode .oz-m-toast-warning {
  border-color: rgba(251, 191, 36, 0.42) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(251, 191, 36, 0.9) !important;
}

body.ozipx-mobile-mode .oz-m-toast-error {
  border-color: rgba(248, 113, 113, 0.45) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(248, 113, 113, 0.92) !important;
}

body.ozipx-mobile-mode #subtitle-db-toast-host,
body.ozipx-mobile-mode #cover-db-toast-host {
  position: fixed !important;
  left: 50% !important;
  top: calc(var(--oz-m-win-h, 0px) + 10px) !important;
  transform: translateX(-50%) !important;
  z-index: 12050 !important;
  width: min(92vw, 420px) !important;
  max-width: 92vw !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .arco-message-list,
body.ozipx-mobile-mode .arco-notification-list {
  top: calc(var(--oz-m-win-h, 0px) + 10px) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: min(92vw, 420px) !important;
  max-width: 92vw !important;
  z-index: 12050 !important;
}

body.ozipx-mobile-mode .arco-message-wrapper,
body.ozipx-mobile-mode .arco-notification {
  margin-bottom: 8px !important;
}

body.ozipx-mobile-mode .arco-message,
body.ozipx-mobile-mode .arco-notification {
  background: var(--oz-m-toast-bg) !important;
  border: 1px solid var(--oz-m-toast-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--oz-m-toast-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 11px 14px !important;
}

body.ozipx-mobile-mode .arco-message-content,
body.ozipx-mobile-mode .arco-notification-content,
body.ozipx-mobile-mode .arco-notification-title {
  color: var(--oz-m-toast-text) !important;
  font-size: var(--oz-m-btn-font-size, 13px) !important;
  line-height: 1.45 !important;
}

body.ozipx-mobile-mode .arco-notification-title {
  font-weight: 600 !important;
  margin-bottom: 2px !important;
}

body.ozipx-mobile-mode .arco-message-icon,
body.ozipx-mobile-mode .arco-notification-icon {
  font-size: 16px !important;
  margin-right: 8px !important;
}

body.ozipx-mobile-mode .arco-message-info,
body.ozipx-mobile-mode .arco-message-loading,
body.ozipx-mobile-mode .arco-notification-info {
  border-color: rgba(238, 112, 36, 0.38) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(238, 112, 36, 0.85) !important;
}

body.ozipx-mobile-mode .arco-message-info .arco-message-icon,
body.ozipx-mobile-mode .arco-message-loading .arco-message-icon,
body.ozipx-mobile-mode .arco-notification-info .arco-notification-icon {
  color: #ff9340 !important;
}

body.ozipx-mobile-mode .arco-message-success,
body.ozipx-mobile-mode .arco-notification-success {
  border-color: rgba(34, 197, 94, 0.42) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(34, 197, 94, 0.88) !important;
}

body.ozipx-mobile-mode .arco-message-success .arco-message-icon,
body.ozipx-mobile-mode .arco-notification-success .arco-notification-icon {
  color: #4ade80 !important;
}

body.ozipx-mobile-mode .arco-message-warning,
body.ozipx-mobile-mode .arco-notification-warning {
  border-color: rgba(251, 191, 36, 0.42) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(251, 191, 36, 0.9) !important;
}

body.ozipx-mobile-mode .arco-message-warning .arco-message-icon,
body.ozipx-mobile-mode .arco-notification-warning .arco-notification-icon {
  color: #fbbf24 !important;
}

body.ozipx-mobile-mode .arco-message-error,
body.ozipx-mobile-mode .arco-notification-error {
  border-color: rgba(248, 113, 113, 0.45) !important;
  box-shadow:
    var(--oz-m-toast-shadow),
    inset 3px 0 0 rgba(248, 113, 113, 0.92) !important;
}

body.ozipx-mobile-mode .arco-message-error .arco-message-icon,
body.ozipx-mobile-mode .arco-notification-error .arco-notification-icon {
  color: #f87171 !important;
}

body.ozipx-mobile-mode .arco-message-close-btn,
body.ozipx-mobile-mode .arco-notification-close-btn {
  color: rgba(255, 255, 255, 0.45) !important;
}

body.ozipx-mobile-create-steps .oz-m-toast-host:not(.oz-m-toast-host--bottom) {
  top: calc(var(--oz-m-win-h, 0px) + var(--oz-m-step-bar-h, 0px) + 8px);
}

.oz-m-step-toast {
  position: fixed;
  left: 50%;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + var(--oz-m-step-footer-h) + 16px);
  transform: translateX(-50%);
  z-index: 12050;
  max-width: 88vw;
}

body.ozipx-mobile-subpage .oz-m-step-bar,
body.ozipx-mobile-subpage .oz-m-step-footer,
body.ozipx-mobile-subpage .oz-m-step-preview,
body.ozipx-mobile-subpage.ozipx-mobile-create-steps .oz-m-step-bar {
  display: none !important;
}

body.ozipx-mobile-tab-outputs .oz-m-step-bar,
body.ozipx-mobile-tab-outputs .oz-m-step-footer,
body.ozipx-mobile-tab-outputs .oz-m-step-preview,
body.ozipx-mobile-tab-mine .oz-m-step-bar,
body.ozipx-mobile-tab-mine .oz-m-step-footer,
body.ozipx-mobile-tab-mine .oz-m-step-preview {
  display: none !important;
}

/* ── 我的 ── */
.oz-mine-header {
  margin: var(--oz-m-gap-sm) 0 var(--oz-m-gap-md);
  padding: 18px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(238, 112, 36, 0.22), rgba(253, 79, 1, 0.08));
  border: 1px solid rgba(238, 112, 36, 0.35);
  display: flex;
  gap: 14px;
  align-items: center;
}

.oz-mine-avatar-wrap {
  position: relative;
  flex-shrink: 0;
}

.oz-mine-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--oz-m-accent);
  background: linear-gradient(135deg, #ee7024, #d85d15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.oz-mine-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.oz-mine-meta {
  flex: 1;
  min-width: 0;
}

.oz-mine-email {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  word-break: break-all;
  line-height: 1.35;
}

.oz-mine-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.72);
}

.oz-mine-stats strong {
  color: var(--oz-m-accent);
  font-weight: 600;
}

.oz-mine-badge {
  display: inline-block;
  margin-top: 6px;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(238, 112, 36, 0.28);
  color: #ffd4b8;
  border: 1px solid rgba(238, 112, 36, 0.45);
}

.oz-mine-menu {
  flex: 1 1 auto;
  margin: 0 0 calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + 8px);
  border-radius: 0;
  overflow: hidden;
  border: none;
  background: transparent;
}

.oz-mine-menu-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  border: none;
  border-bottom: none;
  border-radius: 10px;
  background: var(--oz-m-surface-input);
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 8px;
}

.oz-mine-menu-item:last-child {
  border-bottom: none;
}

.oz-mine-menu-item:active {
  background: rgba(238, 112, 36, 0.08);
}

.oz-mine-menu-item .oz-m-ico {
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  flex-shrink: 0;
}

.oz-mine-menu-item .oz-m-ico .oz-m-ico-wrap,
.oz-mine-menu-item .oz-m-menu-ico {
  color: var(--oz-m-icon-idle);
}

.oz-mine-menu-item:active .oz-m-ico .oz-m-ico-wrap {
  color: var(--oz-m-icon-active);
}

.oz-mine-menu-item .oz-m-arrow {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  color: var(--oz-m-icon-muted);
}

.oz-mine-menu-item .oz-m-arrow .oz-m-ico-wrap {
  color: var(--oz-m-icon-muted);
}

.oz-mine-menu-item.danger .oz-m-ico .oz-m-ico-wrap {
  color: var(--oz-m-icon-idle);
}

.oz-mine-menu-item.danger {
  color: #ff9a9a;
}

/* 我的 · 单屏 Tab 布局精修 */
body.ozipx-mobile-tab-mine .oz-m-panel-mine {
  background: var(--oz-m-surface-base) !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.oz-mine-header {
  flex-shrink: 0;
}

.oz-mine-menu {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: var(--oz-m-gap-sm);
}

.oz-mine-menu-item {
  min-height: calc(var(--oz-m-touch-target) + 4px);
  font-size: 14px;
  letter-spacing: 0.01em;
}

.oz-mine-menu-item[data-action='logout'] {
  margin-top: var(--oz-m-gap-md);
  background: rgba(255, 120, 120, 0.1);
  color: #ff9a9a;
}

.oz-mine-menu-item[data-action='logout']:active {
  background: rgba(255, 120, 120, 0.16);
}

.oz-m-help-box {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--oz-m-surface-input);
  border: none;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.65;
  display: none;
}

.oz-m-help-box.open {
  display: block;
}

.oz-m-help-box h4 {
  color: var(--oz-m-accent);
  margin: 0 0 10px;
  font-size: 14px;
}

.oz-m-help-box ol {
  padding-left: 1.2em;
  margin: 0;
}

.oz-m-help-box li {
  margin-bottom: 8px;
}

/* 我的 → 帮助与说明：本地即时面板（不进 /home，避免与 /sound 抢路由闪页/卡遮罩） */
body.ozipx-mobile-subpage.oz-m-help-subpage .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-subpage.oz-m-help-subpage .window-body .flex-grow.overflow-y-auto {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.ozipx-mobile-subpage.oz-m-help-subpage #ozipx-mobile-panel-help,
body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-panel-help {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  pointer-events: auto !important;
  top: calc(var(--oz-m-win-h, 0px) + var(--oz-m-sub-h)) !important;
  bottom: 0 !important;
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
  padding-top: var(--oz-m-gap-sm) !important;
  padding-bottom: calc(var(--oz-m-safe-b) + 16px) !important;
  box-sizing: border-box !important;
  background: var(--oz-m-surface-base) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  z-index: 8998 !important;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-box {
  display: block !important;
  margin: 0;
  padding: 16px;
  border-radius: 12px;
  background: var(--oz-m-surface-input);
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.65;
  font-size: 13px;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-box h4 {
  margin: 0 0 12px;
  color: var(--oz-m-accent);
  font-size: 15px;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-sec {
  margin-bottom: 16px;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-sec-h {
  color: #8ad4ff;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 13px;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-box ol {
  padding-left: 1.2em;
  margin: 0;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-box li {
  margin-bottom: 8px;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-box strong {
  color: #9ecbff;
  font-weight: 600;
}

body.ozipx-mobile-subpage.oz-m-help-subpage .oz-m-help-foot {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.42);
  font-size: 12px;
}

/* ── 成片 ── */
/* 隐藏 PC 底部工具条（日志 / 清除数据 / 一键爆款 等），成片步仅保留子栏与区块内容 */
body.ozipx-mobile-create-steps[data-oz-m-create-step='final']
  .rounded-xl.p-3:has(> .grid.grid-cols-2.gap-2),
body.ozipx-mobile-create-steps[data-oz-m-create-step='final'] .oz-m-hide-pc-final-toolbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  pointer-events: none !important;
}

.oz-m-outputs-wrap {
  padding: 14px;
}

.oz-m-outputs-title {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
}

.oz-m-outputs-video {
  width: 100%;
  max-height: 42vh;
  border-radius: 12px;
  background: #000;
  border: 1px solid #333;
}

.oz-m-outputs-empty {
  text-align: center;
  padding: 48px 20px;
  color: #7a8ba8;
  font-size: 14px;
}

.oz-m-outputs-empty button {
  margin-top: 16px;
  padding: 10px 24px;
  border-radius: var(--oz-m-btn-radius);
  font-size: var(--oz-m-btn-font-size);
  font-weight: var(--oz-m-btn-font-weight);
  cursor: pointer;
}

.oz-m-outputs-loading {
  color: #8fa0b8;
  font-size: 13px;
  padding: 20px 0;
  text-align: center;
}

.oz-m-outputs-list-head {
  margin-top: 18px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #d7e0ee;
}

.oz-m-outputs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
}

.oz-m-outputs-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #e8eef7;
  cursor: pointer;
}

.oz-m-outputs-item.is-active {
  border-color: rgba(249, 115, 22, 0.7);
  background: rgba(249, 115, 22, 0.12);
}

.oz-m-outputs-item-main {
  min-width: 0;
  flex: 1;
}

.oz-m-outputs-item-title {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oz-m-outputs-item-meta {
  margin-top: 4px;
  font-size: 12px;
  color: #8fa0b8;
}

.oz-m-outputs-item-play {
  flex-shrink: 0;
  font-size: 12px;
  color: #fda;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(249, 115, 22, 0.18);
}

/* ── P4 FAB 一键成片 + Bottom Sheet ── */
body.ozipx-mobile-oneclick-fab {
  --oz-m-fab-size: 56px;
}

#ozipx-mobile-fab-oneclick {
  display: none;
  position: fixed;
  right: 16px;
  z-index: 8995;
  bottom: calc(
    var(--oz-m-nav-h) + var(--oz-m-safe-b) + var(--oz-m-step-footer-h, 0px) + 14px
  );
  width: var(--oz-m-fab-size);
  height: var(--oz-m-fab-size);
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, #ee7024 0%, #fd4f01 100%);
  color: #fff;
  box-shadow: 0 6px 22px rgba(238, 112, 36, 0.45);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.2s, box-shadow 0.2s;
}

body.ozipx-mobile-tab-create #ozipx-mobile-fab-oneclick {
  display: none !important;
}

/* 手机站取消成片 FAB（一键爆款仍可通过步骤内按钮触发） */
body.ozipx-mobile-mode #ozipx-mobile-fab-oneclick {
  display: none !important;
}

#ozipx-mobile-fab-oneclick .oz-m-fab-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: #fff;
}

#ozipx-mobile-fab-oneclick .oz-m-fab-ico .oz-m-ico-wrap {
  color: #fff;
}

#ozipx-mobile-fab-oneclick .oz-m-fab-txt {
  font-size: 9px;
  font-weight: 700;
  margin-top: 1px;
}

#ozipx-mobile-fab-oneclick.running {
  animation: oz-m-fab-pulse 1.4s ease-in-out infinite;
}

#ozipx-mobile-fab-oneclick.done {
  background: linear-gradient(135deg, #22a06b, #1a7f53);
  box-shadow: 0 6px 22px rgba(34, 160, 107, 0.4);
}

@keyframes oz-m-fab-pulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 6px 22px rgba(238, 112, 36, 0.45);
  }
  50% {
    transform: scale(1.06);
    box-shadow: 0 8px 28px rgba(253, 79, 1, 0.55);
  }
}

.oz-m-sheet-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9101;
  background: rgba(0, 0, 0, 0.55);
}

.oz-m-sheet-backdrop.open {
  display: block;
}

#ozipx-mobile-oneclick-sheet {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9102;
  max-height: 52vh;
  padding: 10px 16px calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + 12px);
  background: #14141c;
  border-radius: 18px 18px 0 0;
  border-top: 1px solid rgba(238, 112, 36, 0.35);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
  transform: translateY(110%);
  transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
  pointer-events: auto;
}

#ozipx-mobile-oneclick-sheet.open {
  transform: translateY(0);
}

.oz-m-sheet-handle {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #444;
  margin: 0 auto 12px;
}

.oz-m-sheet-title {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.oz-m-sheet-step {
  font-size: 14px;
  color: #b8b8c8;
  margin-bottom: 12px;
  min-height: 1.4em;
}

.oz-m-sheet-bar {
  height: 8px;
  border-radius: 4px;
  background: #2a2a32;
  overflow: hidden;
  margin-bottom: 8px;
}

.oz-m-sheet-bar-fill {
  height: 100%;
  width: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #ee7024, #fd4f01);
  transition: width 0.35s ease;
}

.oz-m-sheet-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #888;
  margin-bottom: 10px;
}

.oz-m-sheet-pct {
  color: var(--oz-m-accent);
  font-weight: 700;
  font-size: 15px;
}

.oz-m-sheet-sub {
  font-size: 12px;
  color: #666;
}

.oz-m-sheet-error {
  display: none;
  padding: 10px 12px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: rgba(255, 80, 80, 0.12);
  border: 1px solid rgba(255, 120, 120, 0.35);
  color: #ffaaaa;
  font-size: 13px;
  line-height: 1.45;
}

.oz-m-sheet-done {
  display: none;
  padding: 10px 12px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: rgba(34, 160, 107, 0.15);
  border: 1px solid rgba(34, 160, 107, 0.35);
  color: #8ee4b2;
  font-size: 13px;
}

.oz-m-sheet-actions {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}

.oz-m-sheet-cancel,
.oz-m-sheet-close {
  flex: 1;
  border: none;
  border-radius: 10px;
  padding: 11px 0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.oz-m-sheet-cancel {
  background: rgba(255, 100, 100, 0.15);
  color: #ff9999;
  border: 1px solid rgba(255, 100, 100, 0.3);
}

.oz-m-sheet-close {
  background: #222228;
  color: #ccc;
}

.oz-m-fab-hint {
  position: fixed;
  left: 50%;
  bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + 90px);
  transform: translateX(-50%);
  z-index: 9103;
  max-width: 86vw;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(20, 20, 28, 0.96);
  border: 1px solid rgba(238, 112, 36, 0.35);
  color: #e8ecf4;
  font-size: 13px;
  text-align: center;
  pointer-events: none;
}

/* 手机端隐藏 PC 赛博进度弹窗，改由 Bottom Sheet 展示 */
body.ozipx-mobile-sheet-open .modal-body-cyber {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-subpage #ozipx-mobile-fab-oneclick,
body.ozipx-mobile-tab-outputs #ozipx-mobile-fab-oneclick,
body.ozipx-mobile-tab-mine #ozipx-mobile-fab-oneclick {
  display: none !important;
}

/* ── 法律免责声明与使用条款 · 手机全屏弹窗 ── */
body.ozipx-mobile-mode.ozipx-mobile-legal-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm {
  position: fixed !important;
  z-index: 30000 !important;
  inset: 0 !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  padding: env(safe-area-inset-top, 0) 0 env(safe-area-inset-bottom, 0) !important;
  box-sizing: border-box !important;
  background: #090a0f !important;
  color: #f8fafc !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .oz-m-stable-legal-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: #11131b !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm h2 {
  margin: 0 !important;
  padding: 16px 18px !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .oz-m-stable-legal-content {
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 14px 18px !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .disclaimer-section {
  margin: 0 0 18px !important;
  color: #dbe3ef !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .disclaimer-section h3 {
  margin: 0 0 8px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #fff !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .disclaimer-section p,
body.ozipx-mobile-mode #ozipx-stable-legal-confirm .disclaimer-section li {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #dbe3ef !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .oz-m-stable-legal-controls {
  padding: 12px 16px 14px !important;
  background: #171923 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .oz-m-stable-legal-check {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #eef2f7 !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm .oz-m-stable-legal-check input {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm button {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #ff6a22 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body.ozipx-mobile-mode #ozipx-stable-legal-confirm button:disabled {
  background: #475569 !important;
  color: #cbd5e1 !important;
  opacity: .72 !important;
}

body.ozipx-mobile-mode .arco-modal-container:has(.disclaimer-dialog),
body.ozipx-mobile-mode .arco-modal-wrapper:has(.disclaimer-dialog),
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal-wrap {
  z-index: 12500 !important;
}

body.ozipx-mobile-mode .arco-modal-container:has(.disclaimer-dialog),
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal-container {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .arco-modal-container:has(.disclaimer-dialog) > .arco-modal-mask,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal-container > .arco-modal-mask {
  display: none !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.disclaimer-dialog),
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal-wrap {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: var(--oz-m-safe-t) 0 var(--oz-m-safe-b) !important;
  box-sizing: border-box !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog),
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .arco-modal-header,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .arco-modal-header {
  flex: 0 0 auto !important;
  padding: 14px var(--oz-m-gutter) 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(180deg, #1a1a1f 0%, #141414 100%) !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .arco-modal-title,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .arco-modal-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .arco-modal-close-btn,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .arco-modal-close-btn {
  width: 36px !important;
  height: 36px !important;
  font-size: 18px !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .arco-modal-body,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .arco-modal-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .disclaimer-dialog {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  padding: 12px var(--oz-m-gutter) 168px !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .disclaimer-dialog .disclaimer-section {
  margin-bottom: var(--oz-m-gap-md) !important;
  line-height: 1.65 !important;
}

body.ozipx-mobile-mode .disclaimer-dialog .disclaimer-section h3 {
  font-size: 15px !important;
  margin-bottom: 10px !important;
  padding-left: 10px !important;
  border-left-width: 3px !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .disclaimer-dialog .disclaimer-section p,
body.ozipx-mobile-mode .disclaimer-dialog .disclaimer-section ul li {
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .disclaimer-dialog .disclaimer-section ul {
  padding-left: 18px !important;
}

body.ozipx-mobile-mode .disclaimer-dialog .disclaimer-section.danger-zone {
  padding: 12px !important;
  border-radius: 10px !important;
  background: rgba(255, 77, 79, 0.08) !important;
  border-color: rgba(255, 120, 120, 0.28) !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .acknowledgment-section,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .acknowledgment-section {
  position: absolute !important;
  z-index: 3 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(58px + var(--oz-m-safe-b)) !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 12px var(--oz-m-gutter) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: #181820 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .acknowledgment-section .arco-checkbox,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .acknowledgment-section .arco-checkbox {
  align-items: flex-start !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .acknowledgment-section .arco-checkbox-icon,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .acknowledgment-section .arco-checkbox-icon {
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .acknowledgment-section .acknowledgment-text,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .acknowledgment-section .acknowledgment-text {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #e2e8f0 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .dialog-footer,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .dialog-footer {
  position: absolute !important;
  z-index: 4 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  flex: 0 0 auto !important;
  text-align: center !important;
  padding: 10px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #12121a !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .dialog-footer .arco-btn,
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .dialog-footer .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
  padding: 0 16px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .arco-modal:has(.disclaimer-dialog) .dialog-footer .arco-btn[disabled],
body.ozipx-mobile-mode .oz-m-legal-disclaimer-modal .dialog-footer .arco-btn[disabled] {
  opacity: 0.45 !important;
}

/* 顶部法律警告条（IPAgentWarning） */
body.ozipx-mobile-mode .ip-agent-warning .warning-alert,
body.ozipx-mobile-mode .oz-m-legal-warning-alert {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  border: none !important;
}

body.ozipx-mobile-mode .ip-agent-warning,
body.ozipx-mobile-mode .oz-m-legal-warning-banner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 var(--oz-m-gap-sm) !important;
  padding: 0 var(--oz-m-gutter) !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-alert,
body.ozipx-mobile-mode .oz-m-legal-warning-alert {
  margin: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 120, 120, 0.32) !important;
  background: rgba(255, 77, 79, 0.1) !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-alert .arco-alert-icon {
  align-self: flex-start !important;
  margin-top: 2px !important;
  font-size: 16px !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-alert .arco-alert-body {
  padding: 12px 36px 12px 10px !important;
  display: block !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-title,
body.ozipx-mobile-mode .ip-agent-warning .warning-content .warning-title {
  display: block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #ff7875 !important;
  margin: 0 !important;
  padding: 0 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-text,
body.ozipx-mobile-mode .ip-agent-warning .warning-content .warning-text {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #e2e8f0 !important;
  margin: 0 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-text strong,
body.ozipx-mobile-mode .ip-agent-warning .warning-content .warning-text strong {
  color: #ff9c9c !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-text .arco-btn,
body.ozipx-mobile-mode .ip-agent-warning .warning-content .warning-text .arco-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  height: auto !important;
  margin: 8px 0 0 !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  background: rgba(238, 112, 36, 0.12) !important;
  border: 1px solid rgba(238, 112, 36, 0.35) !important;
  color: #fdba74 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

body.ozipx-mobile-mode .ip-agent-warning .warning-alert .arco-alert-close-btn {
  width: 32px !important;
  height: 32px !important;
  top: 6px !important;
  right: 6px !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-create-steps .ip-agent-warning {
  padding-left: var(--oz-m-gutter) !important;
  padding-right: var(--oz-m-gutter) !important;
}

/* ── 数字人形象页 /#/video?tab=videoTemplate ── */
body.ozipx-mobile-mode.ozipx-mobile-video-template .video-page-container,
body.ozipx-mobile-mode.ozipx-mobile-video-template .video-page-container > .h-full.overflow-y-auto {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template:not(.ozipx-mobile-subpage)
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-video-template:not(.ozipx-mobile-subpage)
  .window-body
  .flex-grow.overflow-y-auto {
  padding-bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + 12px) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77].p-5,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page {
  padding: var(--oz-m-gap-sm) 0 calc(var(--oz-m-scroll-pad) + var(--oz-m-safe-b)) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template [data-v-f010fd77].p-5,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-page {
  padding-top: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .mb-4.flex.items-center {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
  margin-bottom: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  [data-v-f010fd77]
  .mb-4.flex.items-center
  > .flex-grow.flex.items-end {
  display: none !important;
}

/* 我的 → 形象 · 二级页单屏视口（顶栏返回 + 内容区滚动，无底栏） */
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  .window-body
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-vt-subpage.ozipx-mobile-video-template
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-vt-subpage.ozipx-mobile-video-template
  .window-body
  .flex-grow.overflow-y-auto {
  height: calc(100dvh - var(--oz-m-win-h)) !important;
  max-height: calc(100dvh - var(--oz-m-win-h)) !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-top: calc(var(--oz-m-sub-h) + var(--oz-m-gap-md)) !important;
  padding-bottom: calc(var(--oz-m-safe-b) + 16px) !important;
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-container,
body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-container > .h-full.overflow-y-auto,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-container,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-container > .h-full.overflow-y-auto {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-header > .flex-grow,
body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-page .mb-4.flex.items-center > .flex-grow,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-header > .flex-grow,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-page .mb-4.flex.items-center > .flex-grow {
  display: none !important;
}

body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-header,
body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-page .mb-4.flex.items-center,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-header,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-page .mb-4.flex.items-center {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  background: #0f0f15 !important;
  margin-bottom: var(--oz-m-gap-sm) !important;
  padding-top: 0 !important;
  padding-bottom: var(--oz-m-gap-xs) !important;
  border-bottom: 1px solid #252530 !important;
}

body.ozipx-mobile-subpage.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-header .arco-btn,
body.ozipx-mobile-vt-subpage.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-header .arco-btn {
  min-height: var(--oz-m-touch-target) !important;
  position: relative !important;
  z-index: 2 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-list,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .flex.flex-wrap.-mx-2 {
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-list > .w-1\/3,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .flex.flex-wrap.-mx-2 > .w-1\/3 {
  width: 100% !important;
  max-width: 100% !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-card {
  padding: var(--oz-m-gap-sm) !important;
  border-radius: 12px !important;
  margin: 0 !important;
  background: #141414 !important;
  border-color: #404045 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-card .h-48.bg-black {
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  max-height: min(52vh, 420px) !important;
  min-height: 180px !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal-wrap,
body.ozipx-mobile-mode .oz-m-vt-modal-wrap .arco-modal-container {
  z-index: 9200 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .text-3xl.font-bold {
  font-size: 20px !important;
  line-height: 1.35 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .flex-grow.flex.items-end {
  flex-direction: column !important;
  align-items: flex-start !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .text-gray-400.ml-3 {
  display: block !important;
  margin-left: 0 !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .mb-4.flex.items-center > .flex.items-center {
  display: flex !important;
  width: 100% !important;
  gap: var(--oz-m-gap-xs) !important;
  flex-wrap: nowrap !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .mb-4.flex.items-center .arco-btn {
  flex: 1 1 0 !important;
  min-height: var(--oz-m-touch-target) !important;
  height: auto !important;
  margin-left: 0 !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .flex.flex-wrap.-mx-2 {
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .flex.flex-wrap.-mx-2 > .w-1\/3,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-cloud-modal .flex.flex-wrap.-mx-2 > .w-1\/3 {
  width: 100% !important;
  max-width: 100% !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .rounded-xl.shadow.border.p-4 {
  padding: var(--oz-m-gap-sm) !important;
  border-radius: 12px !important;
  margin: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .rounded-xl.shadow.border .flex.mb-3 {
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: var(--oz-m-gap-xs) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .inline-flex.max-w-full.items-center.bg-blue-100.rounded-full {
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 4px 10px !important;
  background: #1a1a1f !important;
  border: 1px solid #404045 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .truncate.overflow-hidden.flex-grow {
  font-size: 14px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .rounded-xl.shadow.border .flex.mb-3 > div:last-child .arco-btn {
  min-width: var(--oz-m-touch-target) !important;
  min-height: var(--oz-m-touch-target) !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .h-48.bg-black,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-cloud-modal .h-48,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-cloud-modal img.h-48 {
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  max-height: min(52vh, 420px) !important;
  min-height: 180px !important;
  width: 100% !important;
  object-fit: contain !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .h-48.bg-black {
  padding: 6px !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .h-48.bg-black video,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .h-48.bg-black .video-js,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .h-48.bg-black iframe {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .flex.gap-1.mb-3,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .flex.gap-1 {
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .flex.gap-1 .arco-tag {
  font-size: 11px !important;
}

/* 云端形象弹窗 · 全屏单屏 */
body.ozipx-mobile-mode .oz-m-vt-modal-wrap {
  padding: 0 !important;
  align-items: stretch !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal .arco-modal-header {
  flex-shrink: 0 !important;
  padding: 12px var(--oz-m-gutter) !important;
  border-bottom: 1px solid #303035 !important;
  background: #141414 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal .arco-modal-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal .arco-modal-close-btn,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-icon-hover {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px var(--oz-m-gutter) !important;
  background: #141414 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-vt-cloud-modal .mb-3.flex.gap-2 {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-vt-cloud-modal .mb-3.flex.gap-2 .arco-btn {
  min-height: 32px !important;
}

body.ozipx-mobile-mode .oz-m-vt-cloud-modal .rounded-xl.shadow.border.p-4 {
  padding: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode .oz-m-vt-cloud-modal .flex.gap-1.mb-3 .arco-btn,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-modal-footer .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

/* 添加视频形象弹窗 · 单屏：表单上 + 示例如下 + 底栏保存 */
body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-body {
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-body > div {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  background: #141414 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-footer {
  flex-shrink: 0 !important;
  width: 100% !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  margin: 0 !important;
  border-top: 1px solid #303035 !important;
  background: #141414 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-footer .arco-btn-primary {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .flex.p-4 {
  flex-direction: column !important;
  align-items: stretch !important;
  padding: var(--oz-m-gutter) !important;
  gap: var(--oz-m-gap-md) !important;
  background: #141414 !important;
}
body.ozipx-mobile-mode .oz-m-vt-edit-modal .flex.p-4 > .w-1\/2 {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .flex-grow {
  width: 100% !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-form-item-label-col {
  font-size: 14px !important;
  padding-bottom: 4px !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-form-item-label,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-form-item-label {
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-input-wrapper {
  min-height: var(--oz-m-touch-target) !important;
  background: #1a1a1f !important;
  border-color: #404045 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-input,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-input {
  font-size: 15px !important;
  background: transparent !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-input::placeholder,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-input::placeholder {
  color: #64748b !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.rounded-lg.p-2.bg-black,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.bg-gray-100.border.rounded-lg {
  height: auto !important;
  min-height: 168px !important;
  max-height: min(42vh, 340px) !important;
  aspect-ratio: 9 / 16 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #0a0a0e !important;
  border-color: #404045 !important;
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.rounded-lg.p-2.bg-black video,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.rounded-lg.p-2.bg-black .video-js {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .mb-3 .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .text-lg.font-bold {
  font-size: 15px !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .grid.grid-cols-3.gap-4 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .grid.grid-cols-3 .w-14.h-14 {
  width: 44px !important;
  height: 44px !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .grid.grid-cols-3 .text-xs {
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  word-break: break-word !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .bg-gray-100.mt-2.p-3.rounded-lg {
  margin-top: var(--oz-m-gap-xs) !important;
  padding: 12px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #cbd5e1 !important;
  background: #1a1a1f !important;
  border: 1px solid #404045 !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .bg-gray-100.mt-2.p-3.rounded-lg > div + div {
  margin-top: 8px !important;
}

body.ozipx-mobile-vt-edit-open .arco-modal-mask {
  background: rgba(0, 0, 0, 0.72) !important;
}

/* 添加形象弹窗打开：隐藏背后主区域滚动条，避免右侧出现双滚动条 */
body.ozipx-mobile-vt-edit-open {
  overflow: hidden !important;
}

body.ozipx-mobile-vt-edit-open .window-body .flex-grow.overflow-y-auto,
body.ozipx-mobile-vt-edit-open .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-vt-edit-open .video-page-container,
body.ozipx-mobile-vt-edit-open .video-page-container > .h-full.overflow-y-auto {
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ozipx-mobile-vt-edit-open .window-body .flex-grow.overflow-y-auto::-webkit-scrollbar,
body.ozipx-mobile-vt-edit-open .page-container .flex-grow.overflow-y-auto::-webkit-scrollbar,
body.ozipx-mobile-vt-edit-open .video-page-container::-webkit-scrollbar,
body.ozipx-mobile-vt-edit-open .video-page-container > .h-full.overflow-y-auto::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-wrapper,
body.ozipx-mobile-mode .oz-m-vt-modal-wrap {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ozipx-mobile-mode[data-oz-m-vt-modal-pending='1']
  .arco-modal-wrapper:not(:has(.oz-m-vt-modal)):not(:has(.oz-m-vt-edit-modal)):not(:has(.oz-m-vt-cloud-modal)) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 形象页/弹窗 · 全局深色底（去除白底/浅灰底） */
body.ozipx-mobile-mode.ozipx-mobile-video-template .video-page-container,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77].p-5 {
  background: #0f0f15 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  .window-body
  .flex-grow.overflow-y-auto {
  background: #0f0f15 !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal-wrap .arco-modal-container {
  background: transparent !important;
}

body.ozipx-mobile-mode .oz-m-vt-modal .rounded-xl.shadow.border,
body.ozipx-mobile-mode .oz-m-vt-cloud-modal .rounded-xl.shadow.border {
  background: #141414 !important;
  border-color: #404045 !important;
}

body.ozipx-mobile-mode .oz-m-vt-cloud-modal .arco-alert,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-alert {
  background: rgba(238, 112, 36, 0.1) !important;
  border-color: rgba(238, 112, 36, 0.32) !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .bg-gray-100,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .bg-gray-100,
body.ozipx-mobile-mode .oz-m-vt-modal .bg-gray-100 {
  background: #1a1a1f !important;
  border-color: #404045 !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .rounded-xl.shadow.border.p-4 {
  background: #141414 !important;
  border-color: #404045 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .m-empty,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .m-loading,
body.ozipx-mobile-mode .oz-m-vt-modal .m-empty,
body.ozipx-mobile-mode .oz-m-vt-modal .m-loading {
  background: transparent !important;
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.bg-gray-100 div,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.bg-gray-100 .icon,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .h-52.bg-gray-100 svg {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-vt-edit-modal .grid.grid-cols-3 .text-xs,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .grid.grid-cols-3 span {
  color: #cbd5e1 !important;
}

/* ── 声音页 /#/sound（对齐 PC：合成/识别 + 历史任务） ── */
body.ozipx-mobile-mode.ozipx-mobile-sound-page .w-full.h-full {
  height: auto !important;
  min-height: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .oz-m-sound-page,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1].flex.h-screen {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
  background: #0a0a0a !important;
  color: rgba(255, 255, 255, 0.88) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .w-full.h-full {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  .window-body
  .flex-grow.overflow-y-auto {
  background: #0a0a0a !important;
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page:not(.ozipx-mobile-subpage)
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-sound-page:not(.ozipx-mobile-subpage)
  .window-body
  .flex-grow.overflow-y-auto {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: calc(var(--oz-m-nav-h) + var(--oz-m-safe-b) + 12px) !important;
  box-sizing: border-box !important;
}

/* 我的 → 声音 · 二级页单屏视口（顶栏返回 + 内容区滚动） */
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page .window-body .flex-grow.overflow-y-auto {
  height: calc(100dvh - var(--oz-m-win-h)) !important;
  max-height: calc(100dvh - var(--oz-m-win-h)) !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-top: calc(var(--oz-m-sub-h) + var(--oz-m-gap-sm)) !important;
  padding-bottom: calc(var(--oz-m-safe-b) + var(--oz-m-gap-md)) !important;
  background: var(--oz-m-surface-base) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page [data-v-a3d2b0d1].oz-m-sound-page,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page [data-v-a3d2b0d1].flex.h-screen {
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: var(--oz-m-gap-sm) !important;
  background: transparent !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .flex-1.overflow-y-auto.custom-scrollbar.px-6.py-4,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .fixed.inset-y-0
  .flex-1.overflow-y-auto.custom-scrollbar {
  max-height: none !important;
  overflow-y: visible !important;
}

/* 二级页已有顶栏，隐藏 Sound 自带 SOUND:AI 顶栏 */
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .fixed.top-0.left-0.right-0.h-14 {
  display: none !important;
}

/* 恢复被 Sound-D2yVqKCi.css 隐藏的声音合成/语音识别切换 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1].px-6.pt-6.pb-2 {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: visible !important;
  padding: var(--oz-m-gap-sm) 0 !important;
  margin: 0 !important;
}

/* 侧栏改为内联：创建区在上（压过 w-80 固定宽，避免与工作区横排溢出） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1].oz-m-sound-page > div.fixed.inset-y-0,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1].flex.h-screen > div.fixed.inset-y-0,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .fixed.inset-y-0.left-0.z-40,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .w-80 {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  z-index: 1 !important;
  border-right: none !important;
  border-bottom: none !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .fixed.inset-y-0
  > .h-16.flex.items-center.px-6.border-b {
  display: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .flex-1.overflow-y-auto.custom-scrollbar.px-6.py-4 {
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: var(--oz-m-gap-sm) !important;
  padding-bottom: var(--oz-m-gap-sm) !important;
}

/* 声音页：二次进入仍压过 PC 侧栏横排 + mirror 固定宽（.oz-m-sound-page 兜底） */
body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page,
body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page.flex.h-screen {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page > .fixed.inset-y-0,
body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page .fixed.inset-y-0.left-0.z-40,
body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page .w-80 {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page .arco-textarea-mirror,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-textarea-mirror {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode [data-v-a3d2b0d1].oz-m-sound-page .max-w-96,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .max-w-96 {
  max-width: 100% !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subpage:has([data-v-a3d2b0d1].oz-m-sound-page)
  .page-container
  .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage:has([data-v-a3d2b0d1].oz-m-sound-page)
  .window-body
  .flex-grow.overflow-y-auto {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.bg-\[\#1a1a1a\].p-1.rounded-lg {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: var(--oz-m-gap-sm) !important;
  padding: var(--oz-m-segment-track-pad) !important;
  gap: 0 !important;
  border-radius: 8px !important;
  background: var(--oz-m-surface-input) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.bg-\[\#1a1a1a\].p-1.rounded-lg button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: var(--oz-m-touch-target) !important;
  padding: 0 10px !important;
  border: none !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--oz-m-tab-idle) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  -webkit-tap-highlight-color: transparent;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.bg-\[\#1a1a1a\].p-1.rounded-lg button.text-white,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.bg-\[\#1a1a1a\].p-1.rounded-lg button[class*='text-white'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.bg-\[\#1a1a1a\].p-1.rounded-lg button[class*='bg-'] {
  background: var(--oz-m-btn-grad) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow:
    0 2px 8px rgba(238, 112, 36, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* 隐藏 PC 端「历史任务 / 工作台」顶栏（手机用底栏/子页导航，不占内容区） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .hidden.md\:flex.h-16,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .hidden.md\:flex.h-16.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.h-screen > .hidden.md\:flex.h-16 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  flex: 0 0 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.flex.flex-col.h-full.relative.z-0,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1].flex.h-screen > .flex-1.flex.flex-col.h-full {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

/* 历史任务工作区最外层：p-4/md:p-6 清零，宽度与子栏目 Segmented 对齐（由外层 scroll 区 inset） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.overflow-hidden.relative.p-4,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.overflow-hidden.relative.p-4.md\:p-6,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.overflow-hidden.relative.custom-scrollbar.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.custom-scrollbar.overflow-y-auto[class*='p-4'] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

/* 列表区仅保留底部滚动留白 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.overflow-hidden.relative.custom-scrollbar .space-y-4.pb-20,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .space-y-4.pb-20 {
  padding-bottom: calc(var(--oz-m-scroll-pad) + var(--oz-m-safe-b)) !important;
}

/* 工作区空状态卡片勿超出屏宽 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .max-w-2xl,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .max-w-2xl,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .max-w-2xl {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 24px 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .fixed.inset-0.backdrop-blur-sm {
  display: none !important;
}

/* 任务列表工具条：全选 / 操作 / 分页（与下方列表复选框左缘对齐） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].border.border-\[\#333\].rounded-xl.p-4.mb-4.flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].border.border-\[\#333\].rounded-xl.p-4.mb-4.flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .rounded-xl.p-4.mb-4.flex.items-center {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: var(--oz-m-gap-sm) !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  background: var(--oz-m-surface-input) !important;
  border-radius: 10px !important;
  border: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].rounded-xl.flex.items-center > .flex-grow.flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].rounded-xl.flex.items-center > .flex-grow.flex.items-center {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: var(--oz-m-touch-target) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].rounded-xl.flex.items-center .mr-3,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].rounded-xl.flex.items-center .mr-3 {
  margin-right: 0 !important;
  flex-shrink: 0 !important;
  padding-left: 8px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].rounded-xl.flex.items-center > div:last-child,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].rounded-xl.flex.items-center > div:last-child {
  width: 100% !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].rounded-xl.flex.items-center .arco-btn-only-icon,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].rounded-xl.flex.items-center .arco-btn-only-icon {
  flex-shrink: 0 !important;
  min-width: var(--oz-m-touch-target) !important;
  min-height: var(--oz-m-touch-target) !important;
  width: var(--oz-m-touch-target) !important;
  height: var(--oz-m-touch-target) !important;
  margin-right: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].rounded-xl.flex.items-center .arco-btn-only-icon.arco-btn-disabled,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].rounded-xl.flex.items-center .arco-btn-only-icon.arco-btn-disabled {
  color: rgba(255, 255, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].rounded-xl.flex.items-center .arco-checkbox,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].rounded-xl.flex.items-center .arco-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  min-height: var(--oz-m-touch-target) !important;
  line-height: 1.25 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-checkbox-label,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-checkbox-label {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-checkbox-icon,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-checkbox-icon {
  border-color: rgba(255, 255, 255, 0.42) !important;
  background: transparent !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-checkbox-checked .arco-checkbox-icon,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-checkbox-checked .arco-checkbox-icon {
  background: var(--oz-m-accent) !important;
  border-color: var(--oz-m-accent) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination-total,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination-total {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination-simple,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination-simple {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination-jumper-separator,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination-jumper-separator,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination-jumper-total-page,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination-jumper-total-page {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination .arco-input,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination .arco-input {
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  text-align: center !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination-item,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination-item {
  color: rgba(255, 255, 255, 0.88) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  border-radius: 8px !important;
  min-width: var(--oz-m-touch-target) !important;
  min-height: var(--oz-m-touch-target) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .arco-pagination-item-disabled,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .arco-pagination-item-disabled {
  color: rgba(255, 255, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

/* 任务卡片（列表项，非工具条） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].border.rounded-xl.p-4:not(.flex),
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].border.rounded-xl.p-4:not(.flex) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .flex-grow.flex.items-center {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .space-y-4.pb-20 {
  padding-bottom: calc(var(--oz-m-scroll-pad) + var(--oz-m-safe-b)) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .pt-4.flex.items-center {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .flex.items-center.gap-1 {
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* 弹窗全宽 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page .elegant-theme .arco-modal {
  width: calc(100vw - 24px) !important;
  max-width: 100% !important;
}

/* 声音页任务列表：隐藏 TTS 模型标签（如 阿里云CosyVoice v3.0） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-tag.rounded-lg:has(.iconfont.icon-server) {
  display: none !important;
}

/* 声音页任务标题胶囊：复选框 + 标题 + 编辑，全部垂直居中 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full.leading-8,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full.leading-8,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 {
  display: inline-flex !important;
  align-items: center !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 > div.mr-2,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 > div.mr-2,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full.leading-8 > div.mr-2,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full.leading-8 > div.mr-2,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 > .h-8,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 > .h-8 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex-shrink: 0 !important;
  height: 32px !important;
  min-height: 0 !important;
  max-height: 32px !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 .arco-checkbox,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 .arco-checkbox,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full.leading-8 .arco-checkbox,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full.leading-8 .arco-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full.leading-8 > div:last-child,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full.leading-8 > div:last-child,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 > div:last-child,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 > div:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  height: 32px !important;
  min-height: 0 !important;
  max-height: 32px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full .flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full .flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 .flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 .flex.items-center {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  height: 32px !important;
  min-height: 0 !important;
  max-height: 32px !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full .truncate,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full .truncate,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 .truncate,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 .truncate {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  display: block !important;
  height: auto !important;
  line-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.items-start.rounded-full .ml-1.text-gray-400,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.items-start.rounded-full .ml-1.text-gray-400,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 .ml-1.text-gray-400,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 .ml-1.text-gray-400,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 .flex.items-center > div:last-child,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 .flex.items-center > div:last-child {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: center !important;
  height: 32px !important;
  line-height: 1 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .inline-flex.rounded-full.h-8.mr-2 .arco-icon,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .inline-flex.rounded-full.h-8.mr-2 .arco-icon {
  display: block !important;
  vertical-align: middle !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].border.rounded-xl,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].border.rounded-xl {
  overflow: hidden !important;
}

/* 声音页 · 历史任务列表卡片：手机卡片式列表（排除工具条 .flex.items-center） */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].border.border-\[\#333\].rounded-xl:not(.flex),
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].border.border-\[\#333\].rounded-xl:not(.flex),
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .bg-\[\#141414\].border.rounded-xl:not(.flex):not(.mb-4),
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .bg-\[\#141414\].border.rounded-xl:not(.flex):not(.mb-4) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin-bottom: var(--oz-m-gap-sm) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 列表行：复选框列与工具条全选左缘对齐 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .space-y-4 > div > div,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .space-y-4 > div > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .space-y-4 > * + *,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .space-y-4 > * + * {
  margin-top: var(--oz-m-gap-sm) !important;
}

/* 声音页 · 侧栏合成/识别创建区：取消透明化，恢复卡片边框与底色 */
body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .flex-1.overflow-y-auto.custom-scrollbar
  .bg-\[\#141414\].border.rounded-xl,
body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .fixed.inset-y-0
  .bg-\[\#141414\].border.rounded-xl,
body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .flex-1.overflow-y-auto.custom-scrollbar.px-6.py-4
  .space-y-6
  .bg-\[\#141414\].border.border-\[\#333\].rounded-xl {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: none !important;
  background: var(--oz-m-surface-raised) !important;
  background-color: var(--oz-m-surface-raised) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  margin-bottom: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .flex-1.overflow-y-auto.custom-scrollbar
  .bg-\[\#141414\].border.rounded-xl
  > .p-4,
body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .fixed.inset-y-0
  .bg-\[\#141414\].border.rounded-xl
  > .p-4 {
  padding: 14px 16px !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .flex-1.overflow-y-auto.custom-scrollbar.px-6.py-4,
body.ozipx-mobile-mode.ozipx-mobile-sound-page
  [data-v-a3d2b0d1]
  .fixed.inset-y-0
  .flex-1.overflow-y-auto.custom-scrollbar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .flex-1.overflow-y-auto.custom-scrollbar .p-4,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .p-4 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: var(--oz-m-gap-sm) 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .dark-input-override,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .dark-input-override {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .dark-input-override.arco-textarea-wrapper,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-textarea-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: calc(var(--oz-m-control-h) * 2.8) !important;
  height: auto !important;
  max-height: none !important;
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  border-radius: var(--oz-m-btn-radius) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-textarea-mirror {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] [class*='text-gray-400'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] [class*='text-gray-400'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] [class*='text-gray-400'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] [class*='text-gray-400'] {
  color: rgba(255, 255, 255, 0.62) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] [class*='text-gray-500'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] [class*='text-gray-500'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] [class*='text-gray-500'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] [class*='text-gray-500'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] [class*='text-gray-600'] {
  color: rgba(255, 255, 255, 0.55) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] [class*='text-gray-200'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] [class*='text-gray-300'],
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] [class*='text-gray-200'] {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .truncate,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .truncate,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-0ffdb641] .text-sm,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-253b2cc3] .text-sm {
  color: rgba(255, 255, 255, 0.88) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .dark-input-override .arco-textarea,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(var(--oz-m-control-h) * 2.5) !important;
  height: auto !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  resize: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-select-view-value,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .arco-select-view-single .arco-select-view-value {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .dark-input-override.arco-select,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .dark-input-override .arco-select-view-single,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .arco-select-view-single {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .flex.items-center.min-h-8 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: flex-start !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .flex.items-center.min-h-8 > .flex-1,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .mr-2.flex.items-center.w-full {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .dark-input-override .cursor-pointer,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .cursor-pointer.truncate,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .bg-\[\#2a2a2a\] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: var(--oz-m-control-h) !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border-radius: var(--oz-m-btn-radius) !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .font-bold.mb-2.text-gray-200 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  background: transparent !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .text-xs.text-gray-500.mb-2.ml-6 {
  margin-left: 0 !important;
  margin-bottom: 10px !important;
  color: rgba(255, 255, 255, 0.58) !important;
  line-height: 1.45 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-358d2afe] .space-y-6 > * + * {
  margin-top: var(--oz-m-gap-md) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .flex.gap-1.mt-4 {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--oz-m-gap-sm) !important;
  width: 100% !important;
  margin-top: var(--oz-m-gap-sm) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page .flex.gap-1.mt-4 > .arco-btn {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
}

/* ── IP智能体设置弹窗 · 手机全屏单屏 ── */
body.ozipx-mobile-mode .oz-m-agent-settings-wrap {
  padding: 0 !important;
  align-items: stretch !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-wrap,
body.ozipx-mobile-mode .oz-m-agent-settings-wrap .arco-modal-wrapper {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open .window-body,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open .page-container,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open #app {
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-modal-header {
  flex-shrink: 0 !important;
  padding: 12px var(--oz-m-gutter) !important;
  padding-top: calc(12px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-modal-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-modal-close-btn,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-icon-hover {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .max-h-\[70vh\] {
  max-height: none !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #141414 !important;
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-nav {
  flex-shrink: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 8px var(--oz-m-gutter) 0 !important;
  background: #141414 !important;
  border-color: #333 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-nav-tab-list {
  flex-wrap: nowrap !important;
  width: max-content !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-tab {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-tab-active {
  background: #222228 !important;
  border-color: #444 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 0 0 calc(var(--oz-m-safe-b) + 8px) !important;
  background: #141414 !important;
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content-list {
  display: flex !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content-item {
  flex-shrink: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content-item,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-pane {
  max-height: none !important;
  background: #141414 !important;
  border-color: #333 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content-item:not(.arco-tabs-content-item-active) {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content-item.arco-tabs-content-item-active {
  height: auto !important;
  min-height: 120px !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-tabs-content-item {
  padding: 12px var(--oz-m-gutter) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-modal-footer {
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 8px !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  border-top: 1px solid #303035 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-modal-footer .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  margin: 0 !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .grid.grid-cols-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .grid.grid-cols-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .grid.grid-cols-4 {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .col-span-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .col-span-3 {
  grid-column: auto !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .w-1\/2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .w-1\/3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .w-2\/3 {
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.p-4,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-4.p-4 {
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal label.block,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .font-bold {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-wrapper:hover,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-wrapper:focus-within,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-select-view,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-select-view-single,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-select-view-single:hover,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea-wrapper,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea-wrapper:hover,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea-wrapper:focus-within,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .custom-dark-textarea,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .custom-dark-textarea:hover,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .custom-dark-textarea:focus-within,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-number,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-number:hover,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-number:focus-within {
  width: 100% !important;
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea,
body.ozipx-mobile-mode .oz-m-agent-settings-modal textarea,
body.ozipx-mobile-mode .oz-m-agent-settings-modal input {
  background: transparent !important;
  background-color: transparent !important;
  color: #e5e7eb !important;
  border-color: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input::placeholder,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea::placeholder,
body.ozipx-mobile-mode .oz-m-agent-settings-modal textarea::placeholder {
  color: #64748b !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .border,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='border-gray'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='border-blue'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='border-white'] {
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .overflow-y-auto:not(.arco-tabs-content),
body.ozipx-mobile-mode .oz-m-agent-settings-modal .overflow-auto:not(.arco-tabs-content),
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex-1.overflow-y-auto,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='max-h-'] {
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .bg-white,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .bg-gray-50,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .bg-gray-100 {
  background: #1a1a1f !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-gray-800,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-gray-700,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-gray-600,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-gray-900,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='text-gray-900'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='text-gray-800'] {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-blue-900,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-blue-800,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='text-blue-900'] {
  color: #93c5fd !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open .oz-m-subhdr,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-subhdr {
  display: flex !important;
  z-index: 10050 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subtitle-template-edit-open .oz-m-subhdr {
  display: none !important;
}

body.ozipx-mobile-mode.oz-m-subtitle-edit-pending .oz-m-subhdr {
  pointer-events: none !important;
}

body.ozipx-mobile-mode.oz-m-subtitle-edit-pending #ozipx-mobile-sub-back,
body.ozipx-mobile-mode.oz-m-subtitle-edit-pending .oz-m-subhdr-back {
  pointer-events: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open .arco-modal-mask,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal .arco-modal-body,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal .arco-tabs,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal .arco-tabs-content,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal .arco-tabs-content-item-active {
  opacity: 1 !important;
  visibility: visible !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .arco-modal-container,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-wrap {
  opacity: 1 !important;
  visibility: visible !important;
}

/* IP智能体设置 · 全页层（非弹窗遮罩） */
#ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer {
  position: fixed !important;
  top: calc(var(--oz-m-win-h, 0px) + var(--oz-m-sub-h, 44px)) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 10040 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #141414 !important;
  pointer-events: none !important;
}

#ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer:empty {
  display: none !important;
  pointer-events: none !important;
}

body.ozipx-mobile-subpage.oz-m-agent-settings-enter:not(.ozipx-mobile-agent-settings-open)
  #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer:empty {
  display: flex !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode:not(.ozipx-mobile-subpage).oz-m-agent-settings-enter #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer,
body.ozipx-mobile-mode:not(.ozipx-mobile-subpage).oz-m-agent-settings-enter #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer:empty {
  display: none !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode:not(.ozipx-mobile-subpage) #ozipx-agent-settings-fullpage.oz-m-agent-fullpage-layer {
  display: none !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .arco-modal-container {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #141414 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-wrap,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-wrap .arco-modal-wrapper {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-modal {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-modal .arco-modal-header {
  display: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* 全屏设置：取消 Tab 横向 translate，避免移入全屏层后内容被 translate 顶出视口 */
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal .arco-tabs-content {
  flex: 1 1 auto !important;
  min-height: 160px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage #ozipx-agent-settings-fullpage .oz-m-agent-settings-modal .arco-tabs-content-list {
  transform: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage
  #ozipx-agent-settings-fullpage
  .oz-m-agent-settings-modal
  .arco-tabs-content-item:not(.arco-tabs-content-item-active) {
  display: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage
  #ozipx-agent-settings-fullpage
  .oz-m-agent-settings-modal
  .arco-tabs-content-item.arco-tabs-content-item-active {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 120px !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-modal .arco-modal-footer {
  flex-shrink: 0 !important;
  border-top: 1px solid #2a2a30 !important;
  background: #111114 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-wrap,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-wrap .arco-modal-wrapper {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-wrap .arco-modal-container,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-settings-modal.oz-m-agent-native {
  height: 100% !important;
  max-height: 100% !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage.ozipx-mobile-agent-settings-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage.ozipx-mobile-agent-settings-open .window-body,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage.ozipx-mobile-agent-settings-open .page-container,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage.ozipx-mobile-agent-settings-open #app {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-sub-wrap,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-sub-wrap .arco-modal-container,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage .oz-m-agent-sub-modal {
  z-index: 10060 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage.ozipx-mobile-agent-sub-open .oz-m-agent-sub-wrap ~ .arco-modal-mask,
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-fullpage.ozipx-mobile-agent-sub-open .arco-modal-mask:last-of-type {
  z-index: 10055 !important;
}

/* ── IP智能体设置 · 各 Tab 内容区通用 ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-4,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-6 {
  gap: 14px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-4.p-4,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-4 > .p-4,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*="space-y-4"][class*="p-4"] {
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal label.block,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-sm.font-medium,
body.ozipx-mobile-mode .oz-m-agent-settings-modal h5.font-medium {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-xs.text-gray-500,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .text-xs.text-gray-400 {
  color: #94a3b8 !important;
  line-height: 1.45 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-divider {
  margin: 12px 0 !important;
  border-color: #303035 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-radio-group-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-radio-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-radio {
  min-height: var(--oz-m-touch-target) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-radio-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-checkbox-label {
  color: #e5e7eb !important;
  font-size: 13px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-slider {
  margin: 8px 0 4px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-switch {
  min-height: var(--oz-m-touch-target) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-btn-size-mini,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-btn-size-small {
  min-height: 32px !important;
  padding: 0 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-3 {
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-2 > .arco-btn,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-2 > .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-2 > .arco-input-number {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-number {
  width: 100% !important;
  max-width: 160px !important;
  background: #1a1a1a !important;
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-collapse-item-header {
  min-height: var(--oz-m-touch-target) !important;
  padding: 10px 12px !important;
  background: #1a1a1f !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-collapse-item-content-box {
  background: #141414 !important;
  color: #cbd5e1 !important;
}

/* ── 模型设置 Tab ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal .mt-3.p-3.bg-gray-50.rounded-lg,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .p-3.bg-gray-50.rounded-lg {
  background: #1a1a1f !important;
  border-color: #333 !important;
  padding: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-radio-group-button .arco-radio-button {
  flex: 1 1 calc(50% - 4px) !important;
  justify-content: center !important;
  text-align: center !important;
}

/* ── 提示词设置 Tab ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea-wrapper {
  min-height: 120px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-textarea {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* ── 字幕设置 Tab · 模板列表 ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.flex-col.max-h-\[70vh\] {
  max-height: none !important;
  height: auto !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*="bg-gradient-to-r"][class*="from-blue-900"] {
  padding: 12px !important;
  margin-bottom: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.items-center.justify-between.mb-4 {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.items-center.justify-between.mb-4 .flex.gap-2 {
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.items-center.justify-between.mb-4 .arco-btn {
  flex: 1 1 calc(50% - 4px) !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.flex-wrap.gap-4 {
  flex-direction: column !important;
  gap: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card {
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card:hover {
  transform: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card .preview-container {
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  max-height: 42vh !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card .template-info {
  padding: 10px 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card .template-name {
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card .action-buttons {
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 10px 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .subtitle-preview-card .action-buttons .arco-btn {
  flex: 1 1 calc(33.33% - 6px) !important;
  min-height: var(--oz-m-control-h) !important;
  justify-content: center !important;
}

/* ── 字幕设置 Tab · 编辑子页 ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-6.items-start.mt-4 {
  flex-direction: column !important;
  gap: 14px !important;
  margin-top: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .sticky.top-0.z-10.flex-shrink-0 {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: auto !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .relative.mx-auto[style*="height: 560px"],
body.ozipx-mobile-mode .oz-m-agent-settings-modal .relative.mx-auto[style*="height:560px"] {
  height: auto !important;
  min-height: 200px !important;
  max-height: 48vh !important;
  aspect-ratio: 9 / 16 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex-1.overflow-y-auto.flex.flex-col {
  overflow: visible !important;
  max-height: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.items-center.justify-between:not(.mb-4) {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* ── 其他设置 Tab ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-6:not(.items-start) {
  flex-direction: column !important;
  gap: 14px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .flex.gap-6 > .flex-shrink-0 {
  width: 100% !important;
  max-width: 100% !important;
  flex-shrink: 1 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal svg[viewBox="0 0 400 300"] {
  width: 100% !important;
  height: auto !important;
  max-height: 36vh !important;
  background: #1a1a1f !important;
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal svg.border-gray-300,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .border-gray-300 {
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-number .arco-input,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-select-view-value,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-select-view-input {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-radio-circle {
  border-color: #666 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-checkbox-icon {
  border-color: #666 !important;
  background: #1a1a1a !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .p-3.bg-blue-50.rounded,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [class*='bg-blue-50'][class*='rounded-lg'] {
  background: #1a2332 !important;
  background-color: #1a2332 !important;
  border-color: #334155 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .p-3.border.rounded.bg-white,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .border.rounded.p-3.hover\:bg-gray-50 {
  background: #1a1a1f !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .border.rounded.p-3.hover\:bg-gray-50:hover {
  background: #222228 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .space-y-3.max-h-\[300px\] {
  max-height: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container {
  height: auto !important;
  overflow: visible !important;
  gap: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .control-bar {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 8px 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .control-bar .arco-space {
  width: 100% !important;
  justify-content: stretch !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .control-bar .arco-btn {
  flex: 1 1 auto !important;
  min-height: var(--oz-m-touch-target) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .template-list {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .template-item {
  border-color: #333 !important;
  background: #1a1a1f !important;
  padding: 8px !important;
  border-radius: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .template-item:hover,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .template-item.selected {
  background: #222228 !important;
  border-color: #ee7024 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .template-thumbnail {
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  max-height: 42vh !important;
  background: #0a0a0a !important;
  border-radius: 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .template-name {
  font-size: 13px !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-settings-container .action-buttons .arco-btn {
  min-height: 32px !important;
  height: auto !important;
  padding: 4px 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .cover-preview-frame-1080p {
  width: 100% !important;
  max-height: 70vh !important;
}

/* ── 画中画设置 Tab (SettingMixCut) ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-radio-group .arco-radio .arco-radio-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-radio-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-checkbox-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] .arco-radio-group .arco-radio .arco-radio-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] .arco-radio-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] .arco-checkbox-label {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='text-gray-900'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='text-gray-800'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='text-gray-700'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] [class*='text-gray-900'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] [class*='text-gray-800'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] [class*='text-gray-700'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] label {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='text-blue-900'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='text-blue-800'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-5ac578dd] [class*='text-blue-900'] {
  color: #93c5fd !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .bg-gray-50,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd][class*='bg-gray-50'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='bg-gray-50'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='bg-blue-50'] {
  background: #1a1a1f !important;
  background-color: #1a1a1f !important;
  border-color: #2d2d35 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='border-blue-200'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] [class*='border-blue-300'] {
  border-color: #334155 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-radio-checked .arco-radio-circle {
  border-color: #ee7024 !important;
  background-color: #ee7024 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-5ac578dd] .arco-checkbox-checked .arco-checkbox-icon {
  border-color: #ee7024 !important;
  background-color: #ee7024 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .p-4.space-y-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .rounded-lg.p-4 {
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .keyword-group-manager .inline-flex.items-center {
  flex: 1 1 calc(50% - 8px) !important;
  margin-right: 0 !important;
  min-height: 32px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .effects-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .border.rounded.p-3 .flex.items-center.justify-between {
  flex-direction: column !important;
  align-items: stretch !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .border.rounded.p-3 .flex.items-center.gap-2 {
  flex-wrap: wrap !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .border.rounded.p-3 .arco-btn {
  flex: 1 1 calc(50% - 4px) !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

/* ── 嵌套子弹窗（封面编辑/预览/任务日志） ── */
body.ozipx-mobile-mode .oz-m-agent-sub-wrap {
  padding: 0 !important;
  align-items: stretch !important;
  z-index: 1002 !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  z-index: 1002 !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  z-index: 1002 !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .arco-modal-header {
  flex-shrink: 0 !important;
  padding: 12px var(--oz-m-gutter) !important;
  padding-top: calc(12px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .arco-modal-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px var(--oz-m-gutter) !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .arco-modal-footer {
  flex-shrink: 0 !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  border-top: 1px solid #303035 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .arco-modal-footer .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .cover-editor-canvas-wrap {
  width: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .grid.grid-cols-2,
body.ozipx-mobile-mode .oz-m-agent-sub-modal .grid.grid-cols-3,
body.ozipx-mobile-mode .oz-m-agent-sub-modal .grid.grid-cols-4 {
  grid-template-columns: 1fr !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .flex.p-4,
body.ozipx-mobile-mode .oz-m-agent-sub-modal .space-x-4 {
  flex-direction: column !important;
  gap: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-sub-modal .w-1\/2,
body.ozipx-mobile-mode .oz-m-agent-sub-modal .w-2\/3,
body.ozipx-mobile-mode .oz-m-agent-sub-modal .w-1\/3 {
  width: 100% !important;
}

body.ozipx-mobile-mode.ozipx-mobile-agent-sub-open .oz-m-agent-sub-wrap ~ .arco-modal-mask,
body.ozipx-mobile-mode.ozipx-mobile-agent-sub-open .arco-modal-mask:last-of-type {
  z-index: 1001 !important;
}

/* ── IP智能体设置 · 手机原生单屏（覆盖 PC 卡片/大留白风格） ── */
body.ozipx-mobile-mode.ozipx-mobile-agent-settings-open .oz-m-bar {
  display: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-wrap .arco-modal-container,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native {
  height: 100dvh !important;
  max-height: 100dvh !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-modal-header {
  min-height: 44px !important;
  padding: 6px 12px !important;
  padding-top: calc(6px + var(--oz-m-safe-t)) !important;
  border-bottom-color: #2a2a30 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-modal-title {
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-modal-close-btn {
  width: 36px !important;
  height: 36px !important;
  margin-right: -4px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-nav {
  padding: 6px 12px !important;
  border-bottom: 1px solid #2a2a30 !important;
  background: #111114 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-nav::before,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-nav-ink {
  display: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-nav-tab-list {
  display: flex !important;
  gap: 6px !important;
  padding: 3px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-tab {
  margin: 0 !important;
  padding: 6px 11px !important;
  min-height: 32px !important;
  height: auto !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--oz-m-tab-idle) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-tab-active {
  background: rgba(238, 112, 36, 0.22) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(238, 112, 36, 0.42) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button {
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid #2d2d35 !important;
  padding: 3px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button,
body[arco-theme='dark'].ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--oz-m-tab-idle) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button::before,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button::after {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button:hover:not(.arco-radio-disabled),
body[arco-theme='dark'].ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button:not(.arco-radio-disabled):hover {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button.arco-radio-checked,
body[arco-theme='dark'].ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button.arco-radio-checked {
  color: #fff !important;
  background: rgba(238, 112, 36, 0.2) !important;
  background-color: rgba(238, 112, 36, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(238, 112, 36, 0.42) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-radio-group-button .arco-radio-button-content {
  background: transparent !important;
  background-color: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-content {
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: calc(var(--oz-m-safe-b) + 4px) !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-tabs-content-item {
  padding: 10px 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-modal-footer {
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 8px 12px calc(8px + var(--oz-m-safe-b)) !important;
  background: #111114 !important;
  border-top-color: #2a2a30 !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.38) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-modal-footer .arco-btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-modal-footer .arco-btn-primary {
  flex: 1.35 1 0 !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .space-y-4,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .space-y-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .space-y-6 {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .space-y-4 > *,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .space-y-3 > *,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .space-y-6 > * {
  margin-top: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .p-4,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .p-5,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .p-6,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .p-8 {
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .rounded-xl,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .shadow-lg,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .shadow,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .shadow-sm {
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [class*='bg-gradient-to-r'] {
  background: #1a1a1f !important;
  background-image: none !important;
  border: 1px solid #2d2d35 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .video-gen-card,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .rounded-xl.border {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .section-title,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native h5.font-medium {
  font-size: 13px !important;
  margin-bottom: 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #2a2a30 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native label.block,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .text-sm.font-medium {
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-textarea-wrapper {
  min-height: 88px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-divider {
  margin: 6px 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .flex.flex-wrap.gap-4 {
  flex-direction: column !important;
  gap: 8px !important;
}

/* 字幕模板：紧凑列表行（左缩略图 + 右信息与操作） */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .subtitle-preview-card {
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
  border: 1px solid #2d2d35 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #1a1a1f !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .subtitle-preview-card .preview-container {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 68px !important;
  height: 68px !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .subtitle-preview-card .template-info {
  grid-column: 2 !important;
  grid-row: 1 !important;
  border: none !important;
  padding: 8px 10px 2px !important;
  background: transparent !important;
  align-self: end !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .subtitle-preview-card .action-buttons {
  grid-column: 2 !important;
  grid-row: 2 !important;
  border: none !important;
  padding: 2px 8px 8px !important;
  gap: 4px !important;
  background: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .subtitle-preview-card .action-buttons .arco-btn {
  flex: 1 1 calc(50% - 4px) !important;
  min-height: 28px !important;
  padding: 0 4px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .flex.items-center.justify-between.mb-4 {
  margin-bottom: 8px !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .flex.items-center.justify-between.mb-4 .arco-btn {
  flex: 1 1 calc(50% - 4px) !important;
  min-height: 36px !important;
  font-size: 13px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .flex.gap-6.items-start.mt-4 {
  gap: 10px !important;
  margin-top: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .relative.mx-auto[style*='aspect-ratio'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .relative.mx-auto[style*='height: 560px'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .relative.mx-auto[style*='height:560px'] {
  max-height: 26vh !important;
  min-height: 160px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native svg[viewBox='0 0 400 300'] {
  max-height: 22vh !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .cover-settings-container .template-thumbnail {
  max-height: 32vh !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .border.rounded.p-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .p-3.border.rounded {
  padding: 10px !important;
  border-radius: 10px !important;
  margin-bottom: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .text-xs.text-gray-500,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .text-xs.text-gray-400 {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-collapse-item {
  border-color: #2d2d35 !important;
  margin-bottom: 6px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-collapse-item-header {
  padding: 8px 10px !important;
  min-height: 40px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .arco-collapse-item-content-box {
  padding: 8px 10px 10px !important;
}

/* ── IP智能体设置 · 分 Tab 细致手机布局 ── */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* 模型设置 · 卡片化 + 深色分段控件（无白底） */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] > div > div {
  background: #1a1a1f !important;
  border: 1px solid #2d2d35 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  border-bottom: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] label.block,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] label[class*='font-medium'] {
  margin-bottom: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #e5e7eb !important;
  letter-spacing: 0.01em !important;
}

/* 在线 TTS 内嵌块、灰底子区域 → 深色 inset */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .mt-3.p-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .p-3.rounded-lg,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] [class*='bg-gray-50'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] [class*='bg-white'] {
  margin-top: 8px !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #333 !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .text-gray-600,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .text-gray-500,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .text-gray-400 {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .text-xs,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] div[class*='text-xs'] {
  margin-top: 6px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #94a3b8 !important;
}

/* 自主算力机配置卡片 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] [class*='bg-gray-800'] {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: #2d2d35 !important;
  margin-top: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] [class*='border-gray-700'] {
  border-color: #2d2d35 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] [class*='bg-red-900'] {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #fca5a5 !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .flex.items-center.gap-3.pt-2 {
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 4px !important;
}

/* Select / Input 统一高度与深色（覆盖 Arco 主题白底） */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-select-view-single,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-select-view,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-input-wrapper {
  min-height: 40px !important;
  height: auto !important;
  border-radius: 8px !important;
  background: #141414 !important;
  border-color: #333 !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-select-view-value,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-select-view-input,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-input {
  font-size: 13px !important;
  color: #e5e7eb !important;
  background: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-select {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .mt-2 {
  margin-top: 8px !important;
}

/* OnlineModelSelector（data-v-962fc993）· 在线/本地 分段控件 — 强制深色，覆盖 Arco --color-bg-5:#fff */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-group-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-962fc993].online-model-selector .arco-radio-group-button {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  padding: 3px !important;
  margin: 0 0 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px !important;
  border: 1px solid #2d2d35 !important;
  line-height: 1.2 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-962fc993].online-model-selector .arco-radio-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-group-button .arco-radio-button,
body[arco-theme='dark'].ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button {
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--oz-m-tab-idle) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button::before,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button::after,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-962fc993].online-model-selector .arco-radio-button::before,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-962fc993].online-model-selector .arco-radio-button::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button-content,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native [data-v-962fc993].online-model-selector .arco-radio-button-content {
  padding: 0 6px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .flex.items-center.gap-1,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector [data-v-962fc993].flex.items-center.gap-1 {
  justify-content: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button:hover:not(.arco-radio-disabled),
body[arco-theme='dark'].ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button:not(.arco-radio-disabled):hover {
  color: rgba(255, 255, 255, 0.88) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button.arco-radio-checked,
body[arco-theme='dark'].ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button.arco-radio-checked {
  color: #fff !important;
  background: rgba(238, 112, 36, 0.2) !important;
  background-color: rgba(238, 112, 36, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(238, 112, 36, 0.42) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button.arco-radio-checked .arco-radio-button-content,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .online-model-selector .arco-radio-button.arco-radio-checked .flex.items-center.gap-1 {
  color: #fff !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* 分段 Radio（在线/本地、TTS 版本）· App segment 风格 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-group-button {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  padding: 3px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px !important;
  border: 1px solid #2d2d35 !important;
  line-height: 1.2 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button {
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--oz-m-tab-idle) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button::before,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button::after,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button::before,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button-content,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button-content {
  padding: 0 6px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .flex.items-center.gap-1 {
  justify-content: center !important;
  gap: 4px !important;
  font-size: 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button:hover:not(.arco-radio-disabled),
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button:hover:not(.arco-radio-disabled) {
  color: rgba(255, 255, 255, 0.88) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button.arco-radio-checked,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button.arco-radio-checked {
  color: #fff !important;
  background: rgba(238, 112, 36, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(238, 112, 36, 0.42) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-radio-group-button .arco-radio-button.arco-radio-checked .arco-radio-button-content,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .online-model-selector .arco-radio-button.arco-radio-checked .arco-radio-button-content {
  color: #fff !important;
}

/* 模型说明 / 效果查看等辅助按钮 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-btn-size-mini,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-btn-size-small {
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-btn-size-mini:not(.arco-btn-status-danger):not([status='danger']),
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-btn-size-small:not(.arco-btn-primary):not(.arco-btn-status-danger):not([status='danger']) {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid #333 !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-btn-primary {
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='model'] .arco-tag {
  border-radius: 6px !important;
  font-size: 11px !important;
}

/* 提示词设置：卡片化字段组 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='prompts'] > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='prompts'] > div > div {
  background: #1a1a1f !important;
  border: 1px solid #2d2d35 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='prompts'] .arco-textarea-wrapper {
  min-height: 72px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='prompts'] .arco-input-number {
  max-width: 120px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='prompts'] label + .arco-textarea-wrapper {
  margin-top: 2px !important;
}

/* 字幕设置：工具栏单行 + 列表 + 编辑子页 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] [class*='bg-gradient-to-r'] {
  padding: 8px 10px !important;
  margin-bottom: 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between.mb-4 {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
  margin-bottom: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between.mb-4 h5,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between.mb-4 > h5.font-medium,
body.ozipx-mobile-mode [data-v-66fe7b5c] h5.font-medium {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between.mb-4 .font-medium:not(h5) {
  flex: 1 1 auto !important;
  margin: 0 !important;
  font-size: 13px !important;
  min-width: 0 !important;
}

/* IP智能体 · 小号 embed 数字框（如模板序号）：padding 清零，宽 50px */
body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number.arco-input-number-mode-embed,
body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number.arco-input-number-size-small,
body.ozipx-mobile-mode .oz-m-agent-settings-modal [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
  flex: 0 0 50px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number.arco-input-number-mode-embed .arco-input,
body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number.arco-input-number-size-small .arco-input {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number .arco-input-suffix,
body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number .arco-input-number-step,
body.ozipx-mobile-mode [data-v-66fe7b5c] .arco-input-wrapper.arco-input-number .arco-input-number-step-button {
  padding: 0 !important;
  margin: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between.mb-4 .flex.gap-2 {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between.mb-4 .arco-btn {
  flex: 0 0 auto !important;
  min-height: 32px !important;
  padding: 0 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.items-center.justify-between:not(.mb-4) {
  padding: 8px 10px !important;
  background: #1a1a1f !important;
  border: 1px solid #2d2d35 !important;
  border-radius: 10px !important;
  margin-bottom: 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.gap-6.items-start.mt-4 > .flex-1,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.gap-6.items-start.mt-4 > div:last-child {
  width: 100% !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.flex-wrap.-mx-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .flex.flex-wrap.gap-1 {
  margin: 0 !important;
  gap: 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .grid.grid-cols-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='subtitle'] .grid.grid-cols-3 {
  grid-template-columns: 1fr !important;
}

/* 字幕设置 · 模板编辑子页（全屏覆盖，非 Tab 内联展开） */
body.ozipx-mobile-mode.ozipx-mobile-subtitle-template-edit-open .oz-m-agent-settings-modal .arco-tabs-nav {
  display: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subtitle-template-edit-open .oz-m-agent-settings-modal .arco-tabs-content {
  overflow: hidden !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subtitle-template-edit-open .oz-m-agent-settings-modal .arco-modal-body {
  position: relative !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .oz-m-subtitle-edit-panel {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 12 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-subhdr {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 6px 12px !important;
  padding-top: calc(6px + var(--oz-m-safe-t, 0px)) !important;
  border-bottom: 1px solid #2a2a30 !important;
  background: #111114 !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e5e7eb !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-back-icon {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--oz-m-icon-active) !important;
  line-height: 0 !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-title-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-sub {
  margin-top: 2px !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  line-height: 1.3 !important;
}

/* 隐藏内联「正在编辑」顶栏，改由子页顶栏承载 */
body.ozipx-mobile-mode .oz-m-subtitle-edit-panel > .arco-divider,
body.ozipx-mobile-mode .oz-m-subtitle-edit-panel > .flex.items-center.justify-between,
body.ozipx-mobile-mode .oz-m-subtitle-edit-panel > .text-xs.text-gray-500 {
  display: none !important;
}

body.ozipx-mobile-mode .oz-m-subtitle-edit-panel > .flex.gap-6.items-start.mt-4 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 10px 12px calc(8px + var(--oz-m-safe-b, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subtitle-template-edit-open .oz-m-agent-settings-modal .arco-modal-footer {
  position: relative !important;
  z-index: 14 !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.45) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-subtitle-template-edit-open .oz-m-agent-settings-modal .arco-modal-footer .arco-btn-primary {
  /* 编辑态底栏主按钮即「保存模板」 */
  font-weight: 600 !important;
}

/* 其他设置：分区 + 双列滑块保留 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .text-sm.font-medium,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] p.text-sm.font-medium {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  margin: 0 0 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #2a2a30 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .grid.grid-cols-2.gap-4 {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .flex.gap-6 {
  gap: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .flex-1.space-y-4 {
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .p-3.border.rounded.bg-white,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .space-y-3 > .p-3 {
  padding: 10px !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .flex.items-center.justify-between.mb-2 {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .cover-settings-container .control-bar {
  padding: 6px 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .cover-settings-container .template-item .action-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='other'] .cover-settings-container .template-item .action-buttons .arco-btn {
  min-height: 30px !important;
  padding: 0 2px !important;
}

/* 画中画设置 */
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] > div,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [data-v-5ac578dd] {
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .p-4.space-y-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .border.rounded-lg.p-4 {
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border-color: #2d2d35 !important;
  background: #1a1a1f !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .font-medium.text-base,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .font-bold.text-base {
  font-size: 14px !important;
  margin-bottom: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio {
  flex: 1 1 calc(33.33% - 6px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 6px 4px !important;
  background: #141414 !important;
  background-color: #141414 !important;
  border: 1px solid #2d2d35 !important;
  border-radius: 8px !important;
  justify-content: center !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio span,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio .arco-radio-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [data-v-5ac578dd] [class*='text-gray-900'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [data-v-5ac578dd] label {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio.arco-radio-checked {
  background: rgba(238, 112, 36, 0.15) !important;
  background-color: rgba(238, 112, 36, 0.15) !important;
  border-color: rgba(238, 112, 36, 0.45) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio.arco-radio-checked span,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-radio.arco-radio-checked .arco-radio-label {
  color: #fff !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-checkbox .arco-checkbox-label,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [data-v-5ac578dd] .font-medium {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [class*='bg-blue-50'] {
  background: #1a2332 !important;
  background-color: #1a2332 !important;
  border-color: #334155 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [class*='text-blue-900'] {
  color: #93c5fd !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .text-xs.text-gray-500,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [class*='text-gray-500'],
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [class*='text-gray-600'] {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] [class*='h-[min'] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: visible !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-2:has(.arco-input-wrapper),
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-2:has(.arco-input) {
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-2 .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-2 .flex-1 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-2 > .arco-btn {
  flex: 0 0 auto !important;
  min-width: 64px !important;
  padding: 0 10px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .border.rounded.p-3.hover\:bg-gray-50 {
  padding: 10px !important;
  margin-bottom: 0 !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.items-center.justify-between.mb-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.items-center.justify-between.mb-3 {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.items-center.gap-2,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.items-center.gap-3 {
  flex-wrap: wrap !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.items-center.gap-2 > .arco-btn,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.items-center.gap-3 > .arco-btn {
  flex: 1 1 calc(50% - 4px) !important;
  min-height: var(--oz-m-control-h) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .inline-flex.items-center {
  flex: 1 1 calc(50% - 6px) !important;
  margin: 0 !important;
  min-height: 30px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .grid.grid-cols-2.gap-4 {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .arco-btn-block,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .w-full.arco-btn {
  width: 100% !important;
  min-height: 38px !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-1.mb-3,
body.ozipx-mobile-mode .oz-m-agent-settings-modal.oz-m-agent-native .oz-m-agent-tab-pane[data-oz-tab='mixCut'] .flex.gap-2.mb-3 {
  margin-bottom: 8px !important;
}

/* ── IP 智能体 · 音色管理 · 手机全屏单屏（对齐 agent-sub 规范） ── */
/* CSS 兜底：不依赖 JS 打标，直接命中 Vue modal-class / index 补丁类 */
body.ozipx-mobile-mode .arco-modal-wrapper:has(.sound-prompt-modal-dark),
body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-voice-manage-modal),
body.ozipx-mobile-mode .oz-m-voice-manage-wrap {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10045 !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.sound-prompt-modal-dark) .arco-modal-mask,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-voice-manage-modal) .arco-modal-mask,
body.ozipx-mobile-mode .oz-m-voice-manage-wrap .arco-modal-mask,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .arco-modal-mask,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.sound-prompt-modal-dark) .arco-modal-container,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-voice-manage-modal) .arco-modal-container,
body.ozipx-mobile-mode .oz-m-voice-manage-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal,
body.ozipx-mobile-mode .oz-m-voice-manage-modal,
body.ozipx-mobile-mode .oz-m-voice-manage-modal.sound-prompt-modal-dark,
body.ozipx-mobile-mode .oz-m-voice-manage-modal.oz-m-voice-native {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .arco-modal-body,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .arco-modal-body > div,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .arco-modal-body > div,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-sections-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px var(--oz-m-gutter) calc(var(--oz-m-safe-b) + 16px) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .oz-m-voice-section-mine,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .oz-m-voice-section-mine,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-section-mine {
  order: 1 !important;
}

body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .oz-m-voice-section-system,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .oz-m-voice-section-system,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-section-system {
  order: 2 !important;
}

body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .font-bold.mb-2.text-purple-400,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .font-bold.mb-2.text-purple-400,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .font-bold.mb-2.text-purple-400 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: rgba(168, 85, 247, 0.12) !important;
  border: 1px solid rgba(168, 85, 247, 0.28) !important;
  color: #d8b4fe !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-speaker-selector-dialog-body) {
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.pb-speaker-selector-dialog-body) {
  width: 100% !important;
  max-width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .arco-modal-container:has(.oz-m-voice-manage-sub-modal),
body.ozipx-mobile-mode .arco-modal-container:has(.oz-m-voice-sub-dialog) {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.oz-m-voice-manage-sub-modal),
body.ozipx-mobile-mode .arco-modal-wrapper:has(.oz-m-voice-sub-dialog) {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal.oz-m-voice-sub-dialog {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  overflow: hidden !important;
}

#ozipx-voice-sub-fullpage,
.oz-m-voice-sub-fullpage-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  background: #141414 !important;
  pointer-events: auto !important;
}

#ozipx-voice-sub-fullpage .arco-modal-container,
#ozipx-voice-sub-fullpage .arco-modal-wrapper,
#ozipx-voice-sub-fullpage .arco-modal,
#ozipx-voice-sub-fullpage .oz-m-voice-manage-sub-modal {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: #141414 !important;
}

#ozipx-voice-sub-fullpage .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
}

body.ozipx-mobile-mode .arco-modal:has(.pb-speaker-selector-dialog-body) .arco-modal-footer .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .window-body,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .page-container,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open #app {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .oz-m-step-bar,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .oz-m-step-subnav,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .oz-m-step-footer,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .oz-m-bar,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open .ozipx-mobile-oneclick-fab {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-main-pending:not(.ozipx-mobile-voice-manage-sub-open) .oz-m-voice-sub-suppressed,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-open:not(.ozipx-mobile-voice-manage-sub-open) .oz-m-voice-sub-suppressed {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-main-pending:not(.ozipx-mobile-voice-manage-open)
  .arco-modal-wrapper:not(:has(.oz-m-voice-manage-modal)):not(:has(.pb-voice-manage-modal)):not(:has(.sound-prompt-modal-dark)) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-wrap {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10045 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-wrap .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  z-index: 1 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal,
body.ozipx-mobile-mode .oz-m-voice-manage-modal.sound-prompt-modal-dark,
body.ozipx-mobile-mode .oz-m-voice-manage-modal.oz-m-voice-native {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
}

/* 以下保留 JS 增强后的顶栏/卡片细调 */
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-modal-header,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-header,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .arco-modal-header,
body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .arco-modal-header {
  display: flex !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px var(--oz-m-gutter) !important;
  padding-top: calc(10px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: linear-gradient(180deg, #1a1a1f 0%, #141414 100%) !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-title-wrap {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-title-wrap > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-add-host {
  flex: 0 0 auto !important;
  width: auto !important;
  order: 2 !important;
  margin-top: 0 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-header .arco-icon-hover {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  order: 3 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0 auto !important;
  align-self: center !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  color: inherit !important;
  background: transparent !important;
  border: none !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  transition: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-close-btn,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-close-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  order: 3 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  align-self: center !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  color: #fff !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border: 1px solid rgba(251, 146, 60, 0.65) !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  transition: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-header .arco-icon-hover::before,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-header .arco-icon-hover::after {
  display: none !important;
  content: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-close-btn:hover,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-close-btn:hover,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-close-btn:active,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-close-btn:active {
  color: #fff !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border-color: rgba(251, 146, 60, 0.65) !important;
  transform: none !important;
  opacity: 1 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-header .arco-icon-hover:hover,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-header .arco-icon-hover:active {
  color: inherit !important;
  background: transparent !important;
  border: none !important;
  transform: none !important;
  opacity: 1 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-add-btn,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-title .arco-btn,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-add-host .arco-btn {
  width: auto !important;
  min-height: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  justify-content: center !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border: 1px solid rgba(251, 146, 60, 0.65) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-add-btn .arco-icon,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-title .arco-btn .arco-icon {
  font-size: 14px !important;
  margin-right: 2px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-add-btn:active,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-modal-title .arco-btn:active {
  transform: scale(0.98) !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-scroll-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px var(--oz-m-gutter) calc(var(--oz-m-safe-b) + 16px) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-sections-host {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-section-mine {
  order: 1 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-section-system {
  order: 2 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-scroll-host > .mb-4 {
  margin-bottom: 16px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .font-bold.mb-2.text-purple-400 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: rgba(168, 85, 247, 0.12) !important;
  border: 1px solid rgba(168, 85, 247, 0.28) !important;
  color: #d8b4fe !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card {
  border-radius: 12px !important;
  border: 1px solid #333 !important;
  background: #1a1a1f !important;
  padding: 12px !important;
  margin-bottom: 10px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  flex: 0 0 auto !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-main .inline-flex {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-main .truncate {
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-main .text-xs,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .text-xs {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-actions .arco-btn {
  flex: 1 1 0 !important;
  min-height: var(--oz-m-touch-target) !important;
  border-radius: 10px !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* 隐藏编辑后，剩余选用/删除仍均分整行，避免缩到最右侧 */
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-actions .arco-btn:not(.oz-m-voice-edit-hidden):not([data-oz-voice-act='edit']) {
  flex: 1 1 0 !important;
}

/* 我的音色：仅隐藏「编辑」；勿用 nth-child(2)（系统预设第 2 钮是「选择/選擇」） */
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-actions .arco-btn[data-oz-voice-act='edit'],
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card [data-oz-voice-act='edit'],
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .arco-btn[aria-label='编辑'],
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .arco-btn[aria-label='編輯'],
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .arco-btn.oz-m-voice-edit-hidden,
body.ozipx-mobile-mode .arco-modal.pb-voice-manage-modal .oz-m-voice-card-actions .arco-btn[data-oz-voice-act='edit'],
body.ozipx-mobile-mode .arco-modal.sound-prompt-modal-dark .oz-m-voice-card-actions .arco-btn[data-oz-voice-act='edit'] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
  flex: 0 0 0 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-actions .arco-btn-primary {
  background: rgba(238, 112, 36, 0.92) !important;
  border-color: rgba(238, 112, 36, 0.92) !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card-actions .arco-btn:not(.arco-btn-primary) {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid #3a3a42 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .mb-2,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .mb-3 {
  margin-bottom: 8px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .text-sm.text-gray-400,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .text-sm {
  font-size: 12px !important;
  color: #64748b !important;
  word-break: break-all !important;
  line-height: 1.45 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .text-blue-400,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .text-red-500 {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .flex.items-center {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .arco-link,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .oz-m-voice-card .arco-btn-size-mini {
  min-height: 32px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-empty,
body.ozipx-mobile-mode .oz-m-voice-manage-modal .arco-spin {
  margin: 24px auto !important;
}

/* 内联控件：#IAudio 音色选择条 */
body.ozipx-mobile-mode #IAudio .oz-m-voice-inline-trigger,
body.ozipx-mobile-mode [data-oz-m-audio-video-card='1'] .oz-m-voice-inline-trigger,
body.ozipx-mobile-mode #IAudio .dark-input-override .cursor-pointer,
body.ozipx-mobile-mode [data-oz-m-audio-video-card='1'] .dark-input-override .cursor-pointer {
  min-height: var(--oz-m-touch-target) !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
}

body.ozipx-mobile-mode #IAudio .dark-input-override,
body.ozipx-mobile-mode [data-oz-m-audio-video-card='1'] .dark-input-override {
  width: 100% !important;
}

/* 二级全屏单屏：添加/编辑/选择音色（顶对齐，对齐 agent-sub 规范） */
body.ozipx-mobile-mode:not(.ozipx-mobile-voice-manage-sub-open) .oz-m-voice-sub-suppressed {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* duplicate consolidated above for pending+open; keep fallback for legacy markup */
body.ozipx-mobile-mode:not(.ozipx-mobile-voice-manage-sub-open) .oz-m-voice-sub-suppressed-modal {
  visibility: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-wrap {
  z-index: 10045 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-modal {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-speaker-selector-dialog-body):not(.oz-m-voice-sub-suppressed),
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-sub-wrap {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  display: flex !important;
  visibility: visible !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-speaker-selector-dialog-body) .arco-modal-container,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-sub-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 2147483647 !important;
  position: relative !important;
  pointer-events: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.ozipx-mobile-mode .arco-modal:has(.pb-speaker-selector-dialog-body),
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-sub-modal,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-sub-modal.oz-m-voice-sub-dialog,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-sub-modal.oz-m-voice-native {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  z-index: 2147483647 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-wrap {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .oz-m-voice-manage-sub-wrap {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  display: flex !important;
  visibility: visible !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-wrap .arco-modal-mask,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.pb-speaker-selector-dialog-body) .arco-modal-mask,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.oz-m-voice-manage-sub-modal) .arco-modal-mask,
body.ozipx-mobile-mode .arco-modal-container:has(.oz-m-voice-manage-sub-modal) .arco-modal-mask,
body.ozipx-mobile-mode .arco-modal-container:has(.pb-speaker-selector-dialog-body) .arco-modal-mask,
body.ozipx-mobile-mode.ozipx-mobile-voice-manage-sub-open .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-header,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: calc(44px + var(--oz-m-safe-t)) !important;
  box-sizing: border-box !important;
  position: relative !important;
  padding: 10px var(--oz-m-gutter) !important;
  padding-top: calc(10px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: linear-gradient(180deg, #1a1a1f 0%, #141414 100%) !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-header .arco-icon-hover {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0 auto !important;
  align-self: center !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: none !important;
  transition: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-close-btn,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-close-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  align-self: center !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border: 1px solid rgba(251, 146, 60, 0.65) !important;
  transition: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-header .arco-icon-hover::before,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-header .arco-icon-hover::after {
  display: none !important;
  content: none !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-close-btn:hover,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-close-btn:hover,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-close-btn:active,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-close-btn:active {
  color: #fff !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border-color: rgba(251, 146, 60, 0.65) !important;
  transform: none !important;
  opacity: 1 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-header .arco-icon-hover:hover,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-header .arco-icon-hover:active {
  color: inherit !important;
  background: transparent !important;
  border: none !important;
  transform: none !important;
  opacity: 1 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-body,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-scroll-host,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .pb-speaker-selector-dialog-body,
body.ozipx-mobile-mode .arco-modal:has(.pb-speaker-selector-dialog-body) .arco-modal-body.pb-speaker-selector-dialog-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-footer,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-footer {
  flex-shrink: 0 !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  border-top: 1px solid #303035 !important;
  background: #111114 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-modal-footer .arco-btn,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-btn-primary {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
  border-radius: 10px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-form .arco-form-item {
  margin-bottom: 14px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-form .arco-form-item-label {
  color: #cbd5e1 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding-bottom: 6px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-grid,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .grid.grid-cols-2,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .grid.grid-cols-3,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .grid.grid-cols-4 {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-flex-row {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-flex-row .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .w-1\/2,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .w-1\/3,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .w-2\/3 {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-audio-block,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal [class*='waveContainer'],
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-alert {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-textarea-wrapper,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-select-view {
  width: 100% !important;
  background: #1a1a1f !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .bg-gray-100,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .bg-gray-50 {
  background: #1a1a1f !important;
  border: 1px solid #333 !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .flex.p-4,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .space-x-4 {
  flex-direction: column !important;
  gap: 12px !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .pb-speaker-selector-dialog-body,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .oz-m-voice-sub-form,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-form {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-form-item-wrapper,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-textarea-wrapper,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-select-view,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal .arco-upload {
  width: 100% !important;
  max-width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-voice-manage-sub-wrap,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-wrap .arco-modal-container,
body.ozipx-mobile-mode .oz-m-voice-manage-sub-modal {
  z-index: 2147483646 !important;
}

/* ── 封面设置 · 手机全屏单屏（对齐智能体/音色管理规范） ── */
body.ozipx-mobile-mode[data-oz-m-cover-pending='1']
  .arco-modal-wrapper:not(:has(.oz-m-cover-settings-modal)):not(:has(.cover-settings-container)) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.oz-m-cover-settings-modal),
body.ozipx-mobile-mode .oz-m-cover-settings-wrap {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10046 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-wrap .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-cover-settings-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-cover-settings-open .oz-m-step-bar,
body.ozipx-mobile-mode.ozipx-mobile-cover-settings-open .oz-m-step-subnav,
body.ozipx-mobile-mode.ozipx-mobile-cover-settings-open .oz-m-step-footer,
body.ozipx-mobile-mode.ozipx-mobile-cover-settings-open .oz-m-bar,
body.ozipx-mobile-mode.ozipx-mobile-cover-settings-open .ozipx-mobile-oneclick-fab {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-modal-header,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-header,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.cover-settings-container) .oz-m-cover-modal-header,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.cover-settings-container) .arco-modal-header {
  display: flex !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10048 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: calc(44px + var(--oz-m-safe-t)) !important;
  padding: 10px var(--oz-m-gutter) !important;
  padding-top: calc(10px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: linear-gradient(180deg, #1a1a1f 0%, #141414 100%) !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-content,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.cover-settings-container) .arco-modal-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-body,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.cover-settings-container) .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  padding-top: calc(54px + var(--oz-m-safe-t)) !important;
  box-sizing: border-box !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-header .arco-icon-hover {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-close-btn,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-close-btn {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0 auto !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border: 1px solid rgba(251, 146, 60, 0.65) !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  padding-top: calc(54px + var(--oz-m-safe-t)) !important;
  box-sizing: border-box !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-layout-root {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar {
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px var(--oz-m-gutter) 10px !important;
  border-bottom: 1px solid #2a2a30 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar .control-left,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar .oz-m-cover-ui-hidden,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar .arco-space-item:has(.arco-icon-upload) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar .arco-space.oz-m-cover-toolbar-actions,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar .arco-space {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar-slot {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar-slot .arco-btn,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar-slot button {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-height: var(--oz-m-touch-target) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 4px !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-toolbar .arco-space-item {
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-selected-file {
  flex-shrink: 0 !important;
  margin: 0 var(--oz-m-gutter) !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  color: #86efac !important;
  background: rgba(34, 197, 94, 0.12) !important;
  border: 1px solid rgba(34, 197, 94, 0.28) !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-main-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px var(--oz-m-gutter) !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-main-scroll .section > h3,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-main-scroll > h3 {
  margin: 0 0 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  overflow: visible !important;
  padding-right: 0 !important;
  flex: none !important;
  max-height: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  border-radius: 12px !important;
  border: 1px solid #333 !important;
  background: #1a1a1f !important;
  padding: 12px !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-item:hover,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-item.selected {
  background: #222228 !important;
  border-color: #ee7024 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-thumbnail {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  max-height: 42vh !important;
  border-radius: 8px !important;
  background: #0a0a0a !important;
  border: 1px solid #2a2a30 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-name,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-item [class*='template-name'] {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .system-tag {
  color: #fbbf24 !important;
  background: rgba(251, 191, 36, 0.14) !important;
  border-radius: 4px !important;
  padding: 1px 6px !important;
  font-size: 11px !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .template-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .action-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .action-buttons .arco-btn {
  width: 100% !important;
  min-height: var(--oz-m-control-h) !important;
  height: auto !important;
  padding: 6px 8px !important;
  justify-content: center !important;
  border-radius: 8px !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-footer-bar {
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  border-top: 1px solid #303035 !important;
  background: #141414 !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-footer-bar .arco-space,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-footer-bar .oz-m-cover-footer-actions {
  width: 100% !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-footer-bar .arco-space-item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  flex: 0 0 auto !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-footer-bar .arco-btn,
body.ozipx-mobile-mode .oz-m-cover-settings-modal .oz-m-cover-footer-bar button {
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

/* 自定义封面编辑器 · 二级全屏 */
body.ozipx-mobile-mode.ozipx-mobile-cover-settings-sub-open .oz-m-cover-settings-sub-wrap,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-wrap {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  align-items: stretch !important;
  padding: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-wrap .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal.cover-editor-modal,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #141414 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-sub-header,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .arco-modal-header,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .arco-modal-header {
  display: flex !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: calc(44px + var(--oz-m-safe-t)) !important;
  padding: 10px var(--oz-m-gutter) !important;
  padding-top: calc(10px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: linear-gradient(180deg, #1a1a1f 0%, #141414 100%) !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .arco-modal-title,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .arco-modal-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .arco-modal-header .arco-icon-hover,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .arco-modal-header .arco-icon-hover {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-sub-close-btn,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .arco-modal-close-btn,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .arco-modal-close-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(234, 88, 12, 0.92) !important;
  border: 1px solid rgba(251, 146, 60, 0.65) !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .arco-modal-content,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .arco-modal-content {
  max-height: none !important;
  height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .arco-modal-body,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  height: auto !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-layout-root,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-sub-scroll-host,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .oz-m-cover-sub-scroll-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 12px var(--oz-m-gutter) calc(12px + var(--oz-m-safe-b)) !important;
  box-sizing: border-box !important;
  color: #e5e7eb !important;
  height: auto !important;
  max-height: none !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-layout-root > .w-80,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-layout-root > [class*='w-80'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .w-80,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='w-80'] {
  width: 100% !important;
  max-width: 100% !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
  padding-right: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .cover-editor-canvas-wrap,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .cover-editor-canvas-wrap {
  width: 100% !important;
  min-height: 200px !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  margin-top: 0 !important;
  border-radius: 8px !important;
  border: 1px solid #333 !important;
  background: #0a0a0a !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='h-[min'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='80vh'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='h-[min'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='80vh'] {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal input[type='text'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal input[type='number'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal input[type='color'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal select,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal textarea,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native input[type='text'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native input[type='number'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native input[type='color'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native textarea {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal label,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal h4,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native label,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native h4 {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-preview-col {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 0 !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-footer,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .oz-m-cover-editor-footer {
  order: 2 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #303035 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-preview-col .cover-editor-canvas-wrap,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .oz-m-cover-editor-preview-col .cover-editor-canvas-wrap {
  order: 1 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-footer .arco-btn,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-footer button,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .oz-m-cover-editor-footer .arco-btn,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .oz-m-cover-editor-footer button {
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--oz-m-touch-target) !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

/* 自定义封面编辑器 · 文字对比度（避免与深色背景同色） */
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-sub-scroll-host,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .oz-m-cover-editor-layout-root,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .oz-m-cover-sub-scroll-host {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-gray-400'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-gray-500'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-gray-600'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-gray-400'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-gray-500'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-gray-600'] {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-gray-700'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-gray-800'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-gray-900'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-gray-700'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-gray-800'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-gray-900'] {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-blue-600'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-blue-700'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='text-blue-800'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-blue-600'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-blue-700'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='text-blue-800'] {
  color: #93c5fd !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal label,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal h4,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal p,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal span:not(.arco-btn-icon):not(.arco-icon),
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native label,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native h4,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native p {
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='border-gray-300'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='border-gray-200'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='border-gray-300'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='border-gray-200'] {
  border-color: #444 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal input::placeholder,
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal textarea::placeholder,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native input::placeholder,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native textarea::placeholder {
  color: #64748b !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .p-4.flex.items-center.justify-between,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .p-4.flex.items-center.justify-between {
  color: #f1f5f9 !important;
  background: #1a1a1f !important;
  border-color: #333 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='hover:bg-gray'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='hover:bg-gray'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='bg-gray-100'],
body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal [class*='bg-gray-50'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='bg-gray-100'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native [class*='bg-gray-50'] {
  background: #1a1a1f !important;
  border-color: #333 !important;
  color: #e5e7eb !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .cover-editor-canvas-wrap,
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .cover-editor-canvas-wrap {
  background: #0a0a0a !important;
  border: 1px solid #333 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .cover-editor-canvas-wrap [class*='text-gray-500'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .cover-editor-canvas-wrap [class*='text-gray-500'] {
  color: #cbd5e1 !important;
}

body.ozipx-mobile-mode .oz-m-cover-settings-sub-modal .cover-editor-canvas-wrap [class*='text-blue-700'],
body.ozipx-mobile-mode .arco-modal.cover-editor-modal.oz-m-cover-sub-native .cover-editor-canvas-wrap [class*='text-blue-700'] {
  color: #93c5fd !important;
}

body.ozipx-mobile-mode.ozipx-mobile-cover-settings-sub-open .oz-m-cover-settings-wrap {
  pointer-events: none !important;
  z-index: 10046 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-cover-settings-sub-open .oz-m-cover-settings-modal {
  opacity: 0.88 !important;
}

/* ── 添加 IP 大脑 · 手机全屏单屏（对齐封面/音色管理规范） ── */
body.ozipx-mobile-mode[data-oz-m-script-flow-pending='1'] .arco-modal-wrapper:not(:has(.oz-m-ip-brain-modal)) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode[data-oz-m-script-flow-pending='1'] .arco-modal-wrapper .arco-modal:not(.oz-m-ip-brain-modal) {
  visibility: hidden !important;
  opacity: 0 !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite'][data-oz-m-script-flow-pending='1'] .arco-modal-wrapper {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite'] .arco-modal-wrapper:has(.oz-m-ip-brain-modal),
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite'] .oz-m-ip-brain-wrap {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper:has(.oz-m-ip-brain-modal),
body.ozipx-mobile-mode .oz-m-ip-brain-wrap {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10047 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-wrap .arco-modal-mask {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-wrap .arco-modal-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  pointer-events: auto !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141414 !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-ip-brain-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode.ozipx-mobile-ip-brain-open .oz-m-step-bar,
body.ozipx-mobile-mode.ozipx-mobile-ip-brain-open .oz-m-step-subnav,
body.ozipx-mobile-mode.ozipx-mobile-ip-brain-open .oz-m-step-footer,
body.ozipx-mobile-mode.ozipx-mobile-ip-brain-open .oz-m-bar,
body.ozipx-mobile-mode.ozipx-mobile-ip-brain-open .ozipx-mobile-oneclick-fab {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-header,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-header {
  display: flex !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 10px var(--oz-m-gutter) !important;
  padding-top: calc(10px + var(--oz-m-safe-t)) !important;
  border-bottom: 1px solid #303035 !important;
  background: linear-gradient(180deg, #1a1a1f 0%, #141414 100%) !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-header .arco-icon-hover,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-close-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #cbd5e1 !important;
  background: transparent !important;
  border: none !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #141414 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-scroll-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px var(--oz-m-gutter) !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-label,
body.ozipx-mobile-mode .oz-m-ip-brain-modal label {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
  line-height: 1.4 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-scroll-host > div {
  margin-bottom: 14px !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-scroll-host > div:last-child {
  margin-bottom: 0 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-hint {
  margin-bottom: 10px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #94a3b8 !important;
  word-break: break-word !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-tips-list {
  margin: 8px 0 0 !important;
  padding-left: 1.15em !important;
  list-style: disc !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-tips-item {
  margin-bottom: 6px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-tips-item:last-child {
  margin-bottom: 0 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-textarea-wrapper,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-select-view,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-input-number,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-input,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-textarea,
body.ozipx-mobile-mode .oz-m-ip-brain-modal input,
body.ozipx-mobile-mode .oz-m-ip-brain-modal textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-textarea-wrapper {
  background: #1a1a1f !important;
  border-color: #3f3f46 !important;
  color: #f1f5f9 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-input::placeholder,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-textarea::placeholder {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .text-gray-400,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .text-gray-500,
body.ozipx-mobile-mode .oz-m-ip-brain-modal [class*='text-gray'] {
  color: #94a3b8 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-flex-row {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-footer,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-footer {
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px var(--oz-m-gutter) !important;
  padding-bottom: calc(12px + var(--oz-m-safe-b)) !important;
  border-top: 1px solid #303035 !important;
  background: #141414 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-footer .arco-btn,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-footer .arco-btn,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-footer button,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-footer button {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  min-height: var(--oz-m-touch-target) !important;
  justify-content: center !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-footer-actions,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-footer .arco-space {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-footer-actions .arco-space-item,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-footer .arco-space-item {
  width: 100% !important;
  margin: 0 !important;
}

/* ── 控件高度兜底：压过弹窗/区块内散落的 30–38px 覆盖 ── */
body.ozipx-mobile-mode .arco-input-wrapper:not(.arco-textarea-wrapper),
body.ozipx-mobile-mode .arco-input-number,
body.ozipx-mobile-mode .arco-select,
body.ozipx-mobile-mode .arco-select-view-single,
body.ozipx-mobile-mode .arco-select-view:not(.arco-select-view-multiple),
body.ozipx-mobile-mode .arco-picker,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-wrapper:not(.arco-textarea-wrapper),
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-input-number,
body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-select-view-single,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-input-wrapper,
body.ozipx-mobile-mode .oz-m-vt-modal .arco-input-wrapper {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
}

body.ozipx-mobile-mode .oz-m-agent-settings-modal .arco-btn:not(.arco-btn-text):not(.arco-icon-only),
body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-btn:not(.arco-btn-text):not(.arco-icon-only),
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-btn:not(.arco-btn-text):not(.arco-icon-only),
body.ozipx-mobile-mode .arco-modal-footer .arco-btn:not(.arco-btn-text) {
  min-height: var(--oz-m-control-h) !important;
  height: var(--oz-m-control-h) !important;
  max-height: var(--oz-m-control-h) !important;
}

/* ══════════════════════════════════════════════════════════════
   小红书简约风：无边框 · 色块分层 · 满屏利用
   ══════════════════════════════════════════════════════════════ */
body.ozipx-mobile-mode,
body.ozipx-mobile-mode .page-container,
body.ozipx-mobile-mode .window-body,
body.ozipx-mobile-mode .oz-m-panel {
  background: var(--oz-m-surface-base) !important;
}

/* 工作区卡片：去描边/去圆角盒子，内容直铺 */
body.ozipx-mobile-create-steps .rounded-xl,
body.ozipx-mobile-create-steps [class*='rounded-xl'][class*='bg-[#141414]'],
body.ozipx-mobile-create-steps [data-oz-m-wf-card],
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1'],
body.ozipx-mobile-create-steps [data-oz-m-title-tags-card='1'],
body.ozipx-mobile-create-steps [data-oz-m-script-editor='1'],
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.ozipx-mobile-create-steps[data-oz-m-create-step='ipgen'] [data-oz-m-audio-video-card='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='voice'] [data-oz-m-audio-video-card='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='avatar'] [data-oz-m-audio-video-card='1'] {
  background: transparent !important;
}

body.ozipx-mobile-create-steps .cyberpunk-dashboard > .grid[class*='grid-cols'] {
  gap: 0 !important;
}

body.ozipx-mobile-create-steps .flex.flex-col.gap-1 {
  gap: var(--oz-m-gap-xs) !important;
  padding-bottom: var(--oz-m-scroll-pad) !important;
}

body.ozipx-mobile-create-steps [data-oz-m-wf-card] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-wf-card] .p-4,
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1'] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-audio-video-card='1'] .p-4,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .p-3,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .p-4 {
  padding-top: calc(var(--oz-m-gutter) * 0.45) !important;
  padding-bottom: calc(var(--oz-m-gutter) * 0.45) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 虚线框 → 浅灰填充块 */
body.ozipx-mobile-create-steps .border-dashed {
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  border-radius: var(--oz-m-btn-radius) !important;
}

/* 表单控件：无边框填充式（类小红书搜索框） */
body.ozipx-mobile-mode .arco-input-wrapper:not(.arco-textarea-wrapper),
body.ozipx-mobile-mode .arco-input-number,
body.ozipx-mobile-mode .arco-input-number .arco-input-wrapper,
body.ozipx-mobile-mode .arco-select-view-single,
body.ozipx-mobile-mode .arco-select-view:not(.arco-select-view-multiple),
body.ozipx-mobile-mode .arco-picker {
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .arco-input-wrapper:not(.arco-textarea-wrapper):hover,
body.ozipx-mobile-mode .arco-input-number:hover,
body.ozipx-mobile-mode .arco-select-view-single:hover,
body.ozipx-mobile-mode .arco-select-view:not(.arco-select-view-multiple):hover {
  background: var(--oz-m-surface-input-hover) !important;
  border: none !important;
}

body.ozipx-mobile-mode .arco-input-wrapper:not(.arco-textarea-wrapper):focus-within,
body.ozipx-mobile-mode .arco-input-number:focus-within,
body.ozipx-mobile-mode .arco-select-view-single.arco-select-view-focus,
body.ozipx-mobile-mode .arco-select-view-focus {
  background: var(--oz-m-surface-input-hover) !important;
  border: none !important;
  box-shadow: 0 0 0 2px rgba(238, 112, 36, 0.18) !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword,
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey {
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  background-color: var(--oz-m-surface-input) !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword:hover,
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey:hover {
  background-color: var(--oz-m-surface-input-hover) !important;
  border: none !important;
}

body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-keyword:focus,
body.ozipx-mobile-mode .ozipx-jicheng-system-view .ozipx-jc-exkey:focus {
  border: none !important;
  box-shadow: 0 0 0 2px rgba(238, 112, 36, 0.18) !important;
}

/* IP 深度学习区 */
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] {
  border-top: none !important;
  background: transparent !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] > div:first-child {
  border-bottom: none !important;
  padding: 0 !important;
}

body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] [class*='rounded-lg'],
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] [class*='rounded-xl'][class*='cursor-pointer'] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: none !important;
  background: var(--oz-m-surface-input) !important;
}

body.ozipx-mobile-create-steps .oz-m-bgm-volume-row {
  border: none !important;
  background: var(--oz-m-surface-input) !important;
  padding: 10px var(--oz-m-gutter) !important;
  border-radius: var(--oz-m-btn-radius) !important;
}

/* 次操作按钮去描边 */
body.ozipx-mobile-mode .arco-btn:not(.arco-btn-primary):not(.arco-btn-text):not(.arco-icon-only):not(.arco-btn-icon-only),
body.ozipx-mobile-mode .oz-m-btn-secondary,
body.ozipx-mobile-mode .oz-m-subhdr-back {
  border: none !important;
  box-shadow: none !important;
}

body.ozipx-mobile-mode .arco-btn-primary:not(.arco-btn-status-danger),
body.ozipx-mobile-mode .oz-m-btn-primary {
  border: none !important;
  box-shadow: none !important;
}

/* 弹窗/全屏页：去分割线 */
body.ozipx-mobile-mode .oz-m-subhdr,
body.ozipx-mobile-script-modal .oz-m-script-modal-chrome,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .oz-m-ip-brain-footer,
body.ozipx-mobile-mode .oz-m-ip-brain-modal .arco-modal-footer {
  border: none !important;
  box-shadow: none !important;
}

body.ozipx-mobile-script-modal [data-oz-m-script-editor='1'].oz-m-script-modal-open {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--oz-m-surface-base) !important;
}

/* 子页/面板水平边距统一（与子栏目 Segmented 同 inset） */
body.ozipx-mobile-mode.ozipx-mobile-subpage .page-container .flex-grow.overflow-y-auto,
body.ozipx-mobile-mode.ozipx-mobile-subpage .window-body .flex-grow.overflow-y-auto {
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
  box-sizing: border-box !important;
}

/* 我的 → 声音 / 形象：最外框 DIV 与子栏目同宽（滚动区已 inset，内层不再缩进） */
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  [data-v-a3d2b0d1].flex.h-screen,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  [data-v-a3d2b0d1].oz-m-sound-page,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-sound-page
  .w-full.h-full,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  .video-page-container,
body.ozipx-mobile-mode.ozipx-mobile-subpage.ozipx-mobile-video-template
  .oz-m-vt-container,
body.ozipx-mobile-mode.ozipx-mobile-vt-subpage.ozipx-mobile-video-template
  .video-page-container,
body.ozipx-mobile-mode.ozipx-mobile-vt-subpage.ozipx-mobile-video-template
  .oz-m-vt-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .glass-card,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .glass-card,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .bg-\[\#141414\].border.rounded-xl,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .rounded-xl.p-4.mb-4.flex.items-center,
body.ozipx-mobile-mode.ozipx-mobile-video-template .oz-m-vt-page .oz-m-vt-card,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .rounded-xl,
body.ozipx-mobile-mode.ozipx-mobile-video-template [data-v-f010fd77] .border.rounded-lg {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .glass-card .p-4,
body.ozipx-mobile-mode.ozipx-mobile-sound-page .glass-card > .p-4,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex-1.flex.flex-col.h-full.relative.z-0,
body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1].flex.h-screen > .flex-1.flex.flex-col.h-full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.ozipx-mobile-mode.ozipx-mobile-sound-page [data-v-a3d2b0d1] .flex.bg-\[\#1a1a1a\].p-1.rounded-lg {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ozipx-mobile-mode #ozipx-mobile-step-footer,
body.ozipx-mobile-mode #ozipx-mobile-step-subnav {
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
}

body.ozipx-mobile-mode #ozipx-mobile-step-bar {
  padding-left: var(--oz-m-chrome-inset-x) !important;
  padding-right: var(--oz-m-chrome-inset-x) !important;
  padding-top: var(--oz-m-zone-v) !important;
  padding-bottom: var(--oz-m-zone-v) !important;
}

body.ozipx-mobile-mode .oz-m-step-bar-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding: var(--oz-m-segment-track-pad) !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════
 * 手机站滚动条：原生触控风格
 * - 隐藏所有可视滚动条（含 PC 的 custom-scrollbar / 橙色 hover）
 * - 无溢出时本来就不该出现；有溢出也只靠手指滑动
 * - 压掉子页/创作步卡内嵌套 overflow-y-auto 造成的多重滚动条
 * ═══════════════════════════════════════════════════════════════ */
body.ozipx-mobile-mode,
body.ozipx-mobile-mode * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ozipx-mobile-mode *::-webkit-scrollbar,
body.ozipx-mobile-mode *::-webkit-scrollbar-thumb,
body.ozipx-mobile-mode *::-webkit-scrollbar-track,
body.ozipx-mobile-mode *::-webkit-scrollbar-corner {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
  border: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* 创作六步：只保留卡内「正文宿主」一层滚动，内层 PC 列表/custom-scrollbar 展开 */
body.ozipx-mobile-create-steps
  .oz-m-edit-scroll-host
  .overflow-y-auto:not(textarea):not(.oz-m-edit-scroll-host),
body.ozipx-mobile-create-steps
  .oz-m-edit-scroll-host
  .overflow-auto:not(textarea):not(.oz-m-edit-scroll-host),
body.ozipx-mobile-create-steps .oz-m-edit-scroll-host .custom-scrollbar,
body.ozipx-mobile-create-steps
  .oz-m-ip-scroll-host
  .overflow-y-auto:not(textarea):not(.oz-m-ip-scroll-host),
body.ozipx-mobile-create-steps
  .oz-m-ip-scroll-host
  .overflow-auto:not(textarea):not(.oz-m-ip-scroll-host),
body.ozipx-mobile-create-steps .oz-m-ip-scroll-host .custom-scrollbar,
body.ozipx-mobile-create-steps
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .overflow-y-auto:not(textarea):not(.oz-m-edit-scroll-host),
body.ozipx-mobile-create-steps
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .overflow-auto:not(textarea):not(.oz-m-edit-scroll-host),
body.ozipx-mobile-create-steps
  [data-oz-m-wf-card]:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .custom-scrollbar,
body.ozipx-mobile-create-steps
  [data-oz-m-audio-video-card='1']:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .overflow-y-auto:not(textarea),
body.ozipx-mobile-create-steps
  [data-oz-m-audio-video-card='1']:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .overflow-auto:not(textarea),
body.ozipx-mobile-create-steps
  [data-oz-m-audio-video-card='1']:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .custom-scrollbar,
body.ozipx-mobile-create-steps
  [data-oz-m-title-tags-card='1']:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .overflow-y-auto:not(textarea),
body.ozipx-mobile-create-steps
  [data-oz-m-title-tags-card='1']:not(.oz-m-step-part-hidden)
  > div:not(:first-child)
  .custom-scrollbar {
  overflow: visible !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* 子页：主滚动在外层 .flex-grow；内层再套 overflow-y-auto 会双条 */
body.ozipx-mobile-mode.ozipx-mobile-subpage:not(.ozipx-mobile-sound-page):not(
    .ozipx-mobile-agent-settings-subpage
  ):not(.ozipx-mobile-agent-settings-fullpage)
  .page-container
  .flex-grow.overflow-y-auto
  .overflow-y-auto:not(textarea):not(.oz-m-voice-scroll-host):not(.oz-m-voice-sub-scroll-host):not(
    .oz-m-cover-main-scroll
  ):not(.oz-m-cover-sub-scroll-host):not(.oz-m-ip-brain-scroll-host),
body.ozipx-mobile-mode.ozipx-mobile-subpage:not(.ozipx-mobile-sound-page):not(
    .ozipx-mobile-agent-settings-subpage
  ):not(.ozipx-mobile-agent-settings-fullpage)
  .window-body
  .flex-grow.overflow-y-auto
  .overflow-y-auto:not(textarea):not(.oz-m-voice-scroll-host):not(.oz-m-voice-sub-scroll-host):not(
    .oz-m-cover-main-scroll
  ):not(.oz-m-cover-sub-scroll-host):not(.oz-m-ip-brain-scroll-host),
body.ozipx-mobile-mode.ozipx-mobile-subpage:not(.ozipx-mobile-sound-page)
  .page-container
  .flex-grow.overflow-y-auto
  .custom-scrollbar:not(.oz-m-voice-scroll-host),
body.ozipx-mobile-mode.ozipx-mobile-subpage:not(.ozipx-mobile-sound-page)
  .window-body
  .flex-grow.overflow-y-auto
  .custom-scrollbar:not(.oz-m-voice-scroll-host) {
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
}

/* 弹窗：只保留已标记的 scroll-host，压掉内部嵌套条 */
body.ozipx-mobile-mode .oz-m-voice-scroll-host .overflow-y-auto:not(.oz-m-voice-scroll-host):not(textarea),
body.ozipx-mobile-mode .oz-m-voice-scroll-host .custom-scrollbar,
body.ozipx-mobile-mode
  .oz-m-voice-sub-scroll-host
  .overflow-y-auto:not(.oz-m-voice-sub-scroll-host):not(textarea),
body.ozipx-mobile-mode .oz-m-voice-sub-scroll-host .custom-scrollbar,
body.ozipx-mobile-mode .oz-m-cover-main-scroll .overflow-y-auto:not(.oz-m-cover-main-scroll):not(textarea),
body.ozipx-mobile-mode .oz-m-cover-main-scroll .custom-scrollbar,
body.ozipx-mobile-mode
  .oz-m-cover-sub-scroll-host
  .overflow-y-auto:not(.oz-m-cover-sub-scroll-host):not(textarea),
body.ozipx-mobile-mode .oz-m-cover-sub-scroll-host .custom-scrollbar,
body.ozipx-mobile-mode
  .oz-m-ip-brain-scroll-host
  .overflow-y-auto:not(.oz-m-ip-brain-scroll-host):not(textarea),
body.ozipx-mobile-mode .oz-m-ip-brain-scroll-host .custom-scrollbar,
body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-body > div .overflow-y-auto:not(textarea),
body.ozipx-mobile-mode .oz-m-vt-edit-modal .arco-modal-body > div .custom-scrollbar {
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
}

/* textarea：无溢出时不占滚动条槽；有溢出仍可滑、条仍隐藏 */
body.ozipx-mobile-mode textarea {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.ozipx-mobile-mode textarea::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* ── 视频学习：「识别的原始内容」吃满剩余高度（压过 Vue 240/280px） ── */
/* 主选择器靠 body[data-oz-ip-tab=videoWrite]，不依赖 JS 打标；JS 只负责精确像素与防 Vue 回写 */
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  .oz-m-ip-scroll-host,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  .oz-m-ip-scroll-host,
body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain-content='1'],
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain-content='1'],
body.ozipx-mobile-mode [data-oz-m-ip-brain='1'] .oz-m-ip-scroll-host.oz-m-ip-video-write-fill,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain='1'] .oz-m-ip-scroll-host.oz-m-ip-video-write-fill,
body.ozipx-mobile-mode [data-oz-m-ip-brain-content='1'].oz-m-ip-video-write-fill,
body.ozipx-mobile-create-steps [data-oz-m-ip-brain-content='1'].oz-m-ip-video-write-fill {
  overflow-y: hidden !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *:not([style*='display: none']):not(.oz-m-vue-tab-panel-hidden),
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *:not([style*='display: none']):not(.oz-m-vue-tab-panel-hidden),
body.ozipx-mobile-mode [data-oz-m-video-write='1'].oz-m-ip-tab-panel-active,
body.ozipx-mobile-create-steps [data-oz-m-video-write='1'].oz-m-ip-tab-panel-active {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  height: auto !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *:not([style*='display: none'])
  > div,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  .arco-radio-group
  ~ *:not([style*='display: none'])
  > div {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.ozipx-mobile-mode[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  textarea.modern-textarea.font-mono,
body.ozipx-mobile-create-steps[data-oz-m-create-step='script'][data-oz-ip-tab='videoWrite']
  [data-oz-m-ip-brain='1']
  textarea.modern-textarea.font-mono,
body.ozipx-mobile-mode textarea[data-oz-m-video-write-original='1'],
body.ozipx-mobile-create-steps textarea[data-oz-m-video-write-original='1'],
body.ozipx-mobile-mode textarea.oz-m-video-write-original-ta,
body.ozipx-mobile-create-steps textarea.oz-m-video-write-original-ta {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  max-height: none !important;
  /* Tab + 打开链接按钮 + 标题行 ≈ 180px；吃满创作区剩余高度 */
  min-height: calc(var(--oz-m-create-body-h, 70vh) - 180px) !important;
  height: calc(var(--oz-m-create-body-h, 70vh) - 180px) !important;
  flex: 1 1 auto !important;
  resize: none !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* ── AI法务检测结果 · 手机全屏专业弹窗（深色体系统一） ── */
body.ozipx-mobile-mode.ozipx-mobile-ai-legal-open {
  overflow: hidden !important;
}

body.ozipx-mobile-mode .arco-modal-wrapper.oz-m-ai-legal-result-modal-wrap,
body.ozipx-mobile-mode .arco-modal-wrapper:has(.oz-m-ai-legal-result-modal) {
  z-index: 12600 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: var(--oz-m-safe-t, 0) 0 0 !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, 0.62) !important;
}

body.ozipx-mobile-mode .arco-modal.oz-m-ai-legal-result-modal {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  background: #121214 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
  color: #e8eaed !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-header {
  flex: 0 0 auto !important;
  padding: 14px var(--oz-m-gutter, 16px) 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #161618 !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  color: #f5f5f7 !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-close-btn,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-icon-hover {
  width: 36px !important;
  height: 36px !important;
  font-size: 18px !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-close-btn:hover,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-close-btn:active {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-body,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #121214 !important;
  color: #e8eaed !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-modal-body > div {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 14px var(--oz-m-gutter, 16px) 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 14px !important;
  box-sizing: border-box !important;
  background: #121214 !important;
  color: #e8eaed !important;
}

/* 压掉 PC Tailwind 浅底/深字，统一深色语义色 */
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-red'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-green'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-yellow'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-orange'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-gray'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-white'] {
  background-color: transparent !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-red-50,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-green-50,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-red-50'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-green-50'] {
  display: flex !important;
  align-items: flex-start !important;
  border-radius: 12px !important;
  padding: 14px !important;
  gap: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status.is-fail,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-red-50,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-red-50'] {
  background: rgba(255, 77, 79, 0.1) !important;
  border-color: rgba(255, 120, 120, 0.28) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status.is-pass,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-green-50,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-green-50'] {
  background: rgba(52, 199, 89, 0.1) !important;
  border-color: rgba(52, 199, 89, 0.28) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-red-700,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-red-500,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='text-red'] {
  color: #ff8e8e !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-green-700,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-green-500,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='text-green'] {
  color: #6dde8a !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status .font-semibold,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status [class*='font-semibold'] {
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status.is-fail .font-semibold,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-red-50 .font-semibold {
  color: #ffb4b4 !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status.is-pass .font-semibold,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-green-50 .font-semibold {
  color: #9aefad !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-sm,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-gray-500,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .text-gray-600,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='text-gray'] {
  color: rgba(255, 255, 255, 0.52) !important;
  font-size: 13px !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .font-semibold,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-section-title {
  color: #f0f0f2 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

/* 违规词芯片 */
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-chip,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-red-100,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='bg-red-100'] {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 77, 79, 0.16) !important;
  border: 1px solid rgba(255, 120, 120, 0.3) !important;
  color: #ffb4b4 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-preview,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .max-h-64,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='max-h-64'] {
  max-height: none !important;
  flex: 1 1 auto !important;
  min-height: 148px !important;
  overflow-y: auto !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #0c0c0e !important;
  color: rgba(255, 255, 255, 0.82) !important;
  padding: 14px !important;
  line-height: 1.7 !important;
  font-size: 14px !important;
}

/* 预览内高亮：浅底红字 → 深色可读 */
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-preview mark,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-preview span[style*='background'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .max-h-64 mark,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .max-h-64 span[style*='background'],
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-hl {
  background: rgba(238, 112, 36, 0.28) !important;
  color: #ffe0c2 !important;
  border-radius: 3px !important;
  padding: 0 3px !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .border,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal [class*='border-'] {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-actions {
  position: sticky !important;
  bottom: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  justify-content: stretch !important;
  align-items: center !important;
  padding: 12px 0 calc(12px + var(--oz-m-safe-b, 0px)) !important;
  margin-top: auto !important;
  background: linear-gradient(180deg, rgba(18, 18, 20, 0) 0%, #121214 22%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-actions .arco-btn,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-actions button {
  flex: 1 1 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* 次要：关闭 */
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-actions .arco-btn:not(.arco-btn-primary),
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-btn-ghost {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

/* 主操作：自动修正 — 产品橙 */
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-btn-primary,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-btn-primary {
  background: var(--oz-m-accent, #ee7024) !important;
  border-color: var(--oz-m-accent, #ee7024) !important;
  color: #fff !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-btn-primary:hover,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .arco-btn-primary:active {
  background: #ff8538 !important;
  border-color: #ff8538 !important;
  color: #fff !important;
}

/* SVG 图标随语义色 */
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status.is-fail svg,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-red-50 svg {
  color: #ff8e8e !important;
  fill: currentColor !important;
}

body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .oz-m-ai-legal-status.is-pass svg,
body.ozipx-mobile-mode .oz-m-ai-legal-result-modal .bg-green-50 svg {
  color: #6dde8a !important;
  fill: currentColor !important;
}

/* 通用审查补丁 sheet */
body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay {
  align-items: flex-end !important;
  justify-content: stretch !important;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.62) !important;
}

body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay .oz-m-ai-legal-sheet {
  width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100vh - var(--oz-m-safe-t, 12px)) !important;
  border-radius: 16px 16px 0 0 !important;
  background: #121214 !important;
  color: #e8eaed !important;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.6) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay .oz-m-ai-legal-sheet-head {
  flex: 0 0 auto !important;
  padding: 14px 16px 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #161618 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #f5f5f7 !important;
}

body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay .oz-m-ai-legal-sheet-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 14px 16px 8px !important;
  color: #e8eaed !important;
}

body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay .oz-m-ai-legal-sheet-foot {
  flex: 0 0 auto !important;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  gap: 10px !important;
  background: #121214 !important;
}

body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay .oz-m-ai-legal-sheet-foot button {
  flex: 1 1 0 !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  background: var(--oz-m-accent, #ee7024) !important;
  color: #fff !important;
}

body.ozipx-mobile-mode #ozipx-ai-legal-sheet-overlay .oz-m-ai-legal-sheet-body span[style*='background'] {
  background: rgba(238, 112, 36, 0.28) !important;
  color: #ffe0c2 !important;
  border-radius: 3px !important;
  padding: 0 3px !important;
}

/* 繁体 big5：隐藏 07 视频发布 / 影片釋出 工作区（PC + 手机） */
html[data-ozipx-lang='big5'] [data-oz-m-badge='07'],
html[data-ozipx-lang='big5'] [data-ozipx-hide-publish='1'],
html.ozipx-big5-hide-publish [data-oz-m-badge='07'],
html.ozipx-big5-hide-publish [data-ozipx-hide-publish='1'] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: none !important;
}