/* Template 13: Documentation Style (极客文档 · 维基技术指南风) */
:root {
  --primary: #14b8a6;
  --bg: #0d1117;
  --surface: #161b22;
  --border: #30363d;
  --text: #c9d1d9;
  --text-white: #f0f6fc;
  --text-muted: #8b949e;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; line-height: 1.6; }
a { color: var(--primary); text-decoration: none; }
.docs-header { background: #161b22; border-bottom: 1px solid var(--border); padding: 0.75rem 2rem; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; }
.docs-header img { height: 36px; display: block; }
.docs-layout { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 55px); }
.docs-sidebar { background: #0d1117; border-right: 1px solid var(--border); padding: 2rem 1.5rem; position: sticky; top: 55px; height: calc(100vh - 55px); overflow-y: auto; }
.docs-sidebar h4 { font-size: 0.8rem; text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.05em; margin-bottom: 0.75rem; }
.docs-sidebar ul { list-style: none; margin-bottom: 2rem; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.9rem; }
.docs-sidebar a { color: var(--text); }
.docs-sidebar a:hover, .docs-sidebar a.active { color: var(--primary); font-weight: 600; }

.docs-content { padding: 3rem 4rem; max-width: 900px; }
.docs-content h1 { font-size: 2.4rem; color: var(--text-white); margin-bottom: 1rem; border-bottom: 1px solid var(--border); padding-bottom: 0.8rem; }
.docs-content h2 { font-size: 1.8rem; color: var(--text-white); margin: 2.5rem 0 1rem; border-bottom: 1px solid var(--border); padding-bottom: 0.5rem; }
.docs-content p { margin-bottom: 1.25rem; font-size: 1.05rem; line-height: 1.8; }
.docs-callout { background: rgba(20, 184, 166, 0.1); border-left: 4px solid var(--primary); padding: 1.2rem; border-radius: 4px; margin: 1.5rem 0; font-size: 0.95rem; }
.docs-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.docs-table th, .docs-table td { border: 1px solid var(--border); padding: 0.8rem 1rem; text-align: left; }
.docs-table th { background: #161b22; color: var(--text-white); }
.docs-btn { display: inline-block; background: var(--primary); color: #0d1117; font-weight: 700; padding: 0.6rem 1.5rem; border-radius: 6px; }

@media (max-width: 992px) {
  .docs-layout { grid-template-columns: 1fr; }
  .docs-sidebar { display: none; }
  .docs-content { padding: 2rem 1.5rem; }
}