.page-tutorial{--bg: #e7efe9;--bg2: #f5f8f3;--bg3: #dce9e0;--border: #b8cbbf;--text: #17231d;--text2: #4b6255;--accent: #196f5e;--accent2: #113e34;--cyan: #1a7976;--green: #266b45;--shadow: rgba(8, 25, 16, .08);background:var(--bg);color:var(--text)}.page-tutorial .sidebar{background:#101b17;color:#eff5ed;border-right:1px solid rgba(198,255,85,.2);box-shadow:none}.page-tutorial .sidebar-logo{border-bottom-color:#eff5ed2e}.page-tutorial .sidebar-logo h1{color:#c6ff55;font-family:Arial Black,Noto Sans SC,sans-serif;letter-spacing:0}.page-tutorial .sidebar-logo p{color:#a9c5b4}.page-tutorial .tutorial-home{display:block;margin-top:.65rem;color:#c6ff55;font:700 .63rem JetBrains Mono,Consolas,monospace;text-decoration:none}.page-tutorial .sidebar nav .label{color:#a9c5b4;letter-spacing:0}.page-tutorial .sidebar nav a{margin:1px 0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#c1d3c7;transition:color .2s ease,border-color .2s ease,transform .2s ease}.page-tutorial .sidebar nav a:hover,.page-tutorial .sidebar nav a.active{color:#c6ff55;background:transparent;border-left-color:#c6ff55;transform:translate(2px)}.page-tutorial .sidebar nav .sec2:hover{color:#8fd9cf}.page-tutorial .main{background:var(--bg)}.page-tutorial .content{max-width:920px;padding:58px 52px 120px}.page-tutorial .hero{display:block;width:auto;height:auto;min-height:0;margin:0 0 2rem;padding:2rem 0 2.5rem;overflow:visible;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}.page-tutorial .hero:before,.page-tutorial .hero:after{display:none}.page-tutorial .hero h1{margin:0 0 .85rem;padding:0;border:0;color:var(--accent2);font:900 2.85rem/1.13 Arial Black,Noto Sans SC,sans-serif;letter-spacing:0}.page-tutorial .hero p{color:var(--text2)}.page-tutorial .badge{border-radius:0;border-color:var(--border)}.page-tutorial .content h1[id],.page-tutorial .content>h1{border-bottom:1px solid var(--border);color:var(--accent2);font-size:1.95rem;line-height:1.3}.page-tutorial .content h2{color:var(--accent)}.page-tutorial .content h3{color:var(--text)}.page-tutorial pre{border-radius:4px;border-color:var(--border);box-shadow:0 12px 22px var(--shadow)}.page-tutorial pre.code__pre,.page-tutorial pre.code__pre .hljs{background:#0d1117!important;color:#c9d1d9}.page-tutorial blockquote{border-left-color:var(--accent);border-radius:0 4px 4px 0}.page-tutorial table{border-radius:4px}.page-tutorial .diagram{border-radius:4px;box-shadow:none}.page-tutorial .info,.page-tutorial .warn,.page-tutorial .tip{border-radius:4px}.tutorial-toc-toggle{display:none}@media (max-width: 768px){.page-tutorial .main{margin-left:0}.page-tutorial .content{padding:28px 1rem 100px}.page-tutorial .sidebar{display:block;width:min(310px,85vw);transform:translate(-101%);transition:transform .28s ease;z-index:210}.page-tutorial.is-toc-open .sidebar{transform:none}.page-tutorial.is-toc-open:after{content:"";position:fixed;z-index:190;top:0;right:0;bottom:0;left:0;background:#050c098c}.tutorial-toc-toggle{position:fixed;z-index:220;right:1rem;bottom:1rem;display:grid;place-items:center;width:48px;height:48px;border:1px solid #c6ff55;border-radius:50%;background:#c6ff55;color:#0b1510;font-size:1.2rem;cursor:pointer}.page-tutorial .hero h1{font-size:2.15rem}.page-tutorial .content h1[id],.page-tutorial .content>h1{font-size:1.55rem}}@media (prefers-reduced-motion: reduce){.page-tutorial .sidebar,.page-tutorial .sidebar nav a{transition:none}}