/* 五页的局部工作台皮肤；在原页面与共享样式之后加载。 */ :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) { --studio-library-muted: #64736c; --studio-library-soft: #f1f5f2; --studio-library-line: var(--ni-border, #e6eae8); --studio-library-green-soft: #eaf3ee; width: 100%; min-width: 0; max-width: 100%; gap: 0; color: var(--ni-ink, #202a29); } :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) *, :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) *::before, :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) *::after { box-sizing: border-box; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-page-wrapper { min-width: 0; padding: 0; border-radius: 0; background: transparent; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-content-card { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 0 0 22px; border: 0; background: transparent; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-page-header-main { min-width: 0; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-page-title, #updatesPage .release-page__header h2 { margin: 0; color: var(--ni-ink, #202a29); font-size: clamp(24px, 2.1vw, 30px); font-weight: 650; line-height: 1.3; letter-spacing: -.035em; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-page-desc, #updatesPage .release-page__header p:not(.release-page__eyebrow) { max-width: 76ch; margin: 8px 0 0; color: var(--studio-library-muted); font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) :is(button, input, select, textarea, summary, a):focus-visible { outline: 2px solid var(--ni-brand, #26715d); outline-offset: 3px; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-btn-primary { min-height: 40px; padding: 9px 16px; border: 1px solid var(--ni-brand, #26715d); border-radius: 8px; background: var(--ni-brand, #26715d); color: #fff; box-shadow: none; font-size: 13px; font-weight: 600; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-btn-primary:hover:not(:disabled) { border-color: #205e4e; background: #205e4e; color: #fff; } :is(#historyPage, #templatesPage, #tasksPage) :is(.vben-btn-default, .vben-pg-btn) { min-height: 38px; padding: 8px 12px; border: 1px solid var(--studio-library-line); border-radius: 7px; color: var(--ni-ink, #202a29); background: var(--ni-surface, #fff); box-shadow: none; font-size: 12px; } :is(#historyPage, #templatesPage, #tasksPage) :is(.vben-btn-default, .vben-pg-btn):hover:not(:disabled) { border-color: #b9d1c3; background: var(--studio-library-soft); color: var(--ni-brand, #26715d); } :is(#historyPage, #templatesPage, #tasksPage) button:disabled { opacity: .5; cursor: not-allowed; } /* 筛选和分页保留原生输入及生产增强 select 的节点。 */ :is(#historyPage, #tasksPage) .vben-search-area { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; padding: 18px 20px; border: 1px solid var(--studio-library-line); border-radius: 11px; background: var(--ni-surface, #fff); } :is(#historyPage, #tasksPage) .vben-form-inline { display: flex; flex: 1 1 480px; align-items: flex-end; flex-wrap: wrap; gap: 14px; min-width: 0; } :is(#historyPage, #tasksPage) .vben-form-item { display: flex; flex-direction: column; align-items: stretch; flex: 0 1 170px; gap: 7px; min-width: 0; max-width: 100%; margin: 0; } #historyPage .vben-form-item-grow { flex: 1 1 240px; } :is(#historyPage, #tasksPage) .vben-form-label, #templatesPage .studio-library-search-field label { color: var(--studio-library-muted); font-size: 12px; font-weight: 500; line-height: 1.4; } :is(#historyPage, #tasksPage) .vben-select-panel { width: 100%; min-width: 0; max-width: 100%; } :is(#historyPage, #tasksPage) :is(.vben-select, .vben-select-trigger), #historyPage #historyKeyword, #templatesPage #studioLibraryTemplateSearch { width: 100%; min-width: 0; max-width: 100%; min-height: 40px; height: 40px; padding: 8px 12px; border: 1px solid var(--studio-library-line); border-radius: 7px; color: var(--ni-ink, #202a29); background: var(--ni-surface, #fff); box-shadow: none; font: inherit; font-size: 13px; line-height: 1.5; } #historyPage #historyKeyword::placeholder, #templatesPage #studioLibraryTemplateSearch::placeholder { color: #7c8882; } #historyPage .studio-library-view { display: inline-flex; flex: 0 0 auto; gap: 3px; min-width: 0; margin-left: auto; padding: 3px; border: 1px solid var(--studio-library-line); border-radius: 8px; background: var(--studio-library-soft); } #historyPage .studio-library-view-button { min-height: 32px; padding: 6px 12px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--studio-library-muted); font-size: 12px; font-weight: 500; cursor: pointer; } #historyPage .studio-library-view-button[aria-pressed="true"] { border-color: #e0e8e2; color: var(--ni-brand, #26715d); background: var(--ni-surface, #fff); box-shadow: 0 1px 3px #243b2e0a; } :is(#historyPage, #tasksPage) .vben-pagination-wrap { min-width: 0; margin-top: 20px; padding: 16px 0 4px; border-top: 1px solid var(--studio-library-line); background: transparent; } :is(#historyPage, #tasksPage) :is(.ni-list-pagination, .ni-list-pagination__actions, .ni-list-pagination__controls) { min-width: 0; max-width: 100%; flex-wrap: wrap; gap: 10px; } :is(#historyPage, #tasksPage) .ni-list-pagination__summary { min-width: 0; flex-wrap: wrap; white-space: normal; color: var(--studio-library-muted); font-size: 12px; } :is(#historyPage, #tasksPage) .vben-pg-text { color: var(--studio-library-muted); font-size: 12px; } :is(#historyPage, #tasksPage) .vben-pg-text strong { color: var(--ni-ink, #202a29); font-weight: 600; } :is(#historyPage, #tasksPage) .ni-list-pagination__current { min-height: 38px; border-color: var(--studio-library-line); color: var(--ni-brand, #26715d); background: var(--studio-library-green-soft); box-shadow: none; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) :is(.ni-empty, .ni-error, .ni-loading-state, .manual-empty) { min-width: 0; grid-column: 1 / -1; padding: 30px 20px; border: 1px solid var(--studio-library-line); border-radius: 10px; background: var(--ni-surface, #fff); color: var(--studio-library-muted); text-align: center; overflow-wrap: anywhere; } :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .ni-error { border-color: #efd7d3; color: #a44b41; } :is(#historyPage, #templatesPage, #tasksPage) .message { max-width: 100%; margin-top: 16px; overflow-wrap: anywhere; } /* 图库图片完整展示，六项操作按主次着色但不改变键盘顺序。 */ #historyPage .history-grid-area { min-width: 0; padding: 22px 0 0; border: 0; background: transparent; } #historyPage .history-grid-area .asset-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; min-width: 0; align-items: start; } #historyPage .history-grid-area .asset-card { position: relative; display: flex; flex-direction: column; min-width: 0; height: auto; min-height: 0; padding: 0; overflow: hidden; border: 1px solid var(--studio-library-line); border-radius: 11px; background: var(--ni-surface, #fff); box-shadow: none; transition: border-color 160ms ease, box-shadow 160ms ease; } #historyPage .history-grid-area .asset-card:hover, #historyPage .history-grid-area .asset-card:focus-within { border-color: #bcd3c5; box-shadow: 0 6px 22px #1f3e2c09; transform: none; } #historyPage .history-grid-area .asset-card:focus-visible { outline: 2px solid var(--ni-brand, #26715d); outline-offset: 3px; } #historyPage .asset-card-media { flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 1; overflow: hidden; border-bottom: 1px solid var(--studio-library-line); background: #f2f4f2; } #historyPage .asset-card-media img { display: block; width: 100%; height: 100%; max-width: 100%; aspect-ratio: auto; object-fit: contain; border: 0; border-radius: 0; } #historyPage .asset-card:hover .asset-card-media img { transform: none; } #historyPage .history-grid-area .asset-serial { top: 10px; left: 10px; min-width: 25px; padding: 3px 7px; border-radius: 5px; background: #24382bd9; color: #fff; box-shadow: none; font-size: 11px; } #historyPage .asset-body { display: flex; flex-direction: column; gap: 9px; min-width: 0; padding: 14px; } #historyPage .asset-body > strong { color: var(--ni-ink, #202a29); font-size: 13px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; } #historyPage .asset-prompt { min-height: 3.4em; margin: 0; color: var(--studio-library-muted); font-size: 12px; line-height: 1.7; -webkit-line-clamp: 2; overflow-wrap: anywhere; } #historyPage .asset-body .inline-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; min-width: 0; margin-top: 3px; padding-top: 12px; border-top: 1px solid var(--studio-library-line); } #historyPage .asset-body .compact-btn { width: 100%; min-width: 0; min-height: 34px; padding: 6px 8px; border: 1px solid var(--studio-library-line); border-radius: 6px; color: var(--studio-library-muted); background: var(--ni-surface, #fff); box-shadow: none; font-size: 12px; font-weight: 500; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; } #historyPage .asset-body [data-delete-asset] { color: var(--ni-danger, #b42318); border-color: #f0d5ce; background: #fff7f5; } #historyPage .asset-body .compact-btn:hover:not(:disabled) { border-color: #b9d1c3; background: var(--studio-library-soft); } #historyPage .asset-body [data-delete-asset]:hover:not(:disabled) { color: #923e35; border-color: #ddb0a4; background: #fbe5de; } #historyPage[data-studio-history-view="list"] .history-grid-area .asset-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; } #historyPage[data-studio-history-view="list"] .history-grid-area .asset-card { display: grid; grid-template-columns: 184px minmax(0, 1fr); align-items: stretch; } #historyPage[data-studio-history-view="list"] .asset-card-media { height: 100%; min-height: 180px; aspect-ratio: auto; border-right: 1px solid var(--studio-library-line); border-bottom: 0; } #historyPage[data-studio-history-view="list"] .asset-prompt { min-height: 0; -webkit-line-clamp: 3; } #historyPage[data-studio-history-view="list"] .asset-body .inline-actions { display: flex; flex-wrap: wrap; margin-top: auto; } #historyPage[data-studio-history-view="list"] .asset-body .compact-btn { width: auto; } /* 模板搜索只筛选服务端已渲染卡片，不替换原变量表单。 */ #templatesPage .templates-grid-area { min-width: 0; padding: 0; border: 0; background: transparent; } #templatesPage .studio-library-template-search { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; min-width: 0; margin-bottom: 22px; padding: 18px 20px; border: 1px solid var(--studio-library-line); border-radius: 11px; background: var(--ni-surface, #fff); } #templatesPage .studio-library-search-field { display: grid; flex: 1 1 260px; gap: 7px; min-width: 0; max-width: 440px; } #templatesPage .studio-library-search-clear { flex: 0 0 auto; min-height: 40px; padding: 8px 14px; border: 1px solid var(--studio-library-line); border-radius: 7px; color: var(--studio-library-muted); background: var(--ni-surface, #fff); font-size: 12px; cursor: pointer; } #templatesPage .studio-library-search-clear:hover:not(:disabled) { background: var(--studio-library-soft); color: var(--ni-brand, #26715d); } #templatesPage .studio-library-template-count { min-width: 0; margin: 0 0 10px auto; color: var(--studio-library-muted); font-size: 12px; } #templatesPage .studio-library-template-empty { padding: 64px 20px; border: 1px dashed #d6e1d9; border-radius: 11px; background: var(--ni-surface, #fff); color: var(--studio-library-muted); text-align: center; line-height: 1.7; } #templatesPage .studio-library-template-empty[hidden], #templatesPage .studio-library-template-count[hidden], #templatesPage .vben-template-grid .template-card.studio-library-filtered { display: none !important; } #templatesPage .vben-template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; min-width: 0; } #templatesPage .vben-template-grid .template-card { display: flex; flex-direction: column; min-width: 0; height: auto; min-height: 0; padding: 0; overflow: hidden; border: 1px solid var(--studio-library-line); border-radius: 11px; background: var(--ni-surface, #fff); box-shadow: none; transition: border-color 160ms ease, box-shadow 160ms ease; } #templatesPage .vben-template-grid .template-card:hover, #templatesPage .vben-template-grid .template-card:focus-within { border-color: #bcd3c5; box-shadow: 0 6px 22px #1f3e2c09; transform: none; } #templatesPage .vben-template-grid .template-card:focus-visible { outline: 2px solid var(--ni-brand, #26715d); outline-offset: 3px; } #templatesPage .vben-template-grid .template-card.is-selected { border-color: var(--ni-brand, #26715d); background: #fcfefc; box-shadow: 0 0 0 2px #26715d14; } #templatesPage .template-card-preview { flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 16 / 10; border-bottom: 1px solid var(--studio-library-line); background: var(--studio-library-soft); } #templatesPage .template-card-preview img { width: 100%; height: 100%; object-fit: cover; } #templatesPage .template-card-placeholder { color: #688675; background: #edf3ee; } #templatesPage .template-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; min-width: 0; padding: 18px; } #templatesPage .vben-template-grid .template-body strong { color: var(--ni-ink, #202a29); font-size: 15px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; } #templatesPage .template-desc { min-height: 3.4em; color: var(--studio-library-muted); font-size: 12px; line-height: 1.7; -webkit-line-clamp: 3; overflow-wrap: anywhere; } #templatesPage .template-card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 8px; } #templatesPage .vben-template-use-btn { min-width: 0; max-width: 100%; min-height: 38px; padding: 8px 14px; border: 1px solid #dbe9df; border-radius: 7px; color: var(--ni-brand, #26715d); background: var(--studio-library-green-soft); box-shadow: none; font-size: 12px; font-weight: 600; white-space: normal; } #templatesPage .vben-template-use-btn:hover:not(:disabled) { border-color: var(--ni-brand, #26715d); color: #fff; background: var(--ni-brand, #26715d); } #templatesPage .vben-template-grid .template-card.is-selected .vben-template-use-btn { border-color: var(--ni-brand, #26715d); color: #fff; background: var(--ni-brand, #26715d); } #templatesPage .template-form-panel { min-width: 0; margin: 26px 0 0; border: 1px solid var(--studio-library-line); border-radius: 12px; background: var(--ni-surface, #fff); overflow: hidden; } #templatesPage .template-form-panel-head { padding: 20px 24px; border-bottom: 1px solid var(--studio-library-line); background: #f8faf8; } #templatesPage .template-form-panel-title { margin: 0; color: var(--ni-ink, #202a29); font-size: 17px; font-weight: 600; overflow-wrap: anywhere; } #templatesPage .template-form-panel-desc { margin: 8px 0 0; color: var(--studio-library-muted); font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; } #templatesPage .template-form-panel-body { min-width: 0; padding: 22px 24px; background: var(--ni-surface, #fff); } #templatesPage .template-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; min-width: 0; } #templatesPage .template-field-item { min-width: 0; } #templatesPage .template-field-item label, #templatesPage .template-result-field label { display: block; margin-bottom: 7px; color: var(--ni-ink, #202a29); font-size: 12px; font-weight: 500; overflow-wrap: anywhere; } #templatesPage .template-fields-grid input, #templatesPage .vben-textarea { width: 100%; min-width: 0; border: 1px solid var(--studio-library-line); border-radius: 8px; padding: 10px 12px; color: var(--ni-ink, #202a29); background: #fcfdfc; box-shadow: none; font-size: 13px; line-height: 1.7; } #templatesPage .vben-textarea { min-height: 180px; resize: vertical; } #templatesPage .template-form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; } #templatesPage .template-form-actions button { max-width: 100%; white-space: normal; line-height: 1.5; } /* 任务保留七个真实业务列；滚动发生在表格容器内部。 */ #tasksPage .production-sticky-header, #tasksPage .production-sticky-toolbar { position: relative; top: auto; } #tasksPage .tasks-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; } #tasksPage .tasks-auto-refresh { min-height: 36px; padding: 7px 10px; border: 1px solid var(--studio-library-line); border-radius: 7px; color: var(--studio-library-muted); background: var(--ni-surface, #fff); font-size: 12px; } #tasksPage .tasks-auto-refresh strong { color: var(--ni-brand, #26715d); font-variant-numeric: tabular-nums; } #tasksPage #tasksTable { width: 100%; min-width: 0; max-width: 100%; max-block-size: min(66dvh, 46rem); margin-top: 22px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--studio-library-line); border-radius: 10px; background: var(--ni-surface, #fff); box-shadow: none; scrollbar-color: #9db6a6 #f2f5f3; scrollbar-gutter: auto; } #tasksPage #tasksTable .vben-table-scroll { min-width: 960px; overflow: visible; } #tasksPage #tasksTable .vben-data-table { width: 100%; min-width: 960px; border-collapse: separate; border-spacing: 0; table-layout: fixed; background: var(--ni-surface, #fff); font-size: 12px; } #tasksPage #tasksTable .vben-data-table thead th { position: sticky; top: 0; z-index: 1; height: 46px; padding: 12px; border-bottom: 1px solid var(--studio-library-line); color: var(--studio-library-muted); background: #f5f8f5; box-shadow: none; font-size: 12px; font-weight: 500; line-height: 1.5; } #tasksPage #tasksTable .vben-data-table tbody td { height: 66px; padding: 12px; border-bottom: 1px solid var(--studio-library-line); color: var(--ni-ink, #202a29); background: var(--ni-surface, #fff); line-height: 1.6; vertical-align: middle; } #tasksPage #tasksTable .vben-data-table tbody tr:last-child td { border-bottom: 0; } #tasksPage #tasksTable .vben-data-table tbody tr:hover td { background: #fafcf9; } #tasksPage #tasksTable .vben-data-table th:nth-child(1), #tasksPage #tasksTable .vben-data-table .tasks-col-serial { width: 56px; text-align: center; color: var(--studio-library-muted); } #tasksPage #tasksTable .vben-data-table th:nth-child(2), #tasksPage #tasksTable .vben-data-table .tasks-col-id { width: 104px; color: var(--studio-library-muted); font-family: var(--ni-font-mono, monospace); font-size: 11px; } #tasksPage #tasksTable .vben-data-table th:nth-child(3), #tasksPage #tasksTable .vben-data-table .tasks-col-kind { width: 112px; } #tasksPage #tasksTable .vben-data-table th:nth-child(4) { width: 100px; } #tasksPage #tasksTable .vben-data-table th:nth-child(5), #tasksPage #tasksTable .vben-data-table .tasks-col-time { width: 156px; color: var(--studio-library-muted); font-size: 11px; font-variant-numeric: tabular-nums; } #tasksPage #tasksTable .vben-data-table .tasks-col-error { width: auto; max-width: none; white-space: normal; overflow-wrap: anywhere; } #tasksPage #tasksTable .vben-data-table th:nth-child(7), #tasksPage #tasksTable .vben-data-table .tasks-col-actions { width: 200px; white-space: normal; } #tasksPage .tasks-col-actions .inline-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; } #tasksPage .vben-table-action { min-height: 30px; padding: 4px 0; border: 0; color: var(--ni-brand, #26715d); background: transparent; box-shadow: none; font-size: 12px; font-weight: 500; white-space: nowrap; } #tasksPage .vben-table-action:hover { text-decoration: underline; text-underline-offset: 3px; } #tasksPage .vben-table-action.danger { color: var(--ni-danger, #b64b45); } #tasksPage .vben-table-action.danger:hover:not(:disabled) { color: #923e35; } #tasksPage .retry-linked-tag { max-width: 100%; padding: 3px 6px; border: 1px solid var(--studio-library-line); border-radius: 5px; color: var(--studio-library-muted); background: #f5f7f5; font-size: 10px; overflow-wrap: anywhere; } #tasksPage .tasks-error-cell { gap: 6px; } #tasksPage .tasks-error-summary { color: #a25347; font-size: 12px; line-height: 1.6; } #tasksPage .tasks-error-detail-btn { min-height: 28px; padding: 3px 8px; border: 1px solid #e8ded9; border-radius: 5px; color: #8c6354; background: #fdfaf7; font-size: 11px; } #tasksPage .status-tag { display: inline-flex; align-items: center; gap: 5px; min-height: 25px; padding: 3px 8px; border: 1px solid transparent; border-radius: 5px; color: var(--studio-library-muted); background: #f0f3f1; font-size: 11px; font-weight: 500; white-space: nowrap; } #tasksPage .status-tag::before { content: ''; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: currentColor; } #tasksPage .status-tag.succeeded { color: #2a7659; background: #ebf5ee; } #tasksPage .status-tag.running { color: #3c6d9b; background: #edf4fb; } #tasksPage .status-tag.queued { color: #876b32; background: #faf4e6; } #tasksPage .status-tag.failed { color: #a14e45; background: #fbefed; } #tasksPage .status-tag.cancelled { color: #737b76; background: #f1f3f1; } #tasksPage .tasks-state-row td { height: 180px; text-align: center; } /* 桌面沿用手册独立滚动与生产 scroll-spy 的 981px 分界。 */ #manualPage.production-manual { min-width: 0; min-height: 0; } #manualPage .vben-page-wrapper, #manualPage .vben-content-card { display: flex; flex-direction: column; height: 100%; min-height: 0; } #manualPage .manual-meta { margin: 10px 0 0; color: #7b8880; font-size: 11px; line-height: 1.6; } #manualPage .manual-layout { display: grid; flex: 1 1 auto; grid-template-columns: 228px minmax(0, 1fr); gap: 28px; min-width: 0; min-height: 0; padding: 22px; border: 1px solid var(--studio-library-line); border-radius: 12px; background: var(--ni-surface, #fff); overflow: hidden; } #manualPage .manual-toc { position: sticky; top: 0; min-width: 0; max-width: 100%; max-height: 100%; padding: 14px 10px; border: 1px solid var(--studio-library-line); border-radius: 9px; background: #f8faf8; scrollbar-color: #bdcfc2 #f8faf8; } #manualPage .manual-toc-title { margin: 0 10px 10px; color: #7c8881; font-size: 11px; font-weight: 500; letter-spacing: .06em; } #manualPage .manual-toc a { min-height: 39px; padding: 9px 10px; border: 0; border-radius: 6px; color: var(--studio-library-muted); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; } #manualPage .manual-toc a + a { margin-top: 3px; } #manualPage .manual-toc a:hover, #manualPage .manual-toc a.active { color: var(--ni-brand, #26715d); background: var(--studio-library-green-soft); } #manualPage .manual-toc a.active { font-weight: 600; } #manualPage .manual-toc a:focus-visible { outline: 2px solid var(--ni-brand, #26715d); outline-offset: 2px; color: var(--ni-brand, #26715d); background: var(--studio-library-green-soft); } #manualPage .manual-content { min-width: 0; min-height: 0; height: 100%; padding: 0 14px 42px 0; overflow-y: auto; scrollbar-color: #bdcfc2 #f8faf8; } #manualPage .manual-section { min-width: 0; padding: 0 0 28px; border-bottom: 1px solid var(--studio-library-line); } #manualPage .manual-section + .manual-section { padding-top: 28px; } #manualPage .manual-section-title { color: var(--ni-ink, #202a29); font-size: 19px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; } #manualPage .manual-section-summary { margin: 10px 0 18px; color: var(--studio-library-muted); font-size: 13px; line-height: 1.85; } #manualPage .manual-block { max-width: 880px; color: #44564b; font-size: 13px; line-height: 1.9; overflow-wrap: anywhere; } #manualPage .manual-block-title, #manualPage .manual-step-title { color: var(--ni-ink, #202a29); font-weight: 600; } #manualPage .manual-list, #manualPage .manual-steps { padding-left: 1.5em; } #manualPage .manual-list li::marker, #manualPage .manual-steps li::marker { color: #6f917c; } #manualPage .manual-tip { padding: 14px 18px; border-left: 3px solid #a7c7b1; border-radius: 0 8px 8px 0; color: #4e6c59; background: #f2f7f1; } #manualPage .manual-figure { margin: 20px 0; padding: 8px; border: 1px solid var(--studio-library-line); border-radius: 9px; box-shadow: none; background: #f9fbf9; } #manualPage .manual-figure img { display: block; max-width: 100%; height: auto; border-radius: 5px; } #manualPage .manual-figure figcaption { padding: 9px 5px 4px; color: var(--studio-library-muted); font-size: 11px; } #manualPage .manual-workflow-tabs { gap: 8px; } #manualPage .manual-workflow-tabs button { min-width: 0; min-height: 44px; padding: 10px; border-color: var(--studio-library-line); border-radius: 7px; color: var(--studio-library-muted); background: var(--ni-surface, #fff); font-size: 12px; line-height: 1.7; white-space: normal; } #manualPage .manual-workflow-tabs button[aria-selected="true"] { border-color: var(--ni-brand, #26715d); color: #fff; background: var(--ni-brand, #26715d); } #manualPage .manual-workflow-panels { padding: 20px; border: 1px solid var(--studio-library-line); border-radius: 8px; background: #f8fbf7; } #manualPage .manual-workflow-panels h4 { color: var(--ni-ink, #202a29); font-size: 14px; } /* 版本内容由原 release 数据驱动，只调整原生 details 外观。 */ #updatesPage .release-page__shell { width: min(1080px, 100%); min-width: 0; margin: 0 auto; gap: 26px; } #updatesPage .release-page__header { align-items: center; gap: 24px; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; } #updatesPage .release-page__header > div:first-child { min-width: 0; } #updatesPage .release-page__eyebrow { margin-bottom: 8px; color: #698774; font-size: 10px; font-weight: 600; letter-spacing: .12em; } #updatesPage .release-page__current { min-width: 158px; padding: 16px 20px; border: 1px solid #dce8de; border-radius: 10px; background: #eff5ee; box-shadow: none; } #updatesPage .release-page__current strong { color: var(--ni-brand, #26715d); font-size: 20px; line-height: 1.6; } #updatesPage .release-page__current span, #updatesPage .release-page__current small { color: #647b69; font-size: 11px; } #updatesPage .release-accordion { position: relative; display: grid; gap: 18px; min-width: 0; padding-left: 28px; } #updatesPage .release-accordion::before { content: ''; position: absolute; left: 6px; top: 28px; bottom: 28px; width: 1px; background: #d9e5dc; } #updatesPage .release-accordion-item { position: relative; min-width: 0; overflow: visible; border: 1px solid var(--studio-library-line); border-radius: 11px; background: var(--ni-surface, #fff); box-shadow: none; } #updatesPage .release-accordion-item::before { content: ''; position: absolute; left: -28px; top: 29px; width: 11px; height: 11px; border: 3px solid var(--ni-paper, #f7f8fa); border-radius: 50%; background: #abc0b0; box-shadow: 0 0 0 1px #d3e0d6; } #updatesPage .release-accordion-item[open] { border-color: #c9decf; box-shadow: 0 4px 20px #1f3e2c04; } #updatesPage .release-accordion-item[open]::before { background: var(--ni-brand, #26715d); box-shadow: 0 0 0 1px #93b79f; } #updatesPage .release-accordion-summary { min-width: 0; min-height: 78px; padding: 20px 22px; grid-template-columns: minmax(0, 1fr) auto auto 14px; gap: 16px; border-radius: 11px; } #updatesPage .release-accordion-title { gap: 6px; } #updatesPage .release-accordion-title strong { color: var(--ni-ink, #202a29); font-size: 15px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; } #updatesPage .release-accordion-title span { color: var(--studio-library-muted); font-size: 12px; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; } #updatesPage .release-accordion-date { color: #79877e; font-size: 11px; font-weight: 400; } #updatesPage .release-accordion-badge { min-height: 23px; padding: 3px 8px; border-radius: 5px; color: #698071; background: #f0f4f1; font-size: 10px; font-weight: 500; } #updatesPage .release-accordion-item[open] .release-accordion-badge { color: var(--ni-brand, #26715d); background: var(--studio-library-green-soft); } #updatesPage .release-accordion-summary::after { width: 7px; height: 7px; border-color: #94a59a; } #updatesPage .release-accordion-body { padding: 2px 22px 24px; border-top: 1px solid var(--studio-library-line); } #updatesPage .release-accordion-list { gap: 12px; margin-top: 18px; } #updatesPage .release-accordion-list li { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; color: #4e6054; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; } #updatesPage .release-accordion-list li::before { width: 23px; height: 23px; border-radius: 5px; color: #668171; background: #eff5ee; font-size: 10px; } #historyPage .asset-card-media img.is-unavailable, #templatesPage .template-card-preview img.is-unavailable { display: none; } @media (max-width: 1400px) { #historyPage .history-grid-area .asset-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1100px) { #historyPage .history-grid-area .asset-grid, #templatesPage .vben-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #historyPage .studio-library-view { margin-left: 0; } #tasksPage .vben-page-header { flex-wrap: wrap; } } @media (max-width: 980px) { #manualPage.production-manual, #manualPage .vben-page-wrapper, #manualPage .vben-content-card { height: auto; max-height: none; min-height: 0; overflow: visible; } #manualPage .manual-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 20px; overflow: visible; } #manualPage .manual-toc { position: relative; top: auto; max-height: 180px; width: 100%; overflow-y: auto; } #manualPage .manual-content { height: auto; padding: 0; overflow: visible; } #updatesPage .release-accordion-summary { grid-template-columns: minmax(0, 1fr) auto; } #updatesPage .release-accordion-date { grid-column: 1; grid-row: 2; } #updatesPage .release-accordion-badge { grid-column: 2; grid-row: 1; justify-self: end; } #updatesPage .release-accordion-summary::after { grid-column: 2; grid-row: 2; justify-self: end; } } @media (max-width: 600px) { :is(#historyPage, #templatesPage, #tasksPage, #manualPage) .vben-page-header { flex-wrap: wrap; gap: 14px; padding-bottom: 18px; } :is(#historyPage, #tasksPage) .vben-search-area, #templatesPage .studio-library-template-search { gap: 12px; padding: 14px; } :is(#historyPage, #tasksPage) .vben-form-inline { flex-basis: 100%; gap: 12px; } :is(#historyPage, #tasksPage) .vben-form-item { flex: 1 1 120px; } #historyPage .vben-form-item-grow { flex-basis: 100%; } #historyPage .history-grid-area .asset-grid, #templatesPage .vben-template-grid, #templatesPage .template-fields-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } #historyPage .asset-body { padding: 14px; } #historyPage .asset-body .compact-btn { min-height: 40px; } #historyPage[data-studio-history-view="list"] .history-grid-area .asset-card { grid-template-columns: 96px minmax(0, 1fr); } #historyPage[data-studio-history-view="list"] .asset-card-media { min-height: 156px; } #historyPage[data-studio-history-view="list"] .asset-body { gap: 7px; padding: 10px; } #historyPage[data-studio-history-view="list"] .asset-body .inline-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; } #historyPage[data-studio-history-view="list"] .asset-body .compact-btn { width: 100%; min-height: 36px; } #templatesPage .studio-library-search-field { max-width: 100%; flex-basis: 100%; } #templatesPage .studio-library-template-count { flex: 1 1 auto; margin-bottom: 11px; text-align: right; } #templatesPage .template-form-panel-head, #templatesPage .template-form-panel-body { padding: 18px 16px; } #templatesPage .template-form-actions { gap: 8px; } #templatesPage .template-form-actions button { flex: 1 1 145px; } :is(#historyPage, #tasksPage) .ni-list-pagination__summary { width: 100%; } :is(#historyPage, #tasksPage) .ni-list-pagination__actions { width: 100%; align-items: stretch; flex-direction: column; margin-left: 0; } :is(#historyPage, #tasksPage) .ni-list-pagination__size { justify-content: space-between; } :is(#historyPage, #tasksPage) .ni-list-pagination__controls { justify-content: flex-start; flex-wrap: wrap; width: 100%; gap: 7px; overflow: visible; } :is(#historyPage, #tasksPage) .vben-pg-btn { min-height: 38px; padding-inline: 9px; } #tasksPage .tasks-header-actions { width: 100%; justify-content: space-between; } #tasksPage #tasksTable { max-block-size: min(66dvh, 36rem); } #manualPage .manual-layout { padding: 16px; } #manualPage .manual-toc { max-height: 168px; } #manualPage .manual-section-title { font-size: 18px; } #manualPage .manual-workflow-tabs { grid-template-columns: minmax(0, 1fr); } #updatesPage .release-page__header { flex-direction: column; align-items: stretch; gap: 16px; } #updatesPage .release-page__current { width: 100%; min-width: 0; } #updatesPage .release-accordion { padding-left: 20px; gap: 14px; } #updatesPage .release-accordion::before { left: 4px; } #updatesPage .release-accordion-item::before { left: -21px; } #updatesPage .release-accordion-summary { padding: 16px; gap: 10px; } #updatesPage .release-accordion-title strong { font-size: 14px; } #updatesPage .release-accordion-body { padding: 2px 16px 20px; } } @media (prefers-reduced-motion: reduce) { :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) *, :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) *::before, :is(#historyPage, #templatesPage, #tasksPage, #manualPage, #updatesPage) *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } #manualPage .manual-reveal { opacity: 1; transform: none; } }