code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#e2e8f0;background:#1a202c}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:60px 0;text-align:center}.header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.nav{background:#2d3748;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:center;padding:0}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{display:block;padding:1rem 1.5rem;text-decoration:none;color:#a0aec0;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent}.nav-link:hover,.nav-link.active{color:#90cdf4;border-bottom-color:#90cdf4;background:#4a5568}.main{padding:40px 0;min-height:calc(100vh - 200px)}.content{background:#2d3748;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:40px;margin-bottom:40px}.content h1{color:#f7fafc;font-size:2.5rem;margin-bottom:1.5rem;border-bottom:3px solid #90cdf4;padding-bottom:.5rem}.content h2{color:#e2e8f0;font-size:2rem;margin:2rem 0 1rem;border-left:4px solid #90cdf4;padding-left:1rem}.content h3{color:#e2e8f0;font-size:1.5rem;margin:1.5rem 0 1rem}.content h4{color:#e2e8f0;font-size:1.2rem;margin:1rem 0 .5rem}.content p{margin-bottom:1rem;color:#cbd5e0}.content ul,.content ol{margin:1rem 0 1rem 2rem;color:#cbd5e0}.content li{margin-bottom:.5rem}.content blockquote{border-left:4px solid #4a5568;padding-left:1rem;margin:1rem 0;color:#a0aec0;font-style:italic}.content table{width:100%;border-collapse:collapse;margin:1rem 0}.content th,.content td{border:1px solid #4a5568;padding:.75rem;text-align:left}.content th{background:#1a202c;font-weight:600;color:#f7fafc}.content code{background:#1a202c;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9rem;color:#90cdf4}.content pre{background:#1a202c;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0;font-family:Monaco,Menlo,monospace}.content pre code{background:none;padding:0;color:inherit}.loading{text-align:center;padding:60px 0;color:#a0aec0}.spinner{border:4px solid #4a5568;border-top:4px solid #90cdf4;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{text-align:center;padding:60px 0;color:#fc8181}.error h1{color:#fc8181;margin-bottom:1rem}.footer{background:#2d3748;color:#fff;text-align:center;padding:40px 0;margin-top:60px}.footer p{opacity:.8}@media (max-width: 768px){.header h1{font-size:2rem}.header p{font-size:1rem}.nav-list{flex-wrap:wrap;justify-content:center}.nav-link{padding:.75rem 1rem;font-size:.9rem}.content{padding:20px}.content h1{font-size:2rem}.content h2{font-size:1.5rem}}html{scroll-behavior:smooth}.content a{color:#90cdf4;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.content a:hover{border-bottom-color:#90cdf4}