Fix composite margin ratio cap at 50% and add risk guide page with nav toggle.

Co-authored-by: Cursor <cursoragent@cursor.com>

static/css/dashboard.css

@@ -87,6 +87,18 @@
     font-weight: 400;
 }
 
+.dash-risk-doc-link {
+    font-size: 0.74rem;
+    font-weight: 500;
+    color: var(--accent);
+    text-decoration: none;
+    margin-left: 0.15rem;
+}
+
+.dash-risk-doc-link:hover {
+    text-decoration: underline;
+}
+
 .dash-risk-doc-ref code {
     font-size: 0.68rem;
 }
@@ -161,12 +173,12 @@
 }
 
 .dashboard-risk-value .risk-margin-cap-inline {
-    color: #5eb8ff;
+    color: #c4a035;
     font-weight: 600;
 }
 
 [data-theme="light"] .dashboard-risk-value .risk-margin-cap-inline {
-    color: #1d4ed8;
+    color: #b45309;
 }
 
 .dashboard-risk-grid .stat-item {

static/css/doc.css

@@ -0,0 +1,108 @@
+/* Copyright (c) 2025-2026 马建军. All rights reserved. 详见 LICENSE.zh-CN.txt */
+
+.doc-page {
+    max-width: 52rem;
+    margin: 0 auto;
+}
+
+.doc-content {
+    font-size: 0.92rem;
+    line-height: 1.65;
+    color: var(--text-primary);
+}
+
+.doc-content h1 {
+    font-size: 1.35rem;
+    color: var(--text-title);
+    margin-bottom: 0.75rem;
+    padding-bottom: 0.45rem;
+    border-bottom: 1px solid var(--table-border);
+}
+
+.doc-content h2 {
+    font-size: 1.05rem;
+    color: var(--text-title);
+    margin: 1.35rem 0 0.55rem;
+}
+
+.doc-content h3 {
+    font-size: 0.95rem;
+    color: var(--text-title);
+    margin: 1rem 0 0.45rem;
+}
+
+.doc-content p {
+    margin: 0.45rem 0;
+}
+
+.doc-content hr {
+    border: none;
+    border-top: 1px solid var(--table-border);
+    margin: 1.1rem 0;
+}
+
+.doc-content ul,
+.doc-content ol {
+    margin: 0.45rem 0 0.65rem 1.25rem;
+}
+
+.doc-content li {
+    margin: 0.25rem 0;
+}
+
+.doc-content code {
+    font-size: 0.84em;
+    padding: 0.08rem 0.32rem;
+    border-radius: 4px;
+    background: var(--card-inner);
+    color: var(--accent);
+}
+
+.doc-content a {
+    color: var(--accent);
+    text-decoration: none;
+}
+
+.doc-content a:hover {
+    text-decoration: underline;
+}
+
+.doc-content .doc-xref {
+    color: var(--text-muted);
+}
+
+.doc-content .doc-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 0.65rem 0 0.85rem;
+    font-size: 0.86rem;
+}
+
+.doc-content .doc-table th,
+.doc-content .doc-table td {
+    padding: 0.42rem 0.55rem;
+    border: 1px solid var(--table-border);
+    text-align: left;
+    vertical-align: top;
+}
+
+.doc-content .doc-table th {
+    background: var(--card-inner);
+    color: var(--text-title);
+    font-weight: 600;
+}
+
+.doc-content strong {
+    color: var(--text-title);
+}
+
+@media (max-width: 767px) {
+    .doc-content {
+        font-size: 0.86rem;
+    }
+    .doc-content .doc-table {
+        display: block;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+    }
+}