@shulex/cxclawctl 0.0.0-stage → 0.1.2

package/skills/poc/assets/default_manual.css

@@ -0,0 +1,279 @@
+/* ============================================================
+   Solvea POC 测试手册 — 默认样式
+   ------------------------------------------------------------
+   通用 markdown 元素 + gen_poc_manual.py 注入的对话块 (.case-card / .dialogue) 共用一套样式。
+   要换风格：复制本文件 → 改 → gen_poc_manual.py --css <path>
+   ============================================================ */
+
+* { box-sizing: border-box; }
+
+html { font-size: 16px; }
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
+                 "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.7;
+    color: #1f2328;
+    background: #fafbfc;
+    max-width: 920px;
+    margin: 0 auto;
+    padding: 48px 32px 80px;
+}
+
+/* ── 标题 ────────────────────────────────────────── */
+
+h1, h2, h3, h4 {
+    font-weight: 600;
+    color: #0c0c0c;
+    line-height: 1.3;
+}
+
+h1 {
+    font-size: 30px;
+    margin: 0 0 8px;
+    padding-bottom: 16px;
+    border-bottom: 3px solid #1f6feb;
+}
+
+h2 {
+    font-size: 22px;
+    margin: 48px 0 12px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #d0d7de;
+}
+
+h3 {
+    font-size: 17px;
+    margin: 28px 0 8px;
+    color: #1f6feb;
+}
+
+h4 {
+    font-size: 15px;
+    margin: 18px 0 6px;
+    color: #57606a;
+}
+
+/* ── 文本元素 ────────────────────────────────────── */
+
+p { margin: 8px 0 12px; }
+
+a { color: #1f6feb; text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+strong { color: #0c0c0c; font-weight: 600; }
+
+em { color: #1f2328; }
+
+/* ── 列表 ────────────────────────────────────────── */
+
+ul, ol { padding-left: 26px; margin: 8px 0 12px; }
+li { margin: 4px 0; }
+li > p { margin: 4px 0; }
+li > ul, li > ol { margin: 4px 0; }
+
+/* ── 表格 ────────────────────────────────────────── */
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 16px 0;
+    font-size: 14px;
+    background: #fff;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+    border-radius: 6px;
+    overflow: hidden;
+}
+th, td {
+    padding: 10px 14px;
+    text-align: left;
+    border-bottom: 1px solid #d0d7de;
+    vertical-align: top;
+}
+th {
+    background: #f6f8fa;
+    font-weight: 600;
+    color: #1f2328;
+}
+tr:last-child td { border-bottom: 0; }
+tr:nth-child(even) td { background: #fafbfc; }
+
+/* ── 引用块 (callout) ──────────────────────────── */
+
+blockquote {
+    margin: 16px 0;
+    padding: 12px 18px;
+    background: #f6f8fa;
+    border-left: 4px solid #1f6feb;
+    color: #57606a;
+    border-radius: 0 6px 6px 0;
+}
+blockquote p:first-child { margin-top: 0; }
+blockquote p:last-child { margin-bottom: 0; }
+
+/* ── 代码 ────────────────────────────────────────── */
+
+code {
+    background: rgba(175, 184, 193, 0.2);
+    padding: 0.15em 0.4em;
+    border-radius: 3px;
+    font-family: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;
+    font-size: 0.9em;
+    color: #cf222e;
+}
+
+pre {
+    background: #1c1f24;
+    color: #d1d5da;
+    padding: 16px;
+    border-radius: 6px;
+    overflow-x: auto;
+    line-height: 1.5;
+    font-size: 13.5px;
+}
+pre code {
+    background: transparent;
+    padding: 0;
+    color: inherit;
+}
+
+/* ── 图片 ────────────────────────────────────────── */
+
+img {
+    max-width: 100%;
+    display: block;
+    margin: 18px auto;
+    border-radius: 6px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+/* ── 水平线 ──────────────────────────────────────── */
+
+hr {
+    border: 0;
+    border-top: 1px solid #d0d7de;
+    margin: 32px 0;
+}
+
+/* ============================================================
+   gen_poc_manual.py 注入的对话块（.case-card / .dialogue / .msg）
+   markdown 转 HTML 时这些 class 不会被 markdown 改动，由 CSS 接管样式
+   ============================================================ */
+
+.agent-section { margin: 32px 0; }
+.agent-section h2 {
+    color: #1f6feb;
+    border-bottom: 2px solid #1f6feb;
+}
+.agent-meta {
+    font-size: 13px;
+    color: #57606a;
+    font-weight: normal;
+    margin-left: 8px;
+}
+
+.case-card {
+    background: #fff;
+    border: 1px solid #d0d7de;
+    border-radius: 8px;
+    margin: 16px 0;
+    overflow: hidden;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+.case-header {
+    background: #f6f8fa;
+    padding: 10px 16px;
+    border-bottom: 1px solid #d0d7de;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+.case-id {
+    font-weight: 600;
+    color: #1f6feb;
+    font-size: 14px;
+}
+.case-scenario {
+    color: #1f2328;
+    flex: 1;
+    font-size: 14px;
+}
+.chat-id-badge {
+    font-size: 12px;
+    color: #57606a;
+}
+.chat-id-badge code {
+    background: rgba(175, 184, 193, 0.2);
+    color: #57606a;
+}
+
+.dialogue {
+    padding: 16px;
+    background: #fff;
+}
+.msg {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    margin: 10px 0;
+}
+.msg .label {
+    flex: 0 0 80px;
+    font-size: 13px;
+    color: #57606a;
+    padding-top: 6px;
+    user-select: none;
+}
+.bubble {
+    max-width: 720px;
+    padding: 10px 14px;
+    border-radius: 8px;
+    line-height: 1.55;
+    font-size: 14px;
+    word-wrap: break-word;
+}
+.user-bubble {
+    background: #e8f0fe;
+    color: #1f2328;
+}
+.bot-bubble {
+    background: #f0f4f8;
+    color: #1f2328;
+    border: 1px solid #e1e7ed;
+}
+
+.scene-tag {
+    display: inline-block;
+    background: #ddf4ff;
+    color: #0969da;
+    padding: 4px 10px;
+    border-radius: 12px;
+    margin: 2px 4px;
+    font-size: 13px;
+}
+
+/* ── 打印优化 ──────────────────────────────────── */
+
+@media print {
+    body {
+        background: #fff;
+        max-width: 100%;
+        padding: 16mm;
+    }
+    .case-card, table {
+        box-shadow: none;
+        page-break-inside: avoid;
+    }
+    h1, h2, h3 {
+        page-break-after: avoid;
+    }
+    img {
+        page-break-inside: avoid;
+    }
+    pre {
+        background: #f6f8fa;
+        color: #1f2328;
+        border: 1px solid #d0d7de;
+    }
+}