diff --git a/docs/site/index.html b/docs/site/index.html
index 7135c1b..5d8dddb 100644
--- a/docs/site/index.html
+++ b/docs/site/index.html
@@ -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"
diff --git a/docs/site/og.png b/docs/site/og.png
index 1f88c9a..f1a525a 100644
Binary files a/docs/site/og.png and b/docs/site/og.png differ
diff --git a/docs/site/styles.css b/docs/site/styles.css
index 5d655d3..aa2f9f2 100644
--- a/docs/site/styles.css
+++ b/docs/site/styles.css
@@ -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) {
diff --git a/e2e/verify_stack.py b/e2e/verify_stack.py
index db6e2a5..7eceb71 100644
--- a/e2e/verify_stack.py
+++ b/e2e/verify_stack.py
@@ -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
