:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:100%;margin:0;padding:0;text-align:left}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--sidebar-bg: #ffffff;--main-bg: #f9fafb;--terminal-bg: #ffffff;--header-bg: #f3f4f6;--input-bg: #ffffff;--code-bg: #f3f4f6;--code-block-bg: #1f2937;--button-bg: #ffffff;--hover-bg: #f3f4f6;--active-bg: #faf5ff;--submenu-bg: #fafafa;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--accent-color: #8b5cf6;--code-color: #7c3aed;--code-block-color: #e5e7eb}.dark{--sidebar-bg: #18181b;--main-bg: #0a0a0a;--terminal-bg: #18181b;--header-bg: #27272a;--input-bg: #18181b;--code-bg: #27272a;--code-block-bg: #18181b;--button-bg: #27272a;--hover-bg: #27272a;--active-bg: #2e1a2e;--submenu-bg: #0f0f12;--border-color: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--accent-color: #a855f7;--code-color: #c084fc;--code-block-color: #d4d4d8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--main-bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;margin:0;padding:0;overflow:hidden}html,body{width:100%;height:100%}.sidebar[data-v-7f6898ee]{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;overflow-y:auto;transition:transform .3s ease;z-index:1000}.logo-section[data-v-7f6898ee]{padding:20px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border-color);background:var(--sidebar-bg)}.logo-icon[data-v-7f6898ee]{width:60px;height:42px;color:var(--accent-color);margin-bottom:12px;transition:transform .3s ease,color .3s ease}.logo-icon[data-v-7f6898ee]:hover{transform:scale(1.05);color:var(--accent-color);filter:brightness(1.1)}.logo-icon img[data-v-7f6898ee]{width:100%;height:100%;object-fit:contain}.logo-text[data-v-7f6898ee]{font-size:17px;font-weight:600;color:var(--text-primary);text-align:center;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.nav-menu[data-v-7f6898ee]{flex:1;padding:15px 0}.menu-section[data-v-7f6898ee]{margin-bottom:2px}.menu-group[data-v-7f6898ee]{margin-bottom:8px}.nav-item[data-v-7f6898ee]{display:flex;align-items:center;justify-content:flex-start;padding:10px 20px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative;-webkit-user-select:none;user-select:none}.nav-item[data-v-7f6898ee]:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active[data-v-7f6898ee]{background:var(--active-bg);color:var(--accent-color);border-left-color:var(--accent-color)}.nav-parent[data-v-7f6898ee]{font-weight:600}.nav-parent.expanded[data-v-7f6898ee]{color:var(--text-primary)}.nav-arrow[data-v-7f6898ee]{position:absolute;right:20px;font-size:10px;transition:transform .2s ease}.nav-icon[data-v-7f6898ee]{margin-right:10px;font-size:1.1em}.nav-text[data-v-7f6898ee]{font-size:14px;flex:1;text-align:left}.nav-item.external[data-v-7f6898ee]{position:relative}.external-icon[data-v-7f6898ee]{position:absolute;right:20px;font-size:12px;color:var(--text-secondary);transition:color .2s ease}.nav-item.external:hover .external-icon[data-v-7f6898ee]{color:var(--text-primary)}.submenu[data-v-7f6898ee]{background:var(--submenu-bg)}.nav-subitem[data-v-7f6898ee]{padding:8px 45px 8px 50px;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .2s ease;border-left:3px solid transparent}.nav-subitem[data-v-7f6898ee]:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-subitem.active[data-v-7f6898ee]{background:var(--active-bg);color:var(--accent-color);border-left-color:var(--accent-color)}.subitem-text[data-v-7f6898ee]{display:block;text-align:left;flex:1;padding-right:25px}.submenu-enter-active[data-v-7f6898ee],.submenu-leave-active[data-v-7f6898ee]{transition:all .2s ease;overflow:hidden}.submenu-enter-from[data-v-7f6898ee],.submenu-leave-to[data-v-7f6898ee]{opacity:0;max-height:0}.submenu-enter-to[data-v-7f6898ee],.submenu-leave-from[data-v-7f6898ee]{opacity:1;max-height:500px}.nav-subparent[data-v-7f6898ee]{position:relative;display:flex;align-items:center;justify-content:space-between}.nav-arrow.small[data-v-7f6898ee]{font-size:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.sub-submenu[data-v-7f6898ee]{background:var(--submenu-bg);margin-left:10px;border-left:2px solid var(--border-color)}.nav-sub-subitem[data-v-7f6898ee]{padding:6px 15px 6px 70px;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all .2s ease;border-left:3px solid transparent}.nav-sub-subitem[data-v-7f6898ee]:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-sub-subitem.active[data-v-7f6898ee]{background:var(--active-bg);color:var(--accent-color);border-left-color:var(--accent-color)}.sub-subitem-text[data-v-7f6898ee]{display:block;font-size:12px;text-align:left}.sidebar-footer[data-v-7f6898ee]{padding:20px;border-top:1px solid var(--border-color);background:var(--sidebar-bg)}.theme-btn[data-v-7f6898ee]{width:100%;padding:8px;background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.theme-btn[data-v-7f6898ee]:hover{background:var(--hover-bg)}.lang-toggle[data-v-7f6898ee]{margin-top:10px}.lang-select[data-v-7f6898ee]{width:100%;padding:8px;background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer}.copyright-info[data-v-7f6898ee]{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);text-align:center}.dev-team[data-v-7f6898ee]{font-size:11px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.copyright[data-v-7f6898ee]{font-size:10px;color:var(--text-secondary);opacity:.8;line-height:1.4}.sidebar[data-v-7f6898ee]::-webkit-scrollbar{width:6px}.sidebar[data-v-7f6898ee]::-webkit-scrollbar-track{background:var(--sidebar-bg)}.sidebar[data-v-7f6898ee]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar[data-v-7f6898ee]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.sidebar[data-v-7f6898ee]{transform:translate(-100%)}.sidebar.sidebar-open[data-v-7f6898ee]{transform:translate(0)}}*{box-sizing:border-box}html,body{overflow-x:hidden}#app{display:flex;height:100vh;width:100%;background:var(--main-bg)}.main-content{flex:1;margin-left:240px;display:flex;width:calc(100% - 240px);height:100vh;position:relative}.mobile-menu-btn{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;flex-direction:column;gap:3px;transition:all .3s ease}.hamburger-line{width:20px;height:2px;background:var(--text-primary);transition:all .3s ease}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 768px){html,body{overflow-y:auto;height:auto}#app{height:auto;min-height:100vh;flex-direction:column}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.main-content{margin-left:0;width:100%;padding-top:60px;height:auto;min-height:auto;overflow-y:visible;flex:1}}