#menu{background-color:#333;color:#fff;float:left;height:100%;left:0;overflow:auto;padding-top:20px;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:1000}#menu ul{list-style:none;padding:0}.menu-header li{cursor:pointer;padding-left:15px}#menu a{align-items:center;color:#fff;display:flex;overflow:hidden;text-decoration:none;white-space:nowrap}.menu-body i{font-size:16px;margin-right:10px}.menu-body .nav-link{white-space:nowrap}#menu.collapsed{width:40px}.menu-body a{align-items:center;color:#bbb;display:flex;padding-left:15px}.menu-title i{font-size:16px;margin-right:10px}.selected{background-color:#555}.submenu-hide{padding:10px!important;width:20px!important}.submenu-li-a-hide{padding-left:0!important}.content-left-40{margin-left:40px}.full-height{height:100vh}footer{align-items:stretch;display:flex;min-height:80px}.footer-hidden-box{flex:0 0 4%;min-width:40px}.site-box{justify-content:center}.site-box,.site-box2{align-items:center;border:1px solid #ccc;display:flex;flex:1;float:left}.site-box2{flex-wrap:wrap;justify-content:space-between}.site-item{display:block;text-align:center}.site-item a{text-decoration:none}.theme-mode-box{bottom:0;height:50px;position:fixed;right:20px;width:50px}.theme-mode{height:50px;position:relative;right:0;top:0;width:50px}#userAgent{display:block;margin:0 auto;text-align:center;width:100%}.language-box{display:block;float:right;height:40px;margin:0;position:absolute;right:20px;text-align:right;top:0;width:100px}.language-box select{margin-right:20px;margin-top:10px}.ios-switch{display:inline-block;height:34px;position:relative;width:60px}.ios-switch input{height:0;opacity:0;width:0}.slider{background-color:#222529;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:26px;left:4px;top:4px;width:26px}input:checked+.slider{background-color:#316df4}input:checked+.slider:before{transform:translateX(26px)}.container{display:flex;flex-direction:column;height:100vh}.skeleton-container{display:flex;flex:1;flex-direction:column;width:100%}.skeleton-menu{background:#f0f0f0;height:100%;width:50px}.skeleton-main{flex:1}.skeleton-footer{height:20%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}body,main{margin:0;padding:0}main{align-items:stretch;height:100%;width:100%}.book-toc{border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:20px auto;max-width:800px;padding:20px}.overview-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{border-bottom:2px solid #eaeaea;margin-bottom:40px;padding-bottom:20px;text-align:center}.page-header h1{color:#3498db;font-size:2.5rem;margin-bottom:15px}.tagline{align-items:center;color:#7f8c8d;display:flex;font-size:1.2rem;gap:10px;justify-content:center}.core-modules{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:50px}.module-card{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:25px;transition:transform .3s ease}.module-card:hover{transform:translateY(-5px)}.module-card h2{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;font-size:1.8rem;gap:15px;margin-top:0;padding-bottom:15px}.featured-text,.module-card h2{color:#3498db;margin-bottom:20px}.featured-text{font-size:1.1rem;font-weight:600}.feature-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-item h3{color:#2980b9;font-size:1.3rem;margin-bottom:10px;margin-top:0}.quiz-flow{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.flow-step{border-radius:6px;padding:15px;position:relative}.step-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;left:-15px;position:absolute;top:-15px;width:30px}.learning-path{margin-top:40px}.path-steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.path-step{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:20px}.step-header{margin-bottom:15px}.step-badge,.step-header{align-items:center;display:flex}.step-badge{background:#3498db;border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;margin-right:15px;width:32px}.path-step h3{color:#3498db;font-size:1.3rem;margin:0}.step-description{margin:0}@media (max-width:768px){.core-modules,.feature-grid,.path-steps,.quiz-flow{grid-template-columns:1fr}}body,html{display:flex;flex-direction:column;height:100%;margin:0;min-height:100vh;padding:0;width:100%}.hidden-box{flex:0 0 4%;min-width:40px}.board-box{display:grid;grid-template-rows:0fr 1fr 100px}#sidebar-box{min-height:600px;z-index:9999}#svg-box{height:100%;margin-top:5px;overflow:hidden;position:relative}#log-box{min-height:500px}.command,.logger{display:block;float:left;height:60%;width:19%}.close-btn{background-color:grey;border:none;border-radius:100%;color:#fff;cursor:pointer;font-size:12px;height:20px;left:0;line-height:16px;position:absolute;top:0;width:20px}.close-btn:focus{outline:none}.line{display:block;float:left;height:20px;width:200px}.tab{border-bottom:none;color:#fff;cursor:pointer;display:inline-block;margin:0;padding:10px}.tab.active{background:darkred}.code-box{height:100%}#cmd-box{border:1px solid #ccc}#cmd-box,.cmd-main-box,.log-box{min-height:500px}.log-box{border:1px solid #ccc}#coordinates{border:1px solid #333;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.2);display:none;padding:5px;pointer-events:none;position:absolute;z-index:5}.window{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;height:200px;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px;z-index:998}.history-row{border-bottom:1px solid #eee;display:grid;gap:10px;grid-template-columns:auto 60px 1fr auto auto auto}.number{width:10px}.modal-body{display:grid;flex:1;min-height:200px;overflow-y:auto;padding:1rem}.cmd-content{font-size:12px;width:70%;word-break:break-all}.import-export-btn{float:right}#import-cmd,#import-request{display:none}.menu-item{text-align:center}#cmd-main-box .history-row:last-child .arrow{color:green}.history-row{margin-bottom:10px}.col-9,.history-row{align-items:center;display:flex}.col-9{flex:1}.arrow,.number{min-width:30px;text-align:center}.cmd-content{flex:1;margin:0 10px;overflow:hidden;text-overflow:ellipsis}.col-3{align-items:flex-end;display:flex;flex-direction:column}.col-3 button{margin:2px 0!important;width:120px}.assistive-touch{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:10px;top:100px;transition:background-color .3s ease,transform .2s ease;user-select:none;width:40px}.assistive-touch:active{background-color:rgba(0,0,0,.8)}#offcanvasRight{min-height:600px;width:200px}@media (max-width:700px){#offcanvasRight{min-height:600px;width:180px}}.board-main-box{grid-row:2;position:relative}.board-content-box{display:none!important;margin-top:-1px}.board-content-box.active{display:block!important}.board-tab-box{background-color:#333;height:45px}.grid-box{align-items:center;display:flex;float:left;height:48px;justify-content:center;position:fixed;right:5px;text-align:center;top:190px;width:48px}.left-right-box{top:240px}.left-right-box,.picture-in-picture-box{align-items:center;display:flex;float:left;height:28px;justify-content:center;position:fixed;right:5px;text-align:center;width:48px}.picture-in-picture-box{top:160px}.split-box{float:left;height:28px;position:fixed;right:5px;top:280px}.range-input-box,.split-box{align-items:center;display:flex;justify-content:center;text-align:center;width:48px}.range-input-box{height:200px}.vertical-range{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:100%;margin:0;outline:none;padding:0;transform:rotate(180deg);transform-origin:center;width:10%;writing-mode:vertical-lr}.vertical-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0d6efd;border-radius:50%;bottom:0;cursor:pointer;height:20px;width:20px}.vertical-range::-moz-range-thumb{background:#4caf50;border-radius:50%;bottom:0;cursor:pointer;height:20px;width:20px}.range-input-value{text-align:center;width:48px}.grid-content-box{box-sizing:border-box;height:100%;width:100%}.scrollable-box{overflow-y:auto}#svg-box.grid-content-box{overflow:hidden}.ruler-rect{cursor:move;fill:#fff;stroke:#000;stroke-width:1px}.axis line,.axis path{fill:none;shape-rendering:crispEdges}.axis text{font-family:sans-serif;font-size:10px}.circle{fill:none;stroke:#000;stroke-width:2px}.tick{stroke:#000;stroke-width:1px}.tick-label{font-family:Arial,sans-serif;font-size:10px;text-anchor:middle}.protractor-group{cursor:grab}.rect{fill:#4682b4;stroke:#fff}.editor-container{height:100%;overflow:hidden;position:relative;width:100%}.ace_editor{height:100%!important;width:100%!important}#captcha,#request-captcha{height:50px;width:100px}.ace_marker-layer .ace_active-line{background-color:rgba(34,153,221,.5)!important}.ace_marker-layer .ace_active-error-line{background-color:rgba(255,0,0,.7)!important}.ace_marker-layer .ace_active-line.ace_correct-line{background-color:rgba(0,255,0,.3)!important}.ace_gutter-cell.ace_success,.ace_icon.ace_success,.ace_icon.ace_success_fold{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%234CAF50' rx='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m5 8.5 2 2L11 5'/%3E%3C/svg%3E");background-position:2px;background-repeat:no-repeat}#code-box{margin-top:5px;position:relative}.program-language-box{position:absolute;right:0;top:0}.language-font-size-box{position:absolute;right:0;top:40px}.language-font-size-box select,.program-language-box select{margin-right:0}.code-test-box{bottom:20px;position:absolute;right:0}.code-test-box select{margin-right:0}.draggable-container{border:1px solid #ccc;bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:move;max-width:900px;padding:10px;position:absolute;right:0;width:100%}.grid-container{background-color:#fff;display:grid;gap:10px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}#axis-left-box{float:left;grid-area:left;min-height:400px;width:40px}#axis-bottom-box{grid-area:bottom;height:50px;width:100%}#svg-main-box{grid-area:main;overflow:hidden;position:relative}.svg-overlay-box{position:absolute}.board_grid{display:block;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#play-box{text-align:center}.lift-box{bottom:-46px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:100}.lift-box--up{transform:translateX(-50%) translateY(-50px)}.controls-container{align-items:center;border-radius:30px;display:flex;gap:20px;padding:8px 16px}.left-step,.play,.right-step{cursor:pointer;transition:all .2s ease}.left-step:hover,.play:hover,.right-step:hover{color:#0f8;transform:scale(1.1)}.lift-arrow{height:12px;margin:10px auto;transition:all .3s ease;width:40px}line{isolation:isolate;position:relative;z-index:9999}.modal-dialog{max-width:90%;position:fixed!important;transition:none!important;width:500px}.modal-content{max-height:70vh;pointer-events:auto}.modal-header{cursor:move;user-select:none}.dynamic-params{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:15px}.btn-group{gap:8px}.config-collapse{border-left:2px solid #dee2e6;margin-left:30px;padding-left:15px}.title-container{height:30px;position:absolute;right:10px;text-align:center;top:-25px;width:200px;z-index:100}.title{font-size:16px;font-weight:700}.dimensions{bottom:40px;display:none;left:55px;position:absolute;z-index:999}.menu-item{margin-right:.5em}.toast-container{position:fixed;right:20px;top:20px;z-index:1050}.toast{opacity:0;transform:translateX(100%);transition:transform .3s ease-out,opacity .3s ease-out}.toast.show{opacity:1;transform:translateX(0)}.code-grade-triangle,.svg-grade-triangle{bottom:0;color:green;cursor:pointer;height:40px;overflow:visible;position:absolute;right:0;width:40px;z-index:10}.code-grade-triangle:after,.svg-grade-triangle:after{border-bottom:40px solid #006400;border-left:40px solid transparent;bottom:0;content:"";height:0;position:absolute;right:0;width:0}.code-grade-triangle span,.svg-grade-triangle span{bottom:0;color:#fff;font-size:10px;pointer-events:none;position:absolute;right:0;text-align:center;transform:rotate(-45deg) translate(10px,-10px);transform-origin:bottom right;white-space:nowrap;width:20px;z-index:11}#leftMenuNavbar{width:200px}@media (max-width:700px){#leftMenuNavbar{width:180px}.dimensions{font-size:12px}}.svg-range-input-box{align-items:center;bottom:5px;display:flex;height:20px;justify-content:center;margin-top:-24px;min-width:200px;position:absolute;text-align:center;width:200px;z-index:999}.svg-range-input-value{font-family:monospace;margin-left:5px;min-width:50px;text-align:left;width:60px}.speed-text-box{height:24px;width:80px}.mobile-sidebar{background:var(--bs-body-bg);border:1px solid #ccc;color:#aaa;display:none;font-size:12px;position:fixed;right:-30%;top:150px;width:80px;z-index:999}#icons>label{border-bottom:2px solid hsla(0,0%,100%,.3);font-size:16px;font-weight:600;text-align:center}.mobile-sidebar-active{display:block!important}#action-box{backdrop-filter:blur(2px);background:#222529;border:1px solid #3a3f44;border-radius:28px;bottom:100px;box-shadow:0 8px 24px rgba(0,0,0,.5);left:16px;position:fixed;right:16px;transition:all .3s ease;z-index:1000}#icons{align-items:center;border-top:1px solid #33383e;display:flex;flex-wrap:wrap;gap:10px 12px;padding:6px 20px 20px}#icon-link-row{align-items:center;background-color:#0d6efd;border:none;border-radius:40px;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:6px 16px;transition:all .2s;white-space:nowrap}#icon-link-row:active{background-color:#0b5ed7;transform:scale(.96)}.form-box{background-color:var(--bs-body-bg)}.mobile-form-container{bottom:35%;display:flex;flex-direction:column;left:24px;position:fixed;transform:translateY(100%);transition:transform .3s ease;width:150px;z-index:999}.mobile-form-container.active{transform:translateY(0)}.mobile-form-close{background-color:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:24px;line-height:1;position:absolute;right:-10px;top:1px;width:24px;z-index:1001}.mobile-form-close:hover{background:#e9ecef}.mobile-form-container,.mobile-form-container *{-ms-touch-action:none;touch-action:none}#canvas-main{bottom:80px;left:40px;position:absolute}.svg-mouse:hover{stroke:red!important;stroke-width:2px!important;cursor:pointer;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.tabs{gap:2px;padding-left:40px}@media (max-width:768px){.tabs{padding-left:1px}}.tab-link{background:#f0f0f0;border:none;color:#333;cursor:pointer;font-size:16px;font-weight:500;height:30px;transition:all .3s ease;width:50px}.tab-link:hover{background:#e0e0e0;transform:translateY(-2px)}.tab-box{display:none;left:0;overflow:auto;position:absolute}.tab-box.active{display:block}.tab-link.active{background:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.3);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.draggable-box{border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:default;transition:box-shadow .2s;user-select:none}.draggable-box.dragging{box-shadow:0 8px 20px rgba(0,0,0,.15);cursor:grabbing!important;opacity:.9;transition:none}.drag-handle{background:#f5f5f5;border-bottom:1px solid #ddd;cursor:grab;padding:10px;user-select:none}.drag-handle:active{cursor:grabbing}.cy-panzoom{bottom:190px;left:auto!important;right:10px;top:auto!important;z-index:0}#svg-ggb-box,#svg-mermaid-box{background-color:#fff;border:1px solid #333;color:#333;margin-left:40px}#svg-ggb-box,[data-bs-theme=dark] #svg-mermaid-box{background-color:#1e1e2e;border:1px solid #fff;color:#cdd6f4}#svg-container{display:grid;grid-template-areas:"left main" "left bottom";grid-template-columns:40px 1fr;grid-template-rows:1fr 40px;height:96%;position:relative;width:100%}@media (max-width:768px){#svg-container{grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:1fr}#axis-bottom-box,#axis-left-box{display:none}#svg-main-box{grid-area:main;height:100%;width:100%}}#svg-mermaid-box svg{display:block;height:auto!important;margin:0 auto;max-width:800px;width:100%!important}#svg-tabs{flex-shrink:0;overflow-x:auto;white-space:nowrap;width:100%;z-index:10}.grid-box,.left-right-box,.picture-in-picture-box,.split-box{cursor:pointer;transition:opacity .2s}.grid-box:hover,.left-right-box:hover,.picture-in-picture-box:hover,.split-box:hover{opacity:.7}.pip-active{color:#42b983}.go-top{align-items:center;background:#222529;border:none;border-radius:50%;bottom:100px;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:fixed;right:10px;transition:all .3s ease;visibility:hidden;width:40px;z-index:9999}.go-top.show{opacity:1;visibility:visible}.go-top:hover{background:#316df4;transform:translateY(-3px)}.top-banner{align-items:center;align-items:flex-start;background-color:transparent;display:flex;height:auto;justify-content:center;left:0;padding-top:100px;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1000}.top-banner.shrink{margin:0;min-height:0;opacity:0;padding:0;visibility:hidden}.top-banner.shrink *{display:none}.top-content{background-color:rgba(0,0,0,.5);border-radius:12px;color:#fff;max-width:450px;min-width:280px;padding:20px 28px;position:relative;text-align:center}.top-content h1{font-size:28px;font-weight:700;margin:0 0 8px}.top-content div{font-size:14px;margin:0;opacity:.8}.concept-box{background-color:#fff;height:auto;position:fixed;right:1px;top:101px;width:120px;z-index:1001}.concept-close-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:5px;top:1px;width:24px;z-index:10}.concept-close-btn:hover{background:#c82333}.light-concept{align-items:center;display:flex;float:left;height:28px;justify-content:center;position:fixed;right:5px;text-align:center;top:60px;width:48px}[data-bs-theme=dark] .concept-box{background-color:#1e1e2e;border:1px solid #fff;color:#cdd6f4}@media (max-width:768px){.concept-box{right:1px}}.container[data-v-58ebfef6]{display:flex;flex-direction:column;height:100vh;position:relative}.skeleton-container[data-v-58ebfef6]{display:flex;flex:1;flex-direction:column;left:0;position:absolute;top:0}.concept-groups[data-v-3ccffd18]{display:flex;flex-direction:column;gap:16px}.concept-group[data-v-3ccffd18]{border:1px solid grey;border-radius:8px;overflow:hidden}.group-header[data-v-3ccffd18]{background:#3b82f6;color:#fff;font-size:14px;font-weight:700;padding:8px 12px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}.group-items[data-v-3ccffd18]{display:flex;flex-direction:column}.concept-word[data-v-3ccffd18]{border-bottom:1px solid #3a3f44;cursor:pointer;font-size:13px;padding:5px 12px;transition:all .2s}.concept-word[data-v-3ccffd18]:last-child{border-bottom:none}.concept-word[data-v-3ccffd18]:hover{background:#3b82f6}.top-content .btn-close[data-v-3ccffd18]{filter:invert(1);opacity:.7;position:absolute;right:10px;top:10px}.top-content .btn-close[data-v-3ccffd18]:hover{opacity:1}.container[data-v-b99f6e8a]{display:flex;flex-direction:column;height:100vh;position:relative}.skeleton-container[data-v-b99f6e8a]{display:flex;flex:1;flex-direction:column;left:0;position:absolute;top:0}.skeleton-code[data-v-b99f6e8a]{flex:1}