code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;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.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}body{margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}.card{background:rgba(255,255,255,.9);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(8px);padding:2rem;max-width:800px;width:90%;margin:2rem auto;position:relative}.header{margin-bottom:1rem;text-align:right}.toc-toggle{background:rgba(255,255,255,.8);border:1px solid #ddd;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .3s ease}.toc-toggle:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toc-sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-right:1px solid #eee;padding:0;overflow-y:auto;transition:left .3s ease;z-index:1000;box-shadow:2px 0 10px rgba(0,0,0,.1);display:none}.toc-sidebar.active{left:0;display:block}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}.toc-header h3{margin:0;font-size:16px;color:#333}.toc-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toc-close:hover{background:#f0f0f0;color:#333}#toc-content{padding:20px}.toc-item{margin:8px 0;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.toc-item:hover{background-color:#f5f5f5;border-left-color:#0366d6}.toc-h1{font-weight:700;font-size:16px;margin-left:0;color:#2c3e50}.toc-h2{font-size:14px;margin-left:15px;color:#34495e}.toc-h3{font-size:13px;margin-left:30px;color:#7f8c8d}.toc-h4{font-size:12px;margin-left:45px;color:#95a5a6}.toc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none}.toc-overlay.active{display:block}#content{line-height:1.8;color:#333}#content h1,#content h2,#content h3{color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:.3em}#content a{color:#0366d6;text-decoration:none}#content a:hover{text-decoration:underline}#content code{background:#f6f8fa;padding:.2em .4em;border-radius:3px;font-family:monospace}#content pre{background:#282c34;color:#abb2bf;padding:1em;border-radius:5px;overflow-x:auto}@media (max-width:768px){.card{padding:1rem;width:95%}.toc-sidebar{width:85%;left:-85%}.toc-header{padding:15px}#toc-content{padding:15px}}