/* Stonework AI Docs — Vantablack 风格 markdown 渲染（与 landing 一致） */
:root{
  --bg:#050505; --bg-1:#0c0c0e; --bg-2:#131316;
  --text:#fafafa; --text-2:#a1a1aa; --text-muted:#6b6b73;
  --indigo:#6366f1; --indigo-soft:rgba(99,102,241,0.14);
  --border:rgba(255,255,255,0.1);
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  --r-lg:16px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased;}

/* 顶栏 */
.docs-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(5,5,5,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.docs-logo{color:var(--text);text-decoration:none;font-weight:600;font-size:0.95rem;transition:color 0.15s;}
.docs-logo:hover{color:var(--indigo);}
.docs-version{font-family:var(--mono);font-size:0.72rem;color:var(--text-muted);letter-spacing:0.05em;}

/* 布局 */
.docs-layout{display:grid;grid-template-columns:260px 1fr;max-width:1240px;margin:0 auto;}
.docs-sidebar{position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto;padding:28px 18px;border-right:1px solid var(--border);}
.docs-nav-item{display:block;padding:10px 14px;margin-bottom:4px;border-radius:10px;text-decoration:none;color:var(--text-2);border:1px solid transparent;transition:background 0.15s,color 0.15s,border-color 0.15s;}
.docs-nav-item:hover{background:var(--bg-1);color:var(--text);}
.docs-nav-item.active{background:var(--indigo-soft);border-color:rgba(99,102,241,0.3);color:#fff;}
.docs-nav-title{display:block;font-size:0.88rem;font-weight:500;}
.docs-nav-desc{display:block;font-size:0.72rem;color:var(--text-muted);margin-top:2px;}

/* 内容 */
.docs-content{padding:40px 48px 120px;min-width:0;}
.markdown-body{max-width:760px;}
.markdown-body h1{font-size:1.9rem;font-weight:700;letter-spacing:-0.02em;margin:0 0 8px;line-height:1.25;}
.markdown-body h2{font-size:1.35rem;font-weight:600;margin:40px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border);letter-spacing:-0.01em;}
.markdown-body h3{font-size:1.1rem;font-weight:600;margin:28px 0 12px;color:#e4e4e7;}
.markdown-body p{margin:0 0 16px;color:#d4d4d8;}
.markdown-body a{color:var(--indigo);text-decoration:none;border-bottom:1px solid rgba(99,102,241,0.3);}
.markdown-body a:hover{border-bottom-color:var(--indigo);}
.markdown-body a.external::after{content:' ↗';font-size:0.8em;}
.markdown-body img{max-width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border);margin:16px 0;display:block;}
.markdown-body ul,.markdown-body ol{margin:0 0 16px;padding-left:1.4em;color:#d4d4d8;}
.markdown-body li{margin:6px 0;}
.markdown-body strong{color:#fff;font-weight:600;}
.markdown-body code{font-family:var(--mono);font-size:0.85em;background:var(--bg-2);padding:2px 6px;border-radius:5px;color:#e0e0e6;}
.markdown-body pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;overflow-x:auto;margin:0 0 20px;}
.markdown-body pre code{background:none;padding:0;font-size:0.82rem;line-height:1.6;color:#d4d4d8;}
.markdown-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:0.88rem;display:block;overflow-x:auto;}
.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:9px 14px;text-align:left;}
.markdown-body th{background:var(--bg-1);font-weight:600;color:#fff;}
.markdown-body td{color:#d4d4d8;}
.markdown-body hr{border:none;border-top:1px solid var(--border);margin:36px 0;}
.markdown-body mark{background:rgba(99,102,241,0.32);color:#fff;padding:1px 5px;border-radius:3px;}
.markdown-body blockquote.plain-quote{border-left:3px solid var(--indigo);padding:8px 16px;margin:0 0 16px;color:#a1a1aa;background:var(--bg-1);border-radius:0 8px 8px 0;}

/* obsidian callout */
.callout{margin:0 0 20px;border-radius:var(--r-lg);border:1px solid;overflow:hidden;}
.callout-title{padding:9px 16px;font-size:0.82rem;font-weight:600;display:flex;align-items:center;gap:8px;}
.callout-body{padding:12px 16px;color:#d4d4d8;}
.callout-body p:first-child{margin-top:0;}
.callout-body p:last-child{margin-bottom:0;}
.callout-body ul:last-child,.callout-body ol:last-child{margin-bottom:0;}
.callout-abstract,.callout-info{background:rgba(99,102,241,0.08);border-color:rgba(99,102,241,0.32);}
.callout-abstract .callout-title,.callout-info .callout-title{color:#a5b4fc;background:rgba(99,102,241,0.13);}
.callout-note{background:rgba(96,165,250,0.08);border-color:rgba(96,165,250,0.3);}
.callout-note .callout-title{color:#93c5fd;background:rgba(96,165,250,0.12);}
.callout-tip{background:rgba(52,211,153,0.08);border-color:rgba(52,211,153,0.3);}
.callout-tip .callout-title{color:#6ee7b7;background:rgba(52,211,153,0.12);}
.callout-warning{background:rgba(251,191,36,0.08);border-color:rgba(251,191,36,0.32);}
.callout-warning .callout-title{color:#fcd34d;background:rgba(251,191,36,0.13);}
.callout-danger{background:rgba(248,113,113,0.08);border-color:rgba(248,113,113,0.3);}
.callout-danger .callout-title{color:#fca5a5;background:rgba(248,113,113,0.13);}
.callout-success,.callout-quote,.callout-example{background:var(--bg-1);border-color:var(--border);}
.callout-success .callout-title,.callout-quote .callout-title,.callout-example .callout-title{color:#e4e4e7;background:var(--bg-2);}

.loading,.load-error{color:var(--text-muted);font-family:var(--mono);font-size:0.9rem;padding:40px 0;}

/* 响应式 */
@media (max-width:860px){
  .docs-layout{grid-template-columns:1fr;}
  .docs-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:16px;display:flex;flex-wrap:wrap;gap:6px;}
  .docs-nav-item{width:100%;}
  .docs-content{padding:24px 18px 80px;}
  .markdown-body h1{font-size:1.55rem;}
}