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