wuyang/zk-data-agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adopt unit-01 inspired docs palette

Browse Source
This commit is contained in:
wuyang
2026-07-26 21:19:41 +08:00
parent a895e04bc3
commit 66109235e2
4 changed files with 72 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/site/index.html
+1 -1
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#f2f0e9" /> <meta name="theme-color" content="#f0edf5" />
<title>K1412 Agent · 架构、实现与实验</title> <title>K1412 Agent · 架构、实现与实验</title>
<meta <meta
name="description" name="description"
docs/site/og.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

docs/site/styles.css
+70 -64
View File
@@ -1,16 +1,17 @@
:root { :root {
--paper: #f2f0e9; --paper: #f0edf5;
--paper-deep: #e7e3d8; --paper-deep: #ddd5e5;
--ink: #151713; --ink: #17121f;
--muted: #676a62; --muted: #655d6c;
--line: rgba(21, 23, 19, 0.16); --line: rgba(23, 18, 31, 0.17);
--green: #b8f23d; --eva-purple: #5b2a7e;
--green-dark: #83b611; --eva-purple-deep: #351546;
--blue: #5c77ff; --signal: #a7f432;
--orange: #ff6c3d; --blue: #7654a6;
--dark: #141713; --orange: #ff6426;
--dark-raised: #20241e; --dark: #17121f;
--white: #fffefa; --dark-raised: #24172d;
--white: #fcfaff;
--sidebar-width: 224px; --sidebar-width: 224px;
--topbar-height: 78px; --topbar-height: 78px;
--radius: 3px; --radius: 3px;
@@ -34,8 +35,8 @@ html {
body { body {
margin: 0; margin: 0;
background: background:
linear-gradient(rgba(21, 23, 19, 0.035) 1px, transparent 1px), linear-gradient(rgba(23, 18, 31, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(21, 23, 19, 0.035) 1px, transparent 1px), var(--paper); linear-gradient(90deg, rgba(23, 18, 31, 0.04) 1px, transparent 1px), var(--paper);
background-size: 24px 24px; background-size: 24px 24px;
color: var(--ink); color: var(--ink);
} }
@@ -81,7 +82,7 @@ code {
left: 8px; left: 8px;
padding: 10px 14px; padding: 10px 14px;
transform: translateY(-150%); transform: translateY(-150%);
background: var(--green); background: var(--signal);
font-weight: 800; font-weight: 800;
} }
@@ -101,7 +102,7 @@ code {
justify-content: space-between; justify-content: space-between;
padding: 0 28px; padding: 0 28px;
border-bottom: 1px solid var(--line); border-bottom: 1px solid var(--line);
background: rgba(242, 240, 233, 0.93); background: rgba(240, 237, 245, 0.93);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
} }
@@ -117,7 +118,8 @@ code {
height: 38px; height: 38px;
place-items: center; place-items: center;
border: 1px solid var(--ink); border: 1px solid var(--ink);
background: var(--green); background: var(--eva-purple);
color: var(--white);
font-size: 20px; font-size: 20px;
font-weight: 900; font-weight: 900;
} }
@@ -162,8 +164,8 @@ code {
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 999px; border-radius: 999px;
background: var(--green-dark); background: var(--signal);
box-shadow: 0 0 0 4px rgba(131, 182, 17, 0.12); box-shadow: 0 0 0 4px rgba(167, 244, 50, 0.14);
} }
.button { .button {
@@ -189,7 +191,8 @@ code {
} }
.button-primary { .button-primary {
background: var(--green); background: var(--eva-purple);
color: var(--white);
} }
.button-quiet { .button-quiet {
@@ -285,18 +288,18 @@ code {
} }
.nav-link.is-active span { .nav-link.is-active span {
color: var(--green); color: var(--signal);
} }
.sidebar-note { .sidebar-note {
padding: 15px; padding: 15px;
border: 1px solid var(--line); border: 1px solid var(--line);
border-left: 3px solid var(--green-dark); border-left: 3px solid var(--eva-purple);
background: rgba(255, 255, 255, 0.36); background: rgba(255, 255, 255, 0.36);
} }
.sidebar-note span { .sidebar-note span {
color: var(--green-dark); color: var(--eva-purple);
font-family: "SFMono-Regular", Consolas, monospace; font-family: "SFMono-Regular", Consolas, monospace;
font-size: 9px; font-size: 9px;
letter-spacing: 0.12em; letter-spacing: 0.12em;
@@ -345,7 +348,7 @@ main {
.section-index, .section-index,
.eyebrow { .eyebrow {
color: var(--green-dark); color: var(--eva-purple);
font-family: "SFMono-Regular", Consolas, monospace; font-family: "SFMono-Regular", Consolas, monospace;
font-size: 10px; font-size: 10px;
font-weight: 700; font-weight: 700;
@@ -370,18 +373,18 @@ main {
right: -120px; right: -120px;
width: min(36vw, 500px); width: min(36vw, 500px);
aspect-ratio: 1; aspect-ratio: 1;
border: 1px solid rgba(21, 23, 19, 0.1); border: 1px solid rgba(23, 18, 31, 0.12);
border-radius: 50%; border-radius: 50%;
box-shadow: box-shadow:
0 0 0 80px rgba(184, 242, 61, 0.07), 0 0 0 80px rgba(91, 42, 126, 0.08),
0 0 0 160px rgba(92, 119, 255, 0.035); 0 0 0 160px rgba(167, 244, 50, 0.035);
content: ""; content: "";
} }
.eyebrow span { .eyebrow span {
padding: 5px 8px; padding: 5px 8px;
background: var(--green); background: var(--eva-purple);
color: var(--ink); color: var(--white);
} }
.hero h1 { .hero h1 {
@@ -396,7 +399,7 @@ main {
.hero-copy { .hero-copy {
max-width: 740px; max-width: 740px;
margin: 0; margin: 0;
color: #4e5149; color: #514a59;
font-size: clamp(16px, 1.45vw, 20px); font-size: clamp(16px, 1.45vw, 20px);
line-height: 1.75; line-height: 1.75;
} }
@@ -462,8 +465,8 @@ main {
.architecture-lab { .architecture-lab {
border: 1px solid var(--line); border: 1px solid var(--line);
background: #e9e6dd; background: #e5dfeb;
box-shadow: 8px 8px 0 rgba(21, 23, 19, 0.06); box-shadow: 8px 8px 0 rgba(23, 18, 31, 0.07);
} }
.flow-tabs { .flow-tabs {
@@ -504,7 +507,7 @@ main {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: 44px 16px 20px; padding: 44px 16px 20px;
border: 1px dashed rgba(21, 23, 19, 0.2); border: 1px dashed rgba(23, 18, 31, 0.22);
background: rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.35);
} }
@@ -528,7 +531,7 @@ main {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: 16px; padding: 16px;
border: 1px solid rgba(21, 23, 19, 0.28); border: 1px solid rgba(23, 18, 31, 0.3);
background: var(--paper); background: var(--paper);
transition: transition:
border-color 180ms ease, border-color 180ms ease,
@@ -563,16 +566,16 @@ main {
} }
.node-runtime { .node-runtime {
border-color: var(--green-dark); border-color: var(--eva-purple);
background: #e4f9b7; background: #e6d7f1;
} }
.node-web { .node-web {
background: #dfe4ff; background: #e9f4d2;
} }
.node-workspace { .node-workspace {
background: #ffe1d8; background: #ffe0d3;
} }
.node-store { .node-store {
@@ -601,7 +604,7 @@ main {
} }
.flow-explainer span { .flow-explainer span {
color: var(--green); color: var(--signal);
font-family: "SFMono-Regular", Consolas, monospace; font-family: "SFMono-Regular", Consolas, monospace;
font-size: 9px; font-size: 9px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -655,7 +658,7 @@ main {
.boundary-grid small { .boundary-grid small {
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
color: var(--green-dark); color: var(--eva-purple);
font-family: monospace; font-family: monospace;
font-size: 8px; font-size: 8px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -681,7 +684,7 @@ main {
.loop-console { .loop-console {
border: 1px solid rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.16);
background: #1b1e1a; background: #1e1426;
} }
.loop-stages { .loop-stages {
@@ -725,13 +728,13 @@ main {
.loop-stage:hover, .loop-stage:hover,
.loop-stage.is-active { .loop-stage.is-active {
background: var(--green); background: var(--eva-purple);
color: #587d08; color: #d8cbe2;
} }
.loop-stage.is-active strong, .loop-stage.is-active strong,
.loop-stage:hover strong { .loop-stage:hover strong {
color: var(--ink); color: var(--white);
} }
.loop-detail { .loop-detail {
@@ -744,7 +747,7 @@ main {
} }
.detail-label { .detail-label {
color: var(--green); color: var(--signal);
font-family: monospace; font-family: monospace;
font-size: 9px; font-size: 9px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -786,7 +789,7 @@ main {
left: 0; left: 0;
width: 5px; width: 5px;
height: 5px; height: 5px;
background: var(--green); background: var(--signal);
content: ""; content: "";
} }
@@ -809,7 +812,7 @@ main {
.loop-principles span, .loop-principles span,
.ops-grid span { .ops-grid span {
color: var(--green); color: var(--signal);
font-family: monospace; font-family: monospace;
font-size: 9px; font-size: 9px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -854,7 +857,7 @@ main {
} }
.table-head { .table-head {
color: var(--green); color: var(--signal);
font-family: monospace; font-family: monospace;
font-size: 9px; font-size: 9px;
letter-spacing: 0.07em; letter-spacing: 0.07em;
@@ -872,12 +875,13 @@ main {
.identity-card, .identity-card,
.workspace-stack { .workspace-stack {
border: 1px solid var(--ink); border: 1px solid var(--ink);
box-shadow: 6px 6px 0 rgba(21, 23, 19, 0.1); box-shadow: 6px 6px 0 rgba(23, 18, 31, 0.12);
} }
.identity-card { .identity-card {
padding: 30px; padding: 30px;
background: var(--green); background: var(--eva-purple);
color: var(--white);
} }
.identity-card small, .identity-card small,
@@ -898,7 +902,8 @@ main {
} }
.identity-card code { .identity-card code {
border-color: rgba(21, 23, 19, 0.4); border-color: rgba(255, 255, 255, 0.32);
color: var(--white);
background: transparent; background: transparent;
font-size: 10px; font-size: 10px;
} }
@@ -926,7 +931,7 @@ main {
} }
.workspace-stack span { .workspace-stack span {
color: var(--green); color: var(--signal);
font-family: monospace; font-family: monospace;
font-size: 8px; font-size: 8px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -955,7 +960,7 @@ main {
display: inline-block; display: inline-block;
padding: 4px 6px; padding: 4px 6px;
background: var(--ink); background: var(--ink);
color: var(--green); color: var(--signal);
font-family: monospace; font-family: monospace;
font-size: 9px; font-size: 9px;
} }
@@ -974,7 +979,7 @@ main {
} }
.models-section { .models-section {
background: #e8e5dc; background: #e7e1eb;
} }
.model-grid { .model-grid {
@@ -1020,7 +1025,7 @@ main {
} }
.model-dot.terra { .model-dot.terra {
background: var(--green); background: var(--eva-purple);
} }
.model-dot.sol { .model-dot.sol {
@@ -1069,7 +1074,7 @@ main {
} }
.model-deepseek { .model-deepseek {
background: #e4e8ff; background: #e7f3d1;
} }
.policy-note { .policy-note {
@@ -1196,11 +1201,11 @@ main {
} }
.status-validated { .status-validated {
background: var(--green); background: var(--signal);
} }
.status-backlog { .status-backlog {
background: #e3e7ff; background: #e7ddef;
} }
.experiment-card h3 { .experiment-card h3 {
@@ -1268,7 +1273,7 @@ main {
} }
.deployment-path div small { .deployment-path div small {
color: var(--green); color: var(--signal);
font-family: monospace; font-family: monospace;
font-size: 8px; font-size: 8px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -1323,7 +1328,8 @@ main {
} }
.timeline li.is-current > span { .timeline li.is-current > span {
background: var(--green); background: var(--eva-purple);
color: var(--white);
box-shadow: 3px 3px 0 var(--ink); box-shadow: 3px 3px 0 var(--ink);
} }
@@ -1335,7 +1341,7 @@ main {
} }
.timeline small { .timeline small {
color: var(--green-dark); color: var(--eva-purple);
font-family: monospace; font-family: monospace;
font-size: 8px; font-size: 8px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
@@ -1356,7 +1362,7 @@ main {
.repository-section { .repository-section {
padding: 70px clamp(40px, 7vw, 110px); padding: 70px clamp(40px, 7vw, 110px);
background: var(--green); background: var(--eva-purple);
} }
.repository-panel { .repository-panel {
@@ -1401,7 +1407,7 @@ main {
.doc-list a::after { .doc-list a::after {
position: absolute; position: absolute;
right: 0; right: 0;
color: var(--green); color: var(--signal);
content: "↗"; content: "↗";
} }
@@ -1443,7 +1449,7 @@ footer p {
} }
footer a { footer a {
color: var(--green); color: var(--signal);
} }
@media (max-width: 1120px) { @media (max-width: 1120px) {
e2e/verify_stack.py
+1 -1
View File
@@ -158,7 +158,7 @@ def main() -> None:
assert docs.headers["content-type"].startswith("text/html") assert docs.headers["content-type"].startswith("text/html")
docs_style = client.get("/doc/styles.css") docs_style = client.get("/doc/styles.css")
docs_style.raise_for_status() docs_style.raise_for_status()
assert "--green: #b8f23d" in docs_style.text assert "--eva-purple: #5b2a7e" in docs_style.text
docs_script = client.get("/doc/app.js") docs_script = client.get("/doc/app.js")
docs_script.raise_for_status() docs_script.raise_for_status()
assert "safe-parallel-v1" in docs_script.text assert "safe-parallel-v1" in docs_script.text