/* AI 创作首页：Agent 分类筛选与单行横向浏览 */
    #page-creation .agent-browser {
      order: 3;
      width: min(1120px, 94%);
      margin: 0 auto clamp(28px, 4.5vh, 58px);
    }
    #page-creation .agent-filter-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-bottom: 12px;
    }
    #page-creation .agent-filter {
      min-height: 30px;
      padding: 5px 12px;
      border: 1px solid #e6e6eb;
      border-radius: 999px;
      color: #8c909d;
      background: rgba(255,255,255,.72);
      box-shadow: 0 2px 8px rgba(39, 40, 52, .025);
      font-size: 12px;
      transition: color .16s ease, border-color .16s ease, background .16s ease;
    }
    #page-creation .agent-filter:hover { border-color: #cdbfff; color: #704fdb; }
    #page-creation .agent-filter.active { border-color: #d8ceff; color: #694bd5; background: #f2efff; font-weight: 700; }
    #page-creation .agent-grid {
      display: flex;
      grid-template-columns: none;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: 12px;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 4px 2px 14px;
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
      scroll-snap-type: x proximity;
    }
    #page-creation .agent-grid::-webkit-scrollbar { width: 0; height: 0; }
    #page-creation .agent-grid.is-filtered { justify-content: center; }
    #page-creation .agent-card {
      flex: 0 0 210px;
      width: 210px;
      min-height: 118px;
      scroll-snap-align: start;
    }
    #page-creation .agent-card[hidden] { display: none !important; }
    @media (max-width: 720px) {
      #page-creation .agent-browser { width: min(94%, 560px); }
      #page-creation .agent-filter-row { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
      #page-creation .agent-filter-row::-webkit-scrollbar { width: 0; height: 0; }
      #page-creation .agent-filter { flex: 0 0 auto; }
      #page-creation .agent-card { flex-basis: 188px; width: 188px; }
    }

    /* AI 创作首页：专业 Agent 广场 */
    #page-creation .creation-stage.home-mode {
      padding: clamp(34px, 5vh, 64px) clamp(24px, 4vw, 58px) 44px;
      overflow-y: auto;
      background: linear-gradient(180deg, #fff 0%, #fff 58%, #fbfaff 100%);
    }
    #page-creation .creation-stage.home-mode > .asset-toggle,
    #page-creation .creation-stage.home-mode > .composer-wrap { display: none; }
    #page-creation .creation-stage.home-mode .ai-hero {
      order: 1;
      width: min(1060px, 100%);
      margin: 0 auto;
      padding: 0 0 26px;
      text-align: left;
    }
    #page-creation .creation-stage.home-mode .ai-hero .spark { display: none; }
    #page-creation .creation-stage.home-mode .ai-hero h1 { font-size: clamp(27px, 2vw, 34px); letter-spacing: -.5px; }
    #page-creation .creation-stage.home-mode .ai-hero p { margin: 8px 0 0; font-size: 14px; }
    #page-creation .creation-stage.home-mode .agent-browser {
      order: 2;
      width: min(1060px, 100%);
      margin: 0 auto;
    }
    #page-creation .creation-stage.home-mode .agent-filter-row { justify-content: flex-start; margin-bottom: 18px; }
    #page-creation .creation-stage.home-mode .agent-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 15px;
      width: 100%;
      overflow: visible;
      scroll-snap-type: none;
    }
    #page-creation .creation-stage.home-mode .agent-grid.is-filtered {
      grid-template-columns: repeat(var(--filtered-count, 3), minmax(230px, 310px));
      justify-content: center;
    }
    #page-creation .creation-stage.home-mode .agent-card {
      position: relative;
      z-index: 1;
      cursor: pointer;
      pointer-events: auto;
      width: 100%;
      min-height: 148px;
      padding: 18px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border-radius: 16px;
      background: rgba(255,255,255,.96);
      box-shadow: 0 7px 22px rgba(51,42,81,.055);
    }
    #page-creation .creation-stage.home-mode .agent-card::before { top: 18px; left: 18px; width: 26px; }
    #page-creation .creation-stage.home-mode .agent-card strong { margin: 18px 0 7px; font-size: 15px; }
    #page-creation .creation-stage.home-mode .agent-card small {
      display: block;
      min-height: 38px;
      color: #777481;
      font-size: 12px;
      line-height: 1.6;
    }
    #page-creation .creation-stage.home-mode .agent-card .agent-foot { margin-top: auto; padding-top: 12px; }
    #page-creation .creation-stage.home-mode .agent-card .agent-chip { display: inline-flex; padding: 3px 8px; font-size: 10px; }
    #page-creation .creation-stage.home-mode .agent-card .agent-chip:not(:first-child) { display: none; }
    .new-create-wrap { position: relative; }
    .new-create-popover {
      position: fixed;
      z-index: 120;
      width: 368px;
      max-height: min(640px, calc(100vh - 48px));
      padding: 10px;
      overflow-y: auto;
      border: 1px solid #e5e1ec;
      border-radius: 18px;
      background: rgba(255,255,255,.98);
      box-shadow: 0 22px 58px rgba(42,34,65,.2);
      scrollbar-width: thin;
      scrollbar-color: #d9d2e7 transparent;
    }
    .new-create-popover[hidden] { display: none; }
    .new-create-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:10px 11px 12px; border-bottom:1px solid #eeeaf3; }
    .new-create-head strong { display:block; color:#29262f; font-size:15px; }
    .new-create-head small { display:block; margin-top:4px; color:#96909e; font-size:11px; }
    .new-create-close { width:28px; height:28px; border:0; border-radius:8px; color:#8a8491; background:#f6f4f8; cursor:pointer; }
    .new-create-close:hover { color:#4f435e; background:#eeeaf3; }
    .create-agent-group { padding:11px 5px 3px; color:#9a94a2; font-size:10px; font-weight:700; letter-spacing:.4px; }
    .create-agent-option {
      width:100%;
      display:grid;
      grid-template-columns:12px minmax(0,1fr) 18px;
      align-items:center;
      gap:10px;
      padding:10px 11px;
      border:0;
      border-radius:11px;
      color:#3e3945;
      background:transparent;
      text-align:left;
      cursor:pointer;
    }
    .create-agent-option:hover { color:#5d43bd; background:#f4f0ff; }
    .create-agent-dot { width:8px; height:8px; border-radius:50%; background:#9a7cf0; box-shadow:0 0 0 4px #f0ebff; }
    .create-agent-option[data-category="image"] .create-agent-dot { background:#e19454; box-shadow:0 0 0 4px #fff0e4; }
    .create-agent-option[data-category="video"] .create-agent-dot { background:#438aca; box-shadow:0 0 0 4px #e6f2fd; }
    .create-agent-option[data-category="analysis"] .create-agent-dot { background:#4d9b78; box-shadow:0 0 0 4px #e7f5ee; }
    .create-agent-option strong { display:block; font-size:12px; }
    .create-agent-option small { display:block; margin-top:3px; overflow:hidden; color:#96909e; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
    .create-agent-arrow { color:#bbb5c3; font-size:16px; text-align:right; }
    @media (max-width: 920px) {
      #page-creation .creation-stage.home-mode .agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #page-creation .creation-stage.home-mode .agent-grid.is-filtered { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
    }
    @media (max-width: 620px) {
      #page-creation .creation-stage.home-mode { padding: 28px 16px 36px; }
      #page-creation .creation-stage.home-mode .agent-grid,
      #page-creation .creation-stage.home-mode .agent-grid.is-filtered { grid-template-columns: 1fr; }
      .new-create-popover { width:min(360px, calc(100vw - 24px)); }
    }

    /* Agent 任务工作台：左侧分步信息与结果，右侧保留会话上下文 */
    #page-creation .agent-task-shell {
      display: none;
      flex: 1 1 auto;
      min-height: 0;
      width: 100%;
      max-width: none;
      margin: 0 auto;
      grid-template-columns: minmax(0, 1.42fr) minmax(360px, .78fr);
      gap: 14px;
    }
    #page-creation .agent-task-shell.show { display: grid; }
    #page-creation .agent-task-shell.mix-chat-unavailable { grid-template-columns: minmax(0, 1fr); }
    #page-creation .agent-task-shell.mix-chat-unavailable .task-chat-pane { display: none; }
    /* 智能脚本模式:全 3 步都隐藏右侧 chat 整列,work-pane 占满(由 app.js:8530 把 taskShell.dataset.agentType 设为 'script') */
    #page-creation .agent-task-shell[data-agent-type="script"] { grid-template-columns: minmax(0, 1fr); }
    #page-creation .agent-task-shell[data-agent-type="script"] .task-chat-pane { display: none; }
    /* 脚本模式 chat 整列 display:none,但 openAgentTask 仍会加 chat-collapsed(两列 52px),覆盖掉折叠列避免右侧空列 */
    #page-creation .agent-task-shell[data-agent-type="script"].chat-collapsed { grid-template-columns: minmax(0, 1fr); }
    /* 智能脚本模式:work-pane 强制占满 grid cell(原 default 是 min-content,导致右侧大片留白) */
    #page-creation .agent-task-shell[data-agent-type="script"] .task-work-pane { width: 100%; align-self: stretch; min-width: 0; }
    #page-creation .agent-task-shell[data-agent-type="script"] .task-form-scroll { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="script"] #dynamicForm { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="script"] .task-result-host { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="script"] .task-result-host .script-scroll { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="script"] .form-section { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="script"] .section-grid { width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    /* 智能混剪 Step 3「分镜确认」:不要 chat,work-pane 占满(用户要求) */
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] { grid-template-columns: minmax(0, 1fr); }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .task-chat-pane { display: none; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .task-work-pane { width: 100%; align-self: stretch; min-width: 0; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .task-form-scroll { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] #dynamicForm { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .task-result-host { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .task-result-host .script-scroll { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .form-section { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="3"] .section-grid { width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    /* 智能混剪 Step 4「生成视频」:成片已生成,隐藏右侧 chat 整列,work-pane 占满(由 app.js setTaskStep 把 taskShell.dataset.step 设为 '4') */
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] { grid-template-columns: minmax(0, 1fr); }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .task-chat-pane { display: none; }
    /* 智能混剪 Step 4:4 个区域(标题/视频/时间轴/按钮)和左右两边留间距 — 直接给 .mix-result-page 加 padding,内部子元素限制最大宽度 */
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .mix-result-page { padding-top: 24px !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .mix-result-page > * { max-width: 100%; box-sizing: border-box; }
    /* timeline 内部 track 不能再溢出 */
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .mix-result-timeline { overflow: hidden; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .task-work-pane { width: 100%; align-self: stretch; min-width: 0; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .task-form-scroll { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] #dynamicForm { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .task-result-host { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .task-result-host .script-scroll { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .form-section { width: 100%; }
    #page-creation .agent-task-shell[data-agent-type="mix"][data-step="4"] .section-grid { width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .task-work-pane, .task-chat-pane {
      min-width: 0;
      min-height: 0;
      border: 1px solid #e8e8ed;
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 10px 30px rgba(35, 36, 47, .045);
    }
    .task-work-pane { display: flex; flex-direction: column; overflow: hidden; }
    .task-taskbar {
      display: flex;
      align-items: center;
      min-height: 56px;
      padding: 10px 16px;
      border-bottom: 1px solid #eeeeF2;
    }
    .task-taskbar strong { color: #282933; font-size: 14px; }
    .task-taskbar small { display: block; margin-top: 2px; color: #9697a0; font-size: 11px; }
    .task-stepper { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #f0f0f3; }
    .task-step {
      min-width: 0;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 8px;
      border: 0;
      border-radius: 8px;
      color: #9a9ba4;
      background: transparent;
      font: inherit;
      font-size: 12px;
      cursor: pointer;
    }
    .task-step b { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #d9d9df; border-radius: 50%; color: #858690; font-size: 10px; }
    .task-step.active { color: #5f40c7; background: #f3efff; font-weight: 700; }
    .task-step.active b { border-color: #845fe0; color: #fff; background: #7653d7; }
    .task-step.done { color: #5e826f; }
    .task-step.done b { border-color: #b9e3cb; color: #2b9661; background: #e8faef; }
    .task-form-scroll { flex: 1 1 auto; min-height: 0; padding: 18px 20px; overflow-y: auto; }
    .task-form-scroll .form-grid { display: grid; gap: 14px; }
    .task-form-scroll .form-section { margin: 0; }
    .task-confirm-card { padding: 18px; border: 1px dashed #d6c9ff; border-radius: 13px; color: #6b607e; background: linear-gradient(135deg, #fcfaff, #f6f1ff); }
    .task-confirm-card strong { display: block; margin-bottom: 6px; color: #493783; }
    .task-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 20px; border-top: 1px solid #ededf1; background: #fff; }
    .task-form-actions .task-action-note { color: #9697a0; font-size: 11px; }
    .task-form-actions .task-action-buttons { display: flex; gap: 8px; }
    .task-result-host { flex: 1 1 auto; min-height: 0; padding: 0; overflow: hidden; display: flex; flex-direction: column; }
    .task-result-host .script-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 18px 20px; }
    .task-result-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
    .task-result-top strong { color: #2b2c34; }
    .task-result-top small { display: block; margin-top: 4px; color: #8b8c96; }
    .task-result-host .generated-assets { display: grid; gap: 10px; }
    .task-result-host .generated-asset { padding: 14px; border-radius: 12px; }
    .task-result-host.editing { display: none; }
    .original-result-list { display:grid; gap:18px; }
    .original-copy-card {
      position:relative;
      padding:18px;
      border:1px solid #e5e5ec;
      border-radius:14px;
      background:#fff;
      transition:border-color .18s ease, box-shadow .18s ease;
    }
    .original-copy-card:hover { border-color:#d8d1f6; box-shadow:0 8px 24px rgba(72,55,130,.07); }
    .original-copy-card.is-chat-target { border-color:#866cf0; box-shadow:0 0 0 3px rgba(118,91,234,.1); }
    .original-copy-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
    .original-copy-heading { display:flex; align-items:center; min-width:0; gap:8px; }
    .original-copy-index { flex:0 0 auto; color:#765bea; font-size:12px; font-weight:750; }
    .original-copy-title { overflow:hidden; color:#26272f; font-size:14px; white-space:nowrap; text-overflow:ellipsis; }
    .original-copy-title.is-editing { min-width:180px; padding:4px 7px; border:1px solid #8167ed; border-radius:7px; outline:0; background:#fff; }
    .original-title-edit { flex:0 0 auto; padding:3px; border:0; color:#999aa3; background:transparent; cursor:pointer; }
    .original-title-edit:hover { color:#6f53e2; }
    .original-copy-structure { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-bottom:12px; }
    .copy-structure-tag { padding:4px 7px; border-radius:6px; color:#665e79; background:#f3f1f7; font-size:11px; }
    .copy-structure-arrow { color:#c1bec9; font-size:10px; }
    .original-copy-content { color:#41424b; font-size:13px; line-height:1.85; white-space:pre-wrap; }
    .original-copy-editor { display:none; }
    .original-copy-card.is-editing .original-copy-content { display:none; }
    .original-copy-card.is-editing .original-copy-editor { display:block; }
    .original-copy-card.is-editing .original-copy-actions { display:none; }
    .original-copy-editor textarea { width:100%; min-height:150px; padding:12px; border:1px solid #8b73ef; border-radius:10px; outline:0; color:#3c3d46; background:#fff; font:inherit; font-size:13px; line-height:1.75; resize:vertical; box-shadow:0 0 0 3px rgba(118,91,234,.08); }
    .original-edit-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:8px; }
    .original-copy-meta { display:flex; justify-content:flex-end; margin-top:10px; color:#999aa4; font-size:11px; }
    .original-copy-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; margin-top:12px; border-top:1px solid #eeeeF2; }
    .original-copy-actions-left { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
    .copy-result-action { padding:6px 8px; border:0; border-radius:7px; color:#5e5f69; background:transparent; font-size:12px; cursor:pointer; }
    .copy-result-action:hover { color:#6549d6; background:#f5f2ff; }
    .copy-result-action.saved { color:#2f9666; }
    .original-create-menu { position:relative; flex:0 0 auto; }
    .original-create-trigger { padding:7px 11px; border:1px solid #7c62e8; border-radius:8px; color:#fff; background:#765bea; font-size:12px; cursor:pointer; }
    .original-create-popover { display:none; position:absolute; z-index:15; right:0; bottom:calc(100% + 7px); width:150px; padding:5px; border:1px solid #e0deea; border-radius:10px; background:#fff; box-shadow:0 12px 28px rgba(36,29,58,.16); }
    .original-create-menu.open .original-create-popover { display:grid; gap:2px; }
    .original-create-popover button { padding:9px 10px; border:0; border-radius:7px; color:#4e4e58; background:transparent; text-align:left; cursor:pointer; }
    .original-create-popover button:hover { color:#6549d6; background:#f5f2ff; }
    .original-continue-box { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; margin-top:18px; border:1px dashed #d9d5e8; border-radius:12px; color:#777985; background:#faf9fc; font-size:12px; }
    .original-continue-box button { padding:8px 14px; border:1px solid #d9d2f8; border-radius:8px; color:#6549d6; background:#fff; font-weight:650; cursor:pointer; }
    .original-continue-box button:hover { border-color:#9c87ef; background:#f7f4ff; }
    .original-continue-box button:disabled { opacity:.55; cursor:wait; }

    .task-model-card { padding: 16px; border: 1px solid #e8e3f7; border-radius: 13px; background: linear-gradient(135deg, #fdfcff, #f8f6ff); }
    .task-model-card strong { display: block; color: #312b42; font-size: 14px; }
    .task-model-card > span { display: block; margin-top: 4px; color: #94909e; font-size: 12px; }
    .task-model-list { display: grid; gap: 8px; margin-top: 14px; }
    .task-model-option { display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 12px; border: 1px solid #e6e3ed; border-radius: 10px; color: #4d4859; background: #fff; text-align: left; cursor: pointer; }
    .task-model-option:hover { border-color: #bfaeff; background: #fbf9ff; }
    .task-model-option.selected { border-color: #906cf0; background: #f4efff; box-shadow: inset 0 0 0 1px rgba(144,108,240,.08); }
    .task-model-option b { flex: 0 0 auto; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; color: #6b4ed1; background: #eee9ff; font-size: 12px; }
    .task-model-option span { min-width: 0; }
    .task-model-option strong { font-size: 12px; }
    .task-model-option small { display: block; overflow: hidden; margin-top: 2px; color: #9994a2; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
    .task-model-option em { margin-left: auto; color: #6c4bd2; font-size: 11px; font-style: normal; }
    .fixed-model-display { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:58px; padding:12px 14px; border:1px solid #e5e0f3; border-radius:11px; background:linear-gradient(135deg,#fbfaff,#f6f3ff); }
    .fixed-model-display div { display:grid; gap:3px; }
    .fixed-model-display small { color:#9895a2; font-size:10px; }
    .fixed-model-display strong { color:#342d48; font-size:13px; }
    .fixed-model-display span { color:#756b91; font-size:11px; }
    .single-model-picker { position:relative; }
    .single-model-trigger { width:100%; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 12px; border:1px solid #dedee7; border-radius:10px; color:#292a33; background:#fff; cursor:pointer; }
    .single-model-trigger span { display:grid; gap:2px; text-align:left; }
    .single-model-trigger small { color:#9697a1; font-size:10px; }
    .single-model-trigger b { font-size:12px; }
    .single-model-picker.open .single-model-menu { display:block; }
    .single-model-menu { display:none; position:absolute; z-index:35; left:0; right:0; bottom:calc(100% + 7px); padding:7px; border:1px solid #e2e0e8; border-radius:12px; background:#fff; box-shadow:0 16px 40px rgba(38,31,58,.16); }
    .single-model-group { padding:8px 10px 4px; color:#9994a2; font-size:10px; font-weight:600; }
    .single-model-group:first-child { padding-top:4px; }
    .single-model-option { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border:0; border-radius:9px; color:#5f43d8; background:#f4f1ff; text-align:left; cursor:pointer; }
    .single-model-option span { display:grid; gap:2px; }
    .single-model-option small { color:#8c859c; font-size:10px; }
    .copy-structure-combobox { position:relative; }
    .copy-structure-combobox-trigger { width:100%; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border:1px solid #dedee7; border-radius:10px; color:#2f3038; background:#fff; text-align:left; cursor:pointer; }
    .copy-structure-combobox-trigger > span { flex:1 1 auto; min-width:0; display:grid; gap:3px; }
    .copy-structure-combobox-trigger small { overflow:hidden; color:#878895; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
    .copy-structure-combobox-trigger em { flex:0 0 auto; padding:3px 7px; border-radius:99px; color:#65566d; background:#f1eff4; font-size:10px; font-style:normal; }
    .copy-structure-combobox-trigger i { flex:0 0 auto; color:#777383; font-size:16px; font-style:normal; }
    .copy-source-tag { align-self:center; padding:3px 7px; border-radius:99px; color:#665a70; background:#f0eef3; font-size:10px; font-style:normal; white-space:nowrap; }
    .copy-source-tag.qianchuan { color:#6847c8; background:#f0ebff; }
    .copy-source-tag.reference { color:#b86a19; background:#fff2dc; }
    .copy-source-tag.custom { color:#62636c; background:#f0f1f3; }
    .copy-structure-tag-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:1px solid #e1dcf5; border-radius:999px; color:#5d4a9e; background:#f7f4ff; font-size:11px; font-weight:650; white-space:nowrap; }
    .copy-structure-formula { color:#565762; line-height:1.55; }
    .copy-structure-row-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:6px; }
    .copy-row-action { min-height:30px; padding:5px 7px; border:1px solid #e1e1e8; border-radius:8px; color:#666873; background:#fff; font-size:11px; line-height:1.2; white-space:nowrap; cursor:pointer; transition:.16s ease; }
    .copy-row-action:hover { border-color:#a997ef; color:#6046cc; background:#f8f6ff; }
    .copy-row-action.primary { border-color:#dcd3ff; color:#6046cc; background:#f5f1ff; }
    .copy-row-action.danger { color:#d45b63; }
    .copy-structure-empty { padding:38px; color:#9899a2; text-align:center; }
    .copy-structure-detail { width:min(1080px,calc(100vw - 48px)); max-width:none; border-radius:20px; box-shadow:0 32px 90px rgba(31,25,48,.24); }
    .copy-structure-detail .modal-head { padding:17px 20px; background:linear-gradient(135deg,#fcfbff,#f7f4ff); }
    .copy-structure-detail-summary { display:grid; grid-template-columns:1.1fr 2fr 110px 140px; gap:12px; padding:13px 14px; border:1px solid #ecebf1; border-radius:12px; background:#fafafd; }
    .copy-structure-detail-summary div { min-width:0; display:grid; gap:4px; }
    .copy-structure-detail-summary small { color:#999aa4; }
    .copy-structure-detail-summary strong { overflow:hidden; color:#383942; white-space:nowrap; text-overflow:ellipsis; }
    .copy-structure-formula-card { display:grid; gap:12px; margin-top:14px; }
    .copy-formula-overview { padding:15px 16px; border:1px solid #e9e7ef; border-radius:14px; background:#fff; }
    .copy-formula-overview > small { display:block; margin-bottom:10px; color:#898a95; }
    .copy-formula-overview > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
    .copy-formula-overview b { padding:7px 11px; border-radius:999px; color:#514a61; background:#f3f1f6; font-size:12px; }
    .copy-formula-overview i { color:#bbb7c4; font-style:normal; }
    .copy-effective-reason { display:flex; gap:12px; padding:15px 16px; border:1px solid #f4e1d9; border-radius:14px; background:#fff8f5; }
    .copy-effective-reason > span { display:grid; place-items:center; flex:0 0 auto; width:32px; height:32px; border-radius:50%; color:#ef6849; background:#ffe8df; font-weight:750; }
    .copy-effective-reason div { display:grid; gap:5px; }
    .copy-effective-reason strong { color:#38353d; }
    .copy-effective-reason p { margin:0; color:#625d67; line-height:1.65; }
    .copy-effective-reason small { color:#a56b57; }
    .copy-structure-scope { display:flex; gap:10px; padding:11px 14px; border-radius:11px; color:#676270; background:#f7f6f9; line-height:1.55; }
    .copy-structure-scope b { flex:0 0 auto; color:#47424e; }
    .copy-structure-detail-tabs { display:flex; gap:4px; margin:18px 0 12px; padding:4px; border-radius:11px; background:#f3f2f6; }
    .copy-structure-detail-tabs button { flex:1; padding:9px 14px; border:0; border-radius:8px; color:#777480; background:transparent; cursor:pointer; }
    .copy-structure-detail-tabs button.active { color:#5742be; background:#fff; box-shadow:0 2px 8px rgba(47,39,72,.08); font-weight:700; }
    .copy-structure-detail-tabs span { padding:1px 6px; border-radius:999px; background:#eeebf8; font-size:10px; }
    .copy-structure-detail-panel { display:none; }
    .copy-structure-detail-panel.active { display:block; }
    .copy-stage-list { display:grid; gap:10px; }
    .copy-stage-card { overflow:hidden; border:1px solid #e7e5eb; border-radius:14px; background:#fff; }
    .copy-stage-head { width:100%; display:grid; grid-template-columns:34px minmax(0,1fr) auto 18px; align-items:center; gap:11px; padding:13px 15px; border:0; color:#383942; background:#fff; text-align:left; cursor:pointer; }
    .copy-stage-head > i { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#fff; background:#201e24; font-style:normal; font-weight:750; }
    .copy-stage-head > span { display:grid; gap:3px; }
    .copy-stage-head small { color:#92909a; font-weight:400; }
    .copy-stage-head em { color:#9996a0; font-style:normal; }
    .copy-stage-head u { color:#aaa6b0; text-decoration:none; transition:transform .2s; }
    .copy-stage-card.expanded .copy-stage-head u { transform:rotate(180deg); }
    .copy-stage-body { display:none; gap:12px; padding:0 15px 15px 60px; border-top:1px solid #f0eef3; }
    .copy-stage-card.expanded .copy-stage-body { display:grid; }
    .copy-stage-source, .copy-stage-talk { padding:12px 14px; border-radius:11px; background:#faf9fb; }
    .copy-stage-source p, .copy-stage-talk p, .copy-stage-execution p { margin:6px 0 0; color:#5d5963; line-height:1.65; }
    .copy-stage-source button, .copy-stage-talk button { margin-top:9px; padding:5px 9px; border:1px solid #ddd9e5; border-radius:7px; color:#6553b5; background:#fff; cursor:pointer; }
    .copy-stage-talk { background:#fff7f3; }
    .copy-stage-talk > div:first-child { display:flex; align-items:center; justify-content:space-between; }
    .copy-stage-talk > div:last-child { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
    .copy-stage-talk span { padding:4px 7px; border-radius:6px; color:#c75c3f; background:#fff; font-size:10px; }
    .copy-stage-execution { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .copy-stage-execution section { padding:12px 14px; border:1px solid #ece9f1; border-radius:11px; background:#fff; }
    .copy-related-rank-note { display:flex; align-items:flex-start; gap:11px; padding:12px 14px; margin-top:14px; border:1px solid #e3ddfb; border-radius:11px; color:#5e536f; background:linear-gradient(135deg,#faf8ff,#f6f2ff); }
    .copy-related-rank-note i { display:grid; place-items:center; flex:0 0 auto; width:28px; height:28px; border-radius:9px; color:#fff; background:linear-gradient(135deg,#8268ed,#6049d1); font-size:11px; font-style:normal; font-weight:750; }
    .copy-related-rank-note div { display:grid; gap:3px; }
    .copy-related-rank-note strong { color:#3d374a; font-size:12px; }
    .copy-related-rank-note span { color:#847f8e; font-size:11px; line-height:1.55; }
    .copy-related-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:18px 0 10px; }
    .copy-related-toolbar input { width:310px; }
    .copy-related-list { display:grid; gap:12px; }
    .copy-related-item { display:grid; grid-template-columns:112px minmax(0,1fr); gap:14px; padding:12px; border:1px solid #e8e7ed; border-radius:12px; background:#fff; }
    .copy-related-video { position:relative; width:112px; overflow:hidden; aspect-ratio:9/16; border:0; border-radius:9px; color:#fff; background:linear-gradient(145deg,#514766,#171520); cursor:pointer; }
    .copy-related-video::after { content:"▶"; position:absolute; inset:0; display:grid; place-items:center; font-size:24px; text-shadow:0 2px 10px rgba(0,0,0,.5); }
    .copy-related-video span { position:absolute; z-index:1; left:8px; bottom:7px; font-size:10px; }
    .copy-related-copy { min-width:0; display:flex; flex-direction:column; }
    .copy-related-copy-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .copy-related-copy-head small { color:#999aa4; }
    .copy-related-spend { flex:0 0 auto; padding:5px 8px; border-radius:8px; color:#b55d28; background:#fff4e9; font-size:11px; font-weight:700; white-space:nowrap; }
    .copy-related-copy p { display:-webkit-box; overflow:hidden; margin:8px 0; color:#555661; line-height:1.7; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
    .copy-related-item.expanded .copy-related-copy p { display:block; }
    .copy-related-actions { display:flex; gap:7px; margin-top:auto; }
    .copy-structure-editor-modal { width:min(620px,100%); height:auto; max-height:calc(100vh - 40px); border-radius:20px; box-shadow:0 28px 80px rgba(35,28,57,.22); }
    .copy-structure-editor-modal .modal-head { padding:18px 22px; background:linear-gradient(135deg,#fbfaff 0%,#f6f3ff 100%); }
    .copy-structure-editor-modal .modal-head-title { display:flex; align-items:center; gap:12px; }
    .copy-structure-editor-modal .modal-head-title i, .cl-create-modal .modal-head-title i { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#6549d6; background:#eee9ff; font-style:normal; font-weight:750; }
    .copy-structure-editor-modal .modal-head-title small, .cl-create-modal .modal-head-title small { display:block; margin-top:3px; color:#92939d; font-size:11px; }
    .cl-create-modal .modal-head { padding:20px 24px; background:linear-gradient(135deg,#fbfaff 0%,#f6f3ff 100%); }
    .cl-create-modal .modal-head-title { display:flex; align-items:center; gap:12px; }
    .cl-create-modal .modal-head-title i { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#6549d6; background:#eee9ff; font-style:normal; font-weight:750; font-size:17px; }
    .cl-create-modal .modal-head-title h3 { margin:0; font-size:19px; font-weight:650; color:#2a2c3f; letter-spacing:-0.2px; }
    /* 文案库 · 查看弹窗(只读,头部紫色弱化) */
    .cl-view-modal { width:min(760px,100%); height:auto; max-height:calc(100vh - 40px); border-radius:18px; box-shadow:0 24px 72px rgba(34,28,52,.18); }
    .cl-view-modal .modal-head { padding:18px 22px; background:linear-gradient(135deg,#f5f4ff 0%,#eeebff 100%); border-bottom:1px solid #e8e4f3; }
    .cl-view-modal .modal-head-title { display:flex; align-items:center; gap:12px; }
    .cl-view-modal .modal-head-title i { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#5b3fd4; background:#e8e2ff; font-style:normal; font-weight:750; font-size:17px; }
    .cl-view-modal .modal-head-title h3 { margin:0; font-size:19px; font-weight:650; color:#2a2c3f; letter-spacing:-0.2px; }
    .cl-view-modal .modal-head-title small { display:block; margin-top:3px; color:#92939d; font-size:11px; }
    .cl-view-banner { display:flex; align-items:center; gap:10px; margin-bottom:14px; padding:9px 14px; border:1px solid #e2dcf3; border-radius:9px; color:#5a4a8a; font-size:12px; background:linear-gradient(135deg,#f7f4ff 0%,#efebff 100%); }
    .cl-view-banner-tag { display:inline-flex; height:20px; align-items:center; padding:0 9px; border-radius:10px; color:#fff; font-size:10px; font-weight:650; background:linear-gradient(135deg,#6c5ce7,#8b7af0); letter-spacing:.3px; box-shadow:0 1px 3px rgba(108,92,231,.3); }
    .cl-view-readonly { display:inline-flex; align-items:center; min-height:32px; padding:6px 11px; border:1px solid #ece9f1; border-radius:7px; color:#3a3445; font-size:12px; background:#faf9fc; }
    .cl-view-readonly.block { display:block; min-height:38px; padding:10px 12px; line-height:1.7; white-space:pre-wrap; word-break:break-word; }
    .cl-view-text { min-height:120px; max-height:240px; overflow:auto; font-size:13px; line-height:1.85; color:#302a39; }
    .cl-view-modal .cl-edit-persona-field > span:first-child { color:#6d6675; font-size:12px; font-weight:600; }
    .copy-structure-editor-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
    .copy-structure-editor-grid label, .copy-structure-editor-field { display:grid; gap:7px; color:#4a4b55; font-size:12px; font-weight:650; }
    .copy-structure-editor-grid .full { grid-column:1/-1; }
    .copy-structure-editor-grid input, .copy-structure-editor-grid select { width:100%; }
    .copy-level-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .copy-level-options > button { display:grid; grid-template-columns:34px minmax(0,1fr) 20px; align-items:center; gap:10px; min-height:64px; padding:10px 12px; border:1px solid #e3e1e9; border-radius:12px; color:#565762; background:#fff; text-align:left; cursor:pointer; }
    .copy-level-options > button i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#6c5d87; background:#f0eef4; font-size:12px; font-style:normal; font-weight:750; }
    .copy-level-options > button span { display:grid; gap:3px; }
    .copy-level-options > button small { color:#999aa3; font-size:10px; font-weight:400; }
    .copy-level-options > button em { visibility:hidden; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:#fff; background:#7055dd; font-size:10px; font-style:normal; }
    .copy-level-options > button:hover { border-color:#b7a9ed; }
    .copy-level-options > button.active { border-color:#8269eb; color:#533bbb; background:#f8f5ff; box-shadow:0 0 0 2px rgba(112,84,221,.06); }
    .copy-level-options > button.active i { color:#fff; background:linear-gradient(135deg,#8065eb,#5c48cc); }
    .copy-level-options > button.active em { visibility:visible; }
    .copy-structure-head-actions { display:flex; align-items:center; gap:8px; }
    .copy-structure-head-actions .primary-btn { min-height:36px; padding:8px 14px; border-radius:10px; }
    .cl-create-modal { width:min(880px,100%); height:auto; max-height:calc(100vh - 40px); border-radius:20px; box-shadow:0 30px 88px rgba(34,28,52,.22); }
    .cl-create-modal .modal-head { padding:18px 22px; background:linear-gradient(135deg,#fcfbff 0%,#f6f3ff 100%); }
    .cl-create-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:5px; margin-bottom:18px; border:1px solid #e8e6ed; border-radius:14px; background:#f7f7fa; }
    .cl-create-tabs button { min-height:56px; display:flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid transparent; border-radius:10px; color:#777985; background:transparent; text-align:left; cursor:pointer; }
    .cl-create-tabs button i { display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; border-radius:9px; color:#7b6d92; background:#ecebf0; font-style:normal; }
    .cl-create-tabs button span { display:grid; gap:2px; }
    .cl-create-tabs button small { color:#9a9ba5; font-size:10px; }
    .cl-create-tabs button.active { border-color:#ded5ff; color:#563bc4; background:#fff; box-shadow:0 5px 16px rgba(58,48,91,.09); font-weight:650; }
    .cl-create-tabs button.active i { color:#fff; background:linear-gradient(135deg,#7b5ff0,#5a47cd); }
    .cl-create-panel[hidden] { display:none; }
    .cl-create-section { padding-top:17px; margin-top:17px; border-top:1px solid #eeeeF2; }
    .cl-create-copy-section { padding-top:14px; margin-top:14px; }
    .cl-create-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:13px; }
    .cl-create-section-head h4 { margin:0; color:#30313a; font-size:14px; }
    .cl-create-section-head p { margin:4px 0 0; color:#999aa4; font-size:11px; }
    .cl-create-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
    .cl-create-field { display:grid; gap:7px; color:#555762; font-size:12px; }
    .cl-create-field.full { grid-column:1/-1; }
    .cl-create-field input, .cl-create-field select, .cl-create-field textarea { width:100%; box-sizing:border-box; min-height:42px; padding:10px 12px; border:1px solid #dedee7; border-radius:10px; color:#363842; background:#fff; font:inherit; font-size:13px; line-height:1.55; outline:0; transition:border-color .15s, box-shadow .15s, background .15s; }
    .cl-create-field select { padding-right:38px; appearance:auto; cursor:pointer; }
    .cl-create-field input:hover, .cl-create-field select:hover, .cl-create-field textarea:hover { border-color:#bcb2e5; }
    .cl-create-field input:focus, .cl-create-field select:focus, .cl-create-field textarea:focus { border-color:#795eed; box-shadow:0 0 0 3px rgba(121,94,237,.12); }
    .cl-create-field input::placeholder, .cl-create-field textarea::placeholder { color:#b2b3bc; }
    .cl-create-field textarea { min-height:112px; resize:vertical; }
    .cl-create-product-trigger,
    .cl-edit-product-trigger { width:100%; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #dedee7; border-radius:10px; color:#363842; background:#fff; font:inherit; font-size:13px; text-align:left; cursor:pointer; transition:border-color .15s, box-shadow .15s, background .15s; }
    .cl-create-product-trigger:hover,
    .cl-edit-product-trigger:hover { border-color:#bcb2e5; }
    .cl-create-product-trigger:focus,
    .cl-edit-product-trigger:focus { border-color:#795eed; box-shadow:0 0 0 3px rgba(121,94,237,.12); outline:0; }
    .cl-create-product-trigger .placeholder,
    .cl-edit-product-trigger .placeholder { color:#b2b3bc; }
    .cl-create-product-trigger b,
    .cl-edit-product-trigger b { color:#8c8c98; font-size:14px; font-weight:500; }
    .cl-edit-product-trigger { min-height:36px; padding:7px 11px; border-radius:8px; font-size:13px; }
    .cl-audience-block { grid-column:1/-1; display:grid; gap:13px; padding:15px; border:1px solid #e5e1f1; border-radius:14px; background:linear-gradient(145deg,#fcfbff,#faf9fd); }
    .cl-create-persona-title, .cl-audience-core-title { color:#42444f; font-size:12px; font-weight:650; }
    .cl-create-persona-source { width:max-content; display:inline-grid; grid-template-columns:repeat(2,auto); gap:3px; padding:3px; border:1px solid #e2e2e9; border-radius:10px; background:#f6f6f9; }
    .cl-create-persona-source button { min-width:108px; height:34px; padding:0 14px; border:0; border-radius:7px; color:#747682; background:transparent; font:inherit; font-size:12px; cursor:pointer; }
    .cl-create-persona-source button.active { color:#5d46ce; background:#fff; box-shadow:0 1px 4px rgba(35,31,55,.1); font-weight:600; }
    .cl-create-template-select[hidden] { display:none; }
    .cl-create-template-select > button { width:100%; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 11px; border:1px solid #dedee7; border-radius:10px; color:#565863; background:#fff; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
    .cl-create-template-select > button:hover { border-color:#9380ec; box-shadow:0 0 0 3px rgba(128,103,239,.08); }
    .cl-create-template-select span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .cl-create-template-select i { color:#999ba6; font-style:normal; }
    .cl-audience-text-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .cl-audience-text-grid .cl-create-field textarea { min-height:82px; }
    .cl-audience-line { display:grid; gap:7px; }
    .cl-audience-line > span { color:#51525d; font-size:12px; font-weight:650; }
    .cl-audience-chips { display:flex; flex-wrap:wrap; gap:7px; }
    .cl-audience-chip { min-height:32px; padding:6px 12px; border:1px solid #dfdfe7; border-radius:9px; color:#73747f; background:#fff; font-size:12px; cursor:pointer; }
    .cl-audience-chip:hover { border-color:#b9a9f4; color:#6549d6; }
    .cl-audience-chip.active { border-color:#8065ef; color:#6549d6; background:#f5f1ff; box-shadow:0 0 0 2px rgba(116,87,232,.06); }
    .cl-custom-age { display:none; align-items:center; gap:7px; }
    .cl-custom-age.show { display:flex; }
    .cl-custom-age input { width:82px; height:34px; }
    .cl-create-ai-action { float:right; padding:0; border:0; color:#795eed; background:transparent; font:inherit; font-size:11px; cursor:pointer; }
    .cl-create-ai-action:hover { color:#553ac8; text-decoration:underline; }
    .cl-create-modal .modal-foot { padding:14px 22px; background:#fbfbfd; }
    .cl-create-modal .modal-foot .primary-btn, .copy-structure-editor-modal .modal-foot .primary-btn { min-width:108px; }