:root{--doc-accent: #0066ff;--doc-accent-soft: rgba(0, 102, 255, .6);--doc-nav-muted: #737c86;--doc-nav-width: 240px;--doc-nav-top: 88px;--doc-nav-gap: 16px;--doc-nav-font-size: 13px;--doc-nav-line-height: 1.5;--doc-text: #333;--doc-text-soft: #4a5568;--doc-border: #e2e8f0;--doc-callout-bg: #f0f7ff}.doc-layout{display:flex;align-items:flex-start;max-width:1180px;margin:0 auto;padding:0 24px 64px;min-height:calc(100vh - 72px);position:relative;gap:32px}.doc-sidebar{width:var(--doc-nav-width);min-width:var(--doc-nav-width);flex-shrink:0;align-self:stretch;pointer-events:none;background:transparent;border:none}.doc-side-nav{position:fixed;top:var(--doc-nav-top);width:var(--doc-nav-width);max-height:calc(100vh - var(--doc-nav-top) - 24px);z-index:2;pointer-events:auto}body:has(.doc-layout) .body-wrap{overflow:visible}.doc-side-nav>.doc-nav-list{box-sizing:border-box;width:100%;max-height:calc(100vh - var(--doc-nav-top) - 24px);margin:0;padding:0 0 16px;list-style:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;position:relative}.doc-side-nav>.doc-nav-list::-webkit-scrollbar{display:none;width:0}.doc-nav-list{list-style:none;margin:0;padding:0}.doc-nav-list li{float:none}.doc-nav-list li>.doc-nav-list{display:none}.doc-nav-list li.active>.doc-nav-list{display:block}.doc-nav-list a{display:block;color:var(--doc-nav-muted);font-size:var(--doc-nav-font-size);font-weight:400;line-height:var(--doc-nav-line-height);text-decoration:none;padding:4px 12px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;transition:color .18s ease,background-color .18s ease,font-weight .18s ease;background:none}.doc-nav-list a:hover{color:var(--doc-accent)}.doc-nav-list li.is-current>a{color:var(--doc-accent);font-weight:500}.doc-nav-list .doc-nav-list>li>a{padding-right:26px}.doc-nav-list .doc-nav-list .doc-nav-list>li>a{padding-right:40px}.doc-nav-list .doc-nav-list .doc-nav-list .doc-nav-list>li>a{padding-right:54px}.doc-nav-rail{position:absolute;top:0;right:0;z-index:1;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.doc-nav-rail-bg{position:absolute;inset:0;background-color:#6d778238}.doc-nav-rail-thumb{width:100%;background-color:var(--doc-accent)}.doc-nav-rail-thumb.is-animated{transition:margin-top .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1)}.doc-main{flex:1;min-width:0;padding:28px 0 0}.doc-sidebar-toggle{display:none;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--doc-accent);background:#e8f0ff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;margin-bottom:20px}.doc-content{max-width:820px}.doc-content h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:40px 0 14px;padding-bottom:0;border-bottom:none;scroll-margin-top:24px}.doc-content h3{font-size:19px;font-weight:700;color:#1a1a1a;margin:28px 0 10px;scroll-margin-top:24px}.doc-content h4{font-size:16px;font-weight:700;color:#222;margin:22px 0 8px;scroll-margin-top:24px}.doc-content h5{font-size:14px;font-weight:600;color:#333;margin:18px 0 6px;scroll-margin-top:24px}.doc-content p{font-size:15px;line-height:1.7;color:var(--doc-text);margin:10px 0}.doc-content ul,.doc-content ol{padding-right:22px;margin:12px 0}.doc-content ul{list-style:none}.doc-content ul>li{position:relative;padding-right:14px}.doc-content ul>li:before{content:"";position:absolute;right:0;top:.72em;width:6px;height:6px;border-radius:1px;background:var(--doc-accent)}.doc-content li{font-size:15px;line-height:1.7;color:var(--doc-text);margin-bottom:6px}.doc-content a{color:var(--doc-accent);text-decoration:none}.doc-content a:hover{text-decoration:underline}.doc-content code{background:#f1f5f9;padding:2px 7px;border-radius:5px;font-size:13px;direction:ltr;display:inline-block;color:var(--doc-accent)}.doc-content pre{background:#1a202c;color:#e2e8f0;padding:16px 20px;border-radius:10px;overflow-x:auto;direction:ltr;margin:16px 0;font-size:13px;line-height:1.7}.doc-content pre code{background:transparent;padding:0;border-radius:0;color:inherit}.doc-content strong{color:#1a1a1a}.doc-content hr{border:none;border-top:1px solid var(--doc-border);margin:28px 0}.doc-content table{width:100%;border-collapse:collapse;font-size:13px;margin:16px 0 24px;border-radius:8px;overflow:hidden;border:1px solid var(--doc-border)}.doc-content table th{background:#f1f5f9;color:#2d3748;font-weight:700;padding:10px 14px;text-align:right;border-bottom:2px solid var(--doc-border);border-left:1px solid var(--doc-border)}.doc-content table td{padding:9px 14px;color:var(--doc-text-soft);border-bottom:1px solid var(--doc-border);border-left:1px solid var(--doc-border);vertical-align:top;line-height:1.7}.doc-content table tr:last-child td{border-bottom:none}.doc-content table tr:nth-child(2n){background:#f8fafc}.doc-content table tr:hover{background:#f0f4ff}.doc-content img{max-width:100%;border-radius:10px;border:1px solid var(--doc-border);margin:16px 0}.doc-content blockquote{border-right:3px solid var(--doc-accent);border-left:none;background:var(--doc-callout-bg);padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0;color:var(--doc-text)}.doc-content div[style*="display: flex"]{display:flex!important;align-items:center;gap:12px;margin:12px 0;background:#f8fafc;border:1px solid var(--doc-border);border-radius:8px;padding:10px 14px}.doc-content .tut-card-play{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#06f,#00b4d8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.doc-sidebar-backdrop{display:none}@media(max-width:1024px){.doc-layout{padding:0 20px 48px;gap:0}.doc-sidebar{position:fixed;top:0;right:0;left:auto;width:min(300px,86vw);min-width:0;max-height:none;height:100vh;z-index:220;background:#fff;box-shadow:-4px 0 24px #0000001f;transform:translate(105%);transition:transform .25s cubic-bezier(.4,0,.2,1);padding:24px 16px 24px 12px;overflow:hidden;pointer-events:auto}.doc-side-nav{position:static;top:auto;width:100%;max-height:none}.doc-sidebar.is-open{transform:translate(0)}.doc-side-nav>.doc-nav-list{max-height:calc(100vh - 48px)}.doc-sidebar-backdrop{display:block;position:fixed;inset:0;background:#0f172a59;z-index:210;opacity:0;pointer-events:none;transition:opacity .2s ease}.doc-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.doc-sidebar-toggle{display:flex}.doc-main{padding-top:20px}.doc-nav-rail{display:none}}.doc-page-header{padding:0 0 24px;margin-bottom:8px}.doc-page-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.25}.doc-page-header p{font-size:15px;color:#333;line-height:1.7;margin:0 0 18px;max-width:640px;background:var(--doc-callout-bg, #f0f7ff);border-right:3px solid var(--doc-accent, #0066ff);border-radius:0 6px 6px 0;padding:14px 18px}.doc-page-actions{display:flex;gap:12px;flex-wrap:wrap}