Spaces:
Running
Running
| /* 插件面板（契约 30A/30B · 工作台第六 tab「插件」）——复用 flow/xp 的 | |
| 令牌与容器口径（整页滚动 + 48px 留白 + Warm Paper 变量），零硬编码色。 */ | |
| /* 运行面板容器 */ | |
| .plugin-runner { | |
| margin-top: 28px; | |
| padding: 20px 22px; | |
| background: var(--bg-elevated); | |
| border: 1px solid var(--border); | |
| border-radius: var(--radius-card); | |
| max-width: 560px; | |
| } | |
| .plugin-runner-title { | |
| font-family: var(--font-serif); | |
| font-size: 17px; | |
| font-weight: 600; | |
| color: var(--text); | |
| margin: 0 0 16px; | |
| } | |
| /* 结果：等宽 + 可横向滚（JSON 美化输出） */ | |
| .plugin-result { | |
| margin: 12px 0 0; | |
| padding: 12px 14px; | |
| background: var(--bg-sunken); | |
| border: 1px solid var(--border); | |
| border-radius: var(--radius-control); | |
| font-family: var(--font-mono); | |
| font-size: 12.5px; | |
| line-height: 1.6; | |
| color: var(--text); | |
| white-space: pre-wrap; | |
| word-break: break-word; | |
| overflow-x: auto; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| /* 选中态（卡片主区点击选中，运行面板跟着切） */ | |
| .flow-item.is-selected { | |
| border-color: var(--accent); | |
| } | |
| .flow-item.is-selected .flow-item-name { | |
| color: var(--accent); | |
| } | |
| /* 卡片里的一句描述（100 件库没有描述会难挑） */ | |
| .flow-item-desc { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| max-width: 40ch; | |
| } | |
| /* 分类筛选行（全部/文本/编码/…） */ | |
| .plugin-categories { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 6px; | |
| margin-bottom: 14px; | |
| } | |
| .plugin-cat { | |
| padding: 4px 12px; | |
| border: 1px solid var(--border); | |
| border-radius: 999px; | |
| background: var(--bg); | |
| color: var(--text-secondary); | |
| font-size: 12px; | |
| cursor: pointer; | |
| transition: | |
| border-color 150ms ease, | |
| color 150ms ease, | |
| background 150ms ease; | |
| } | |
| .plugin-cat:hover { | |
| border-color: var(--border-strong); | |
| color: var(--text); | |
| } | |
| .plugin-cat.is-active { | |
| border-color: var(--accent); | |
| color: var(--accent); | |
| background: var(--accent-soft); | |
| } | |
| /* 分类徽章（卡片上，主色化） */ | |
| .flow-badge.is-on { | |
| color: var(--accent); | |
| border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); | |
| } | |