/* ============================================
   设置视图专属样式 (复用原文档布局)
   ============================================ */
.docs-layout { display: flex; height: calc(100vh - 48px); background: var(--bg-body); overflow: hidden; }
.docs-sidebar { width: 280px; background: var(--bg-panel); border-right: 1px solid var(--border-light); display: flex; flex-direction: column; z-index: 10; flex-shrink: 0; border-radius: 0; box-shadow: none; border-top: none; border-bottom: none; border-left: none; }
.docs-nav-list {padding: 12px;}
.docs-nav-item {padding: 12px 16px;border-radius: var(--radius-sm);cursor: pointer;transition: var(--transition);border: 1px solid transparent;}
.docs-nav-item:hover:not(.disabled) { background: var(--bg-hover); border-color: var(--border-light); }
.docs-nav-item.is-active { background: var(--bg-focus); border-color: var(--primary); color: var(--primary); box-shadow: 0 2px 4px rgba(79, 70, 229, 0.1); }
.docs-content { flex: 1; padding: 40px; overflow-y: auto; border-radius: 0; box-shadow: none; border: none; }