/* 款4：生成任务 左主区 + 右边栏 */
            .saas-tasks-layout { display: flex; gap: 16px; align-items: flex-start; }
            .saas-tasks-main { flex: 1; min-width: 0; }
            .saas-tasks-side { width: 250px; flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; }
            .sb-card { background: #fff; border: 1px solid #eef0f8; border-radius: 16px; padding: 18px; box-shadow: 0 1px 3px rgba(5,0,56,.04); }
            .sb-acct { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
            .sb-avatar { width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; object-fit: cover; }
            .sb-avatar-initial { background: #eef2ff; color: #7083df; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; }
            .sb-acct-meta { min-width: 0; }
            .sb-acct-name { font-size: 14px; font-weight: 600; color: #1a1a2e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .sb-acct-sub { font-size: 11px; color: #9aa0b8; margin-top: 2px; }
          .sb-points-lab { font-size: 12px; color: #6b6b9a; }
            .sb-points-val { font-family: 'DM Mono', monospace; font-size: 20px; font-weight: 500; color: #1a1a2e; line-height: 1; }
            .sb-ring-wrap { display: flex; align-items: center; gap: 14px; }
            .sb-ring { position: relative; width: 84px; height: 84px; flex-shrink: 0; }
            .sb-ring-track { stroke: #f0f2f6; }
            .sb-ring-text { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
            .sb-ring-pct { font-family: 'DM Mono', monospace; font-size: 16px; font-weight: 500; color: #1a1a2e; }
            .sb-ring-lab { font-size: 10px; color: #9aa0b8; }
            .sb-ring-side .sb-points-lab { margin-top: 2px; }
            html.dark-mode .sb-ring-track { stroke: #2D2D5C !important; }
            html.dark-mode .sb-ring-pct { color: #e0e4f8 !important; }
            .sb-cta { margin-top: 14px; width: 100%; background: #7083df; color: #fff; border: none; border-radius: 10px; padding: 9px 0; font-size: 13px; font-weight: 600; cursor: pointer; transition: 0.2s ease; }
            .sb-cta:hover { background: #5a6fd0; }
            .sb-title { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #1a1a2e; margin-bottom: 14px; }
            .sb-bar-tick { width: 4px; height: 14px; border-radius: 99px; background: #7083df; display: inline-block; }
           .sb-spark { display: flex; align-items: flex-end; gap: 7px; height: 60px; }
            .sb-spark i { flex: 1; background: #e6ebff; border-radius: 4px 4px 0 0; min-height: 4px; }

            /* 方案 A：纯数字 + 仪式感会员徽章 */
            .sb-badge { display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; padding:2px 10px; border-radius:6px; letter-spacing:0.1em; line-height:1.5; white-space:nowrap; }
            .sb-badge svg { width:13px; height:13px; }
            .sb-badge.lv0 { background:rgba(107,107,154,.12); color:#6b6b9a; }
            .sb-badge.lv1 { background:#534AB7; color:#fff; }
            .sb-badge.lv2 { background:#26215C; color:#fff; }
            .sb-badge.lv3 { background:#26215C; color:#FAC775; }
            .sb-balance-box { background:#f4f5fb; border-radius:12px; padding:14px 16px; margin-top:4px; }
            .sb-balance-lab { font-size:12px; color:#6b6b9a; }
            .sb-balance-val { font-family:'DM Mono',monospace; font-size:30px; font-weight:500; color:#1a1a2e; line-height:1.1; margin-top:2px; }
            .sb-balance-sub { font-size:11px; color:#9aa0b8; margin-top:4px; }
            html.dark-mode .sb-balance-box { background:#22243a !important; }
            html.dark-mode .sb-balance-val { color:#fff !important; }
            html.dark-mode .sb-badge.lv0 { background:rgba(255,255,255,.08) !important; color:#8a8fa8 !important; }

            @media (max-width: 1100px) {
                .saas-tasks-layout { flex-direction: column; }
                .saas-tasks-side { width: 100%; flex-direction: row; }
                .saas-tasks-side .sb-card { flex: 1; }
            }

            /* 暗黑模式 */
            html.dark-mode .sb-card { background: #1A1A40 !important; border-color: #2D2D5C !important; }
            html.dark-mode .sb-acct-name, html.dark-mode .sb-points-val, html.dark-mode .sb-title { color: #e0e4f8 !important; }
            html.dark-mode .sb-acct-sub, html.dark-mode .sb-points-lab { color: #8A8FA8 !important; }
            html.dark-mode .sb-bar, html.dark-mode .sb-spark i { background: #2D2D5C !important; }
           html.dark-mode .sb-avatar-initial { background: rgba(112,131,223,.18) !important; color: #cfd6ff !important; }

            /* ==========================================
                🌟 全局统一样式规范 (对齐回忆录 & Miro UI 规范)
               ========================================== */
                        /* V4 性能优化：去除 Google Fonts 外链，改用系统字体栈，避免 fonts.googleapis.com / fonts.gstatic.com 首屏请求 */

            #wpadminbar { display: none !important; }
            html { margin-top: 0 !important; }
                        body.saas-takeover-active { overflow: hidden !important; background-color: #edf0f5 !important; margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; -webkit-font-smoothing: antialiased; }
            body.saas-takeover-active > *:not(#saas-fullscreen-app-wrapper):not(#saas-global-login-mask):not(#saas-global-login-modal):not(#storyos-sidebar-login-test-mask):not(#storyos-sidebar-login-test-modal):not([class^="ql-"]):not(script):not(style):not(link):not([id^="saas-toast-"]):not([id^="saas-dialog-"]):not([id$="-modal-bg"]):not([id$="-modal-box"]) { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important; position: absolute !important; z-index: -9999 !important; }
            
            #saas-fullscreen-app-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background-color: #edf0f5 !important; z-index: 2147483640 !important; overflow: hidden !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; display: flex; align-items: flex-start; justify-content: center; }
            #saas-fullscreen-app-wrapper * { box-sizing: border-box; }
            #saas-dashboard-main-container { width: 100%; max-width: none; height: 100vh; min-height: 100vh; max-height: none; background-color: transparent; border-radius: 0; box-shadow: none; display: flex; flex-direction: row; overflow: hidden; }

            .ds-col-center-wrapper { flex: 1; display: flex; flex-direction: column; padding: 36px 40px; overflow-y: auto; overflow-x: hidden; background: #edf0f5; }
            
            /* 🎯 顶部 Tab 行容器 */
            .saas-tab-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 32px; gap: 20px;}

            /* 🎯 Tab 胶囊切换器 */
            .html-tabs { display: flex; gap: 8px; padding: 4px; background: #edf0f5; border-radius: 999px; border: 1px solid #e0e2ea; flex-shrink: 0; }
            .html-tab { font-size: 14px; font-weight: 600; letter-spacing: 0; color: #6b6b9a; cursor: pointer; padding: 8px 22px; border: none; background: transparent; position: relative; transition: all 0.2s ease; box-shadow: none; flex-shrink: 0; border-radius: 999px; }
            .html-tab.active { background: #fff; color: #1a1a2e; box-shadow: 0 1px 3px rgba(5,0,56,.08); font-weight: 700; }
            .html-tab.active::after { display: none; }
            .html-tab:hover:not(.active) { color: #7083df; background: rgba(255,255,255,0.5); }

            /* 🎯 竖线分类头 (紧凑吸附) */
            .saas-folder-group { margin-bottom: 32px; transition: 0.3s; }
            .saas-folder-header { display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 6px 0; background: transparent; border: none; cursor: pointer; user-select: none; margin-bottom: 12px; transition: opacity 0.2s;}
            .saas-folder-header:hover { opacity: 0.8; }
            
            .saas-folder-line { display: block; width: 4px; height: 16px; border-radius: 2px; flex-shrink: 0; }
            .saas-folder-title { font-size: 16px; font-weight: 600; color: #1a1a2e; line-height: 1.4; display: flex; align-items: center; gap: 10px; }
            .saas-folder-count { font-family: 'DM Mono', monospace; background: #f0f2f6; color: #6b6b9a; font-size: 12px; padding: 2px 10px; border-radius: 999px; font-weight: 500; }
            
            /* 🚀 动态折叠箭头 */
            .saas-folder-toggle-icon { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: #9aa0b8; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin-left: 2px;}
            .saas-folder-group.collapsed .saas-folder-toggle-icon { transform: rotate(-90deg); } 
            .saas-folder-group.collapsed .saas-folder-content { display: none; }
            .saas-folder-group.collapsed .saas-folder-header { margin-bottom: 0; opacity: 0.6; }

            /* 🎯 栅格排版与像素级卡片克隆 */
            .saas-folder-content { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; align-items: stretch; padding-bottom: 8px; }

            .saas-grid-card { background: #fff; border-radius: 16px; border: 1px solid #eef0f8; display: flex; flex-direction: row; overflow: hidden; transition: 0.2s ease; position: relative; height: 100%; padding: 0; box-shadow: 0 1px 3px rgba(5,0,56,.05); }
            .saas-grid-card:hover { box-shadow: 0 6px 20px rgba(5,0,56,.10); border-color: #d0d4f0; transform: translateY(-2px); }

            /* 修复：增大 padding-right 防止文本被绝对定位按钮遮挡 */
            .saas-card-body { flex: 1; padding: 16px 130px 16px 16px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
            .saas-card-icon { width: 32px; height: 32px; border-radius: 8px; background: #f0f2ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 10px; }
            .saas-card-icon svg { width: 16px; height: 16px; }
            
            /* 修复：加入 white-space: nowrap 防止被压缩换行 */
            .saas-card-name { font-size: 15px; font-weight: 600; color: #1a1a2e; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }
            .saas-card-desc { font-family: 'DM Mono', monospace; font-size: 12px; font-weight: 500; color: #6b6b9a; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.04em; margin-bottom: 0; }

            /* 修复：绝对定位右上方，与顶部图标垂直居中对齐 */
            .saas-card-footer { position: absolute; top: 16px; height: 32px; right: 40px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0; margin: 0; background: transparent; border: none; border-radius: 0; flex-shrink: 0; }

            .saas-card-actions { display: flex; gap: 8px; align-items: center; }
            .saas-action-btn, .saas-title-edit-btn { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #e4e6f2; background: transparent; color: #c0c5d8; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.18s ease; padding: 0; flex-shrink: 0; }
            .saas-action-btn svg, .saas-title-edit-btn svg { width: 12px; height: 12px; }
            .saas-grid-card:hover .saas-action-btn { border-color: #c8ccd8; color: #a0a8c0; }
            .saas-action-btn:hover { background: #7083df !important; color: #fff !important; border-color: #7083df !important; }
            .saas-action-btn.main { border-color: #e4e6f2; }
            .saas-action-btn.danger:hover { background: #ef4444 !important; color: #fff !important; border-color: #ef4444 !important; }

            .saas-title-edit-btn { opacity: 0; }
            .saas-title-edit-btn svg { stroke-width: 2.5; }
            .saas-grid-card:hover .saas-title-edit-btn { opacity: 1; }
            .saas-title-edit-btn:hover { background: #f0f2ff; border-color: #7083df; color: #7083df; }

            .saas-card-side { width: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; }
            .saas-card-side-text { writing-mode: vertical-rl; transform: rotate(180deg); font-family: 'DM Mono', monospace; font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.85); letter-spacing: 0.08em; text-transform: uppercase; user-select: none; }
            .saas-card-side-line { width: 12px; height: 2px; background: rgba(255,255,255,0.35); }

         /* ==========================================
               🎯 款4：数据概览大卡 + 精致任务表（生成任务页）
               ========================================== */
            .saas-ov { background:#fff; border:1px solid #eef0f8; border-radius:18px; padding:6px 0; display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:16px; box-shadow:0 1px 3px rgba(5,0,56,.04); }
            .saas-ov-c { padding:16px 22px; display:flex; flex-direction:column; gap:6px; border-right:1px solid #eef0f8; }
            .saas-ov-c:last-child { border-right:none; }
            .saas-ov-lab { font-size:12px; color:#6b6b9a; display:flex; align-items:center; gap:7px; }
            .saas-ov-lab svg { width:15px; height:15px; }
            .saas-ov-val { font-family:'DM Mono',monospace; font-size:28px; font-weight:500; line-height:1; }

            .stk-panel { background:#fff; border:1px solid #eef0f8; border-radius:18px; box-shadow:0 1px 3px rgba(5,0,56,.04); overflow:hidden; }
            .stk-head { display:flex; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid #f0f2f6; }
            .stk-title { display:flex; align-items:center; gap:9px; font-size:15px; font-weight:700; color:#1a1a2e; }
            .stk-title::before { content:''; width:4px; height:15px; border-radius:99px; background:#7083df; display:inline-block; }
            .stk-chips { margin-left:auto; display:flex; gap:6px; }
            .stk-chip { font-size:12px; padding:5px 13px; border-radius:999px; color:#6b6b9a; background:#f0f2f6; cursor:pointer; transition:0.15s ease; }
            .stk-chip:hover { background:#e6ebff; color:#7083df; }
            .stk-chip.on { background:#eef2ff; color:#7083df; font-weight:600; }

            .stk-grid { display:grid; grid-template-columns:minmax(0,1fr) 96px 196px 72px 132px; align-items:center; gap:10px; }
            .stk-actions .saas-action-btn { flex-shrink:0; }
            .stk-thead { padding:11px 20px; border-bottom:1px solid #f0f2f6; background:#fbfcfe; }
            .stk-thead span { font-size:11px; font-weight:600; color:#9aa3af; letter-spacing:0.04em; }
            .stk-thead .th-cost, .stk-thead .th-actions { text-align:right; }

            .stk-list { display:block; }
            .stk-row { padding:13px 20px; border-bottom:1px solid #f4f5f9; transition:background 0.16s ease; }
            .stk-row:last-child { border-bottom:none; }
            .stk-row:hover { background:#fafbff; }
            .stk-title-cell { min-width:0; display:flex; align-items:center; gap:10px; cursor:pointer; }
            .stk-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
            .stk-text { font-family:'DM Sans',sans-serif; font-size:14px; font-weight:400; color:#5b6079; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; }
            .stk-date { font-family:'DM Mono',monospace; font-size:12px; color:#9aa0b8; font-weight:500; white-space:nowrap; }
            .stk-status .stk-pill { display:inline-flex; align-items:center; font-family:'DM Mono',monospace; font-size:11px; font-weight:600; padding:3px 10px; border-radius:999px; letter-spacing:0.02em; white-space:nowrap; }
            .stk-cost { font-family:'DM Mono',monospace; font-size:13px; color:#1A1A40; font-weight:500; text-align:right; white-space:nowrap; }
            .stk-actions { display:flex; gap:6px; align-items:center; justify-content:flex-end; }
            .stk-empty { padding:40px 20px; text-align:center; color:#b0b5c8; font-size:13px; }

            /* 生成中：呼吸脉冲动画 + 提示文字（方案C） */
            @keyframes sf-pulse { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
            .stk-pill.is-running { animation:sf-pulse 1.6s ease-in-out infinite; }
            .stk-dot.is-running { animation:sf-pulse 1.6s ease-in-out infinite; }
            .stk-running-tip { font-size:11px; color:#9aa0b8; white-space:nowrap; margin-left:2px; }
            html.dark-mode .stk-running-tip { color:#8a8fa8 !important; }

            /* 方案C：失败标签 + 重试小标签 同在状态列 */
            .stk-status { display:flex; align-items:center; gap:8px; }
            .stk-retry-btn { display:inline-flex; align-items:center; gap:3px; height:22px; padding:0 9px; border-radius:999px; border:1px solid #7083df; background:#fff; color:#7083df; font-size:11px; font-weight:600; cursor:pointer; white-space:nowrap; transition:0.18s ease; flex-shrink:0; font-family:'DM Sans',sans-serif; }
            .stk-retry-btn:hover { background:#7083df; color:#fff; }
            .stk-retry-btn svg { stroke:currentColor; }
            html.dark-mode .stk-retry-btn { background:transparent; border-color:#7083df; color:#9aa8e8; }
            html.dark-mode .stk-retry-btn:hover { background:#7083df; color:#fff; }

            /* 失败任务「重试」文字按钮：浅蓝描边胶囊，明显但不抢眼 */
            .stk-retry-btn { display:inline-flex; align-items:center; gap:4px; height:26px; padding:0 12px; border-radius:999px; border:1px solid #7083df; background:#fff; color:#7083df; font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap; transition:0.18s ease; flex-shrink:0; font-family:'DM Sans',sans-serif; }
            .stk-retry-btn:hover { background:#7083df; color:#fff; }
            .stk-retry-btn svg { stroke:currentColor; }
            html.dark-mode .stk-retry-btn { background:transparent; border-color:#7083df; color:#9aa8e8; }
            html.dark-mode .stk-retry-btn:hover { background:#7083df; color:#fff; }

            html.dark-mode .saas-ov { background:#1A1A40 !important; border-color:#2D2D5C !important; }
            html.dark-mode .saas-ov-c { border-right-color:#2D2D5C !important; }
            html.dark-mode .saas-ov-val { color:#fff !important; }
            html.dark-mode .stk-panel { background:#1A1A40 !important; border-color:#2D2D5C !important; }
            html.dark-mode .stk-head, html.dark-mode .stk-thead { border-bottom-color:#2D2D5C !important; background:transparent !important; }
            html.dark-mode .stk-title { color:#e0e4f8 !important; }
            html.dark-mode .stk-chip { background:#22243a !important; color:#8a8fa8 !important; }
            html.dark-mode .stk-chip.on { background:rgba(112,131,223,.2) !important; color:#cfd6ff !important; }
            html.dark-mode .stk-row { border-bottom-color:#26264a !important; }
            html.dark-mode .stk-row:hover { background:rgba(255,255,255,.03) !important; }
            html.dark-mode .stk-text, html.dark-mode .stk-cost, html.dark-mode .stk-date { color:#8A8FA8 !important; }

            /* 🚀 剧本速览大弹窗专用 UI */
            .preview-tabs { display: flex; gap: 32px; border-bottom: 1px solid #e8eaf0; padding: 0 36px; background: #ffffff; }
            .preview-tab { padding: 18px 0; font-size: 14px; font-weight: 600; color: #6b6b9a; cursor: pointer; border-bottom: 3px solid transparent; transition: 0.2s ease; position: relative;}
            .preview-tab.active { color: #7083df; border-bottom-color: #7083df; font-weight: 700; }
            .preview-tab:hover:not(.active) { color: #1a1a2e; }
            .preview-content-area { flex: 1; overflow-y: auto; padding: 36px; background: #f4f5fb; }
            .preview-pane { display: none; animation: fadeIn 0.3s ease; }
            .preview-pane.active { display: block; }
            #task-modal-box .preview-pane { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 400; color: #374151; line-height: 1.75; }
            /* 故事策划编辑器：Quill 正文排版对齐任务结果弹窗（与图1一致） */
            #editor-modal-box .ql-editor { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 400; color: #374151; line-height: 1.75; }
            #editor-modal-box .ql-editor > *:first-child { margin-top: 0; }
            #editor-modal-box .ql-editor p { margin: 0; }
            #editor-modal-box .ql-editor strong, #editor-modal-box .ql-editor b { font-weight: 700; }
            #editor-modal-box .ql-editor h1 { font-size: 20px; font-weight: 700; color: #1a1a2e; line-height: 1.4; margin: 16px 0 8px; }
            #editor-modal-box .ql-editor h2 { font-size: 18px; font-weight: 700; color: #1a1a2e; line-height: 1.4; margin: 16px 0 8px; }
            #editor-modal-box .ql-editor h3 { font-size: 16px; font-weight: 700; color: #1a1a2e; line-height: 1.4; margin: 16px 0 8px; }
            #editor-modal-box .ql-editor h4 { font-size: 15px; font-weight: 700; color: #1a1a2e; line-height: 1.4; margin: 16px 0 8px; }
            #editor-modal-box .ql-editor h5, #editor-modal-box .ql-editor h6 { font-size: 14px; font-weight: 700; color: #1a1a2e; line-height: 1.4; margin: 16px 0 8px; }
            #editor-modal-box .ql-editor ul, #editor-modal-box .ql-editor ol { margin: 8px 0; padding-left: 22px; }
            #editor-modal-box .ql-editor li { margin: 2px 0; line-height: 1.65; }
            /* 工具栏固定、编辑区内部滚动：Quill 编辑区自身滚动，工具栏钉在顶部不动 */
            #editor-modal-box .editor-mod-pane { flex-direction: column; flex: 1 1 auto; min-height: 0; }
            #editor-modal-box .ql-toolbar.ql-snow { flex: 0 0 auto; background: #fff; }
            #editor-modal-box .ql-container.ql-snow { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
            /* 右下角调整大小手柄 */
            #editor-resize-handle { opacity: 0.5; transition: opacity 0.15s ease; }
            #editor-resize-handle:hover { opacity: 1; }
            @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
            
            .mock-synopsis { font-size: 14px; line-height: 1.65; color: #475569; text-align: justify; font-weight: 400; }
            .mock-synopsis h4 { margin:20px 0 10px 0; color:#1a1a2e; font-size:16px; font-weight: 600; }
            .mock-epi-list { display: flex; flex-direction: column; gap: 12px; }
            .mock-epi-item { background: #fff; padding: 20px; border-radius: 16px; border: 1px solid #eef0f8; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; box-shadow: 0 1px 3px rgba(5,0,56,.05);}
            .mock-epi-num { font-family: 'DM Mono', monospace; font-size: 14px; font-weight: 500; color: #7083df; background: #eef1ff; padding: 4px 10px; border-radius: 8px; flex-shrink:0;}

            /* 弹窗及通用 */
            .global-saas-modal { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(5,0,56,0.45); backdrop-filter: blur(4px); z-index:2147483648; }
            .global-saas-modal-box { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border-radius: 24px; z-index: 2147483649; flex-direction:column; border: 1px solid #eef0f8; box-shadow: 0 24px 64px rgba(5,0,56,.18); }

            @media (max-width: 1200px) {
                #saas-fullscreen-app-wrapper { padding: 0 !important; } 
                #saas-dashboard-main-container { flex-direction: column; height: auto; max-height: none; border-radius: 0; box-shadow: none; }
                .ds-col-center-wrapper { padding: 20px; overflow: visible; }
            }

            /* ==========================================
               🌙 暗黑模式 Dark Mode (同步更新)
               ========================================== */
            html.dark-mode body.saas-takeover-active, html.dark-mode #saas-fullscreen-app-wrapper, html.dark-mode .ds-col-center-wrapper { background: #12131f !important; }
            html.dark-mode .saas-tab-header { border-color: #2a2b40 !important; }
            html.dark-mode .html-tabs { background: #1e2030 !important; border-color: #2a2b40 !important; }
            html.dark-mode .html-tab { color: #6b7299 !important; background: transparent !important; }
            html.dark-mode .html-tab.active { background: #2a2b40 !important; color: #e0e4f8 !important; box-shadow: 0 1px 6px rgba(0,0,0,0.3) !important; }
            html.dark-mode .html-tab.active::after { display: none !important; }
            html.dark-mode .html-tab:hover:not(.active) { background: rgba(255,255,255,0.05) !important; color: #9aa8d8 !important; }
            
            html.dark-mode .saas-folder-title { color: #e0e4f8 !important; }
            html.dark-mode .saas-folder-count { background: #22243a !important; color: #6b7299 !important; }
            html.dark-mode .saas-folder-toggle-icon { color: #6b7299 !important; }
            
            html.dark-mode .saas-grid-card, html.dark-mode .saas-task-row { background: #1A1A40 !important; box-shadow: 0 1px 3px rgba(5,0,56,.15) !important; border: 1px solid #2D2D5C !important; }
            html.dark-mode .saas-grid-card:hover, html.dark-mode .saas-task-row:hover { border-color: #4682B4 !important; box-shadow: 0 6px 24px rgba(5,0,56,.3) !important; transform: translateY(-2px) !important; }
            html.dark-mode .html-stat-box { background: #1A1A40 !important; border-color: #2D2D5C !important; box-shadow: 0 1px 3px rgba(5,0,56,.15) !important; }
            html.dark-mode .html-stat-box:hover { border-color: #4682B4 !important; box-shadow: 0 4px 12px rgba(5,0,56,.2) !important; transform: translateY(-1px) !important; }
            
            /* 卡片名称 / 顶部统计数值保持极白强反差 */
            html.dark-mode .saas-card-name, html.dark-mode .html-stat-val { color: #FFFFFF !important; }
            
            /* 生成内容的长摘要(.task-col-title) 彻底降级为辅助文本色，弱化视觉噪音 */
            html.dark-mode .saas-card-desc, html.dark-mode .html-stat-lab, html.dark-mode .task-col-title, html.dark-mode .task-col-cost, html.dark-mode .task-col-date { color: #8A8FA8 !important; }
            
            /* 修复暗黑模式卡片底部残留 */
            html.dark-mode .saas-card-footer { background: transparent !important; border: none !important; }
            
            html.dark-mode .task-col-status { color: #c0c4e0 !important; }
            
            html.dark-mode .saas-action-btn, html.dark-mode .saas-title-edit-btn { border-color: #3a3c58 !important; color: #6b7299 !important; }
            html.dark-mode .saas-grid-card:hover .saas-action-btn, html.dark-mode .saas-task-row:hover .saas-action-btn, html.dark-mode .saas-grid-card:hover .saas-title-edit-btn { border-color: #4a4d6b !important; color: #8890b8 !important; }
            html.dark-mode .saas-action-btn:hover, html.dark-mode .saas-title-edit-btn:hover { background: #7083df !important; color: #fff !important; border-color: #7083df !important; }
            html.dark-mode .saas-action-btn.danger:hover { background: #ef4444 !important; border-color: #ef4444 !important; }
            
            html.dark-mode .saas-card-icon[style*="#f0f0fc"], html.dark-mode .task-col-icon { background: rgba(112, 131, 223, 0.15) !important; border-color: transparent !important;}
            html.dark-mode .saas-card-icon[style*="#fff8eb"] { background: rgba(245, 158, 11, 0.15) !important; }
            html.dark-mode .saas-card-icon[style*="rgba(239, 68, 68, 0.12)"] { background: rgba(239, 68, 68, 0.15) !important; }
            html.dark-mode .saas-card-type-label { color: #6b7299 !important; }
        
            /* ================= 剧本书架（A2 · 冷调雾蓝） ================= */
            .saas-folder-content.sos-shelf { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 34px 22px; padding: 4px 11px 20px; align-items: end; }
            .saas-folder-content.sos-shelf .saas-grid-card.sos-book { position: relative; display: flex; flex-direction: column; gap: 8px; height: auto; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; transform: none; }
            .saas-folder-content.sos-shelf .saas-grid-card.sos-book:hover { background: transparent; border: 0; box-shadow: none; transform: none; }
            .sos-book::after { content: ''; position: absolute; left: -11px; right: -11px; bottom: -20px; height: 8px; border-radius: 2px; background: linear-gradient(#ece8e0, #e1dbcf); box-shadow: 0 2px 4px rgba(0,0,0,.05); pointer-events: none; }
            .sos-book-cover { --sos-bg: #dce7f0; --sos-ac: #4f7493; position: relative; aspect-ratio: 3 / 4; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 14px 12px 12px 22px; box-sizing: border-box; border-radius: 4px 10px 10px 4px; background: linear-gradient(160deg, #f5f8fa, var(--sos-bg)); border: 1px solid rgba(0,0,0,.05); box-shadow: 0 6px 14px rgba(40,44,70,.07), inset 10px 0 0 rgba(0,0,0,.035), inset 11px 0 0 rgba(255,255,255,.7); text-decoration: none !important; color: #2b2d42; transition: transform .18s ease, box-shadow .18s ease; }
            .sos-book-cover:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(40,44,70,.12), inset 10px 0 0 rgba(0,0,0,.035), inset 11px 0 0 rgba(255,255,255,.7); }
            .sos-book-cover:focus-visible { outline: 2px solid var(--sos-ac); outline-offset: 3px; }
            .sos-tone-0 .sos-book-cover, .sos-tone-0 .sos-plan-wrap { --sos-bg: #dce7f0; --sos-ac: #4f7493; }
            .sos-tone-1 .sos-book-cover, .sos-tone-1 .sos-plan-wrap { --sos-bg: #d9ebe8; --sos-ac: #40786f; }
            .sos-tone-2 .sos-book-cover, .sos-tone-2 .sos-plan-wrap { --sos-bg: #e0e3f0; --sos-ac: #5d6596; }
            .sos-tone-3 .sos-book-cover, .sos-tone-3 .sos-plan-wrap { --sos-bg: #dde6ec; --sos-ac: #56717f; }
            .sos-tone-4 .sos-book-cover, .sos-tone-4 .sos-plan-wrap { --sos-bg: #dde9e4; --sos-ac: #4f7466; }
            .sos-tone-5 .sos-book-cover, .sos-tone-5 .sos-plan-wrap { --sos-bg: #e2e6ee; --sos-ac: #5f6878; }
            .sos-book-tag { font-size: 10px; font-weight: 700; letter-spacing: .14em; color: var(--sos-ac); }
            .sos-book-title { font-size: 16px; font-weight: 700; line-height: 1.4; color: #2b2d42; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
            .sos-book-info { display: flex; flex-direction: column; gap: 5px; }
            .sos-book-meta { font-size: 11px; color: #5b5f73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .sos-book-bar { display: block; height: 3px; border-radius: 2px; background: rgba(255,255,255,.75); overflow: hidden; }
            .sos-book-bar i { display: block; height: 100%; border-radius: 2px; background: var(--sos-ac); }
            .sos-book-edit { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; padding: 0; border: 1px solid rgba(0,0,0,.06); border-radius: 8px; background: rgba(255,255,255,.85); color: #5b5f73; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity .15s ease; }
            .sos-book-edit svg { width: 13px; height: 13px; }
            .sos-book:hover .sos-book-edit, .sos-book-edit:focus-visible { opacity: 1; }
            .sos-book-edit:hover { color: #5b6fd6; border-color: #c9cff3; }
            .sos-book-foot { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-height: 26px; }
            .sos-book-date { font-size: 11px; color: #6b7280; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
            .sos-book-acts { display: flex; gap: 6px; flex-shrink: 0; }
            .sos-book-btn { width: 24px; height: 24px; padding: 0; border-radius: 50%; border: 1px solid #e6e8ef; background: #fff; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none !important; transition: background .15s, color .15s, border-color .15s; }
            .sos-book-btn svg { width: 12px; height: 12px; }
            .sos-book-btn:hover { border-color: #c9cff3; color: #5b6fd6; background: #f5f6fd; }
            .sos-book-btn.is-main { background: #eef0fb; border-color: #d6dbf5; color: #5b6fd6; }
            .sos-book-btn.is-main:hover { background: #7083df; border-color: #7083df; color: #fff; }
            .sos-book-btn:focus-visible { outline: 2px solid #7083df; outline-offset: 2px; }
            @media (max-width: 640px) { .saas-folder-content.sos-shelf { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 30px 16px; padding: 4px 8px 18px; } .sos-book::after { left: -8px; right: -8px; } .sos-book-title { font-size: 14px; } }
            html.dark-mode .sos-book-cover { background: linear-gradient(160deg, #22243d, #1b1d33); border-color: #2d2f4d; color: #e0e4f8; box-shadow: 0 6px 14px rgba(0,0,0,.25), inset 10px 0 0 rgba(255,255,255,.04); }
            html.dark-mode .sos-book-title { color: #e0e4f8; }
            html.dark-mode .sos-book-meta, html.dark-mode .sos-book-date { color: #9aa2c7; }
            html.dark-mode .sos-book-bar { background: rgba(255,255,255,.1); }
            html.dark-mode .sos-book::after { background: linear-gradient(#2d2f4d, #25273f); }
            html.dark-mode .sos-book-btn, html.dark-mode .sos-book-edit { background: #1a1a40; border-color: #2d2d5c; color: #9aa2c7; }

            /* ================= 故事策划档案夹（与剧本书架同一系） ================= */
            .sos-plan-wrap { --sos-bg: #dce7f0; --sos-ac: #4f7493; position: relative; padding-top: 10px; }
            .sos-plan-tab { position: absolute; left: 0; top: 0; width: 44%; height: 16px; border-radius: 8px 8px 0 0; background: var(--sos-bg); border: 1px solid rgba(0,0,0,.05); border-bottom: 0; }
            .sos-plan-sheet { position: absolute; left: 8px; right: 6px; top: 6px; bottom: 6px; border-radius: 6px; background: #fff; border: 1px solid #e6e9ef; transform: rotate(-2deg); }
            .sos-plan-cover { position: relative; width: 100%; aspect-ratio: 3 / 4; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 14px 12px 12px; box-sizing: border-box; text-align: left; border-radius: 0 10px 10px 10px; background: linear-gradient(160deg, #f5f8fa, var(--sos-bg)); border: 1px solid rgba(0,0,0,.05); box-shadow: 0 6px 14px rgba(40,44,70,.07); color: #2b2d42; font-family: inherit; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
            .sos-plan-cover:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(40,44,70,.12); }
            .sos-plan-cover:focus-visible { outline: 2px solid var(--sos-ac); outline-offset: 3px; }
            .sos-plan-title { font-size: 16px; font-weight: 700; line-height: 1.4; color: #2b2d42; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
            .sos-plan-one { font-size: 11px; line-height: 1.6; color: #5b5f73; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
            .sos-plan-mods { margin-top: auto; display: flex; flex-wrap: wrap; gap: 3px 7px; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,.08); }
            .sos-plan-mod { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; line-height: 1.5; color: #a3aab8; }
            .sos-plan-mod i { width: 6px; height: 6px; border-radius: 50%; border: 1px solid #c3c9d4; box-sizing: border-box; }
            .sos-plan-mod.is-on { color: var(--sos-ac); font-weight: 600; }
            .sos-plan-mod.is-on i { background: var(--sos-ac); border-color: var(--sos-ac); }
            .sos-plan .sos-book-edit { top: 18px; }
            html.dark-mode .sos-plan-cover { background: linear-gradient(160deg, #22243d, #1b1d33); border-color: #2d2f4d; color: #e0e4f8; box-shadow: 0 6px 14px rgba(0,0,0,.25); }
            html.dark-mode .sos-plan-title { color: #e0e4f8; }
            html.dark-mode .sos-plan-one { color: #9aa2c7; }
            html.dark-mode .sos-plan-tab { background: #2d2f4d; }
            html.dark-mode .sos-plan-sheet { background: #25273f; border-color: #2d2f4d; }