.navbar[data-v-f8e55bea]{position:fixed;top:0;left:0;right:0;z-index:9999;background:#0f172aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.navbar-inner[data-v-f8e55bea]{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px}.logo[data-v-f8e55bea]{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo[data-v-f8e55bea]:hover{text-decoration:none}.logo-icon[data-v-f8e55bea]{font-size:16px;color:var(--color-primary)}.logo-text[data-v-f8e55bea]{font-size:18px;color:var(--color-text);white-space:nowrap}.logo-text strong[data-v-f8e55bea]{color:var(--color-primary)}.nav-links[data-v-f8e55bea]{display:flex;gap:2px;overflow:visible}.nav-link[data-v-f8e55bea]{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:13px;color:var(--color-text-dim);text-decoration:none;transition:all .2s;white-space:nowrap}.nav-link[data-v-f8e55bea]:hover{background:var(--color-bg-hover);color:var(--color-text);text-decoration:none}.nav-link.active[data-v-f8e55bea]{background:#10b9811f;color:var(--color-primary)}.nav-id[data-v-f8e55bea]{font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--color-bg);color:var(--color-text-dim)}.nav-link.active .nav-id[data-v-f8e55bea]{background:var(--color-primary);color:#fff}.nav-dropdown[data-v-f8e55bea]{position:relative}.dropdown-trigger[data-v-f8e55bea]{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-arrow[data-v-f8e55bea]{font-size:10px;margin-left:2px;transition:transform .2s}.dropdown-arrow.open[data-v-f8e55bea]{transform:rotate(180deg)}.dropdown-menu[data-v-f8e55bea]{position:absolute;top:100%;left:0;margin-top:6px;min-width:180px;background:#0f172afa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:10px;padding:6px;box-shadow:0 8px 32px #0006}.dropdown-item[data-v-f8e55bea]{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;font-size:14px;color:var(--color-text-dim);text-decoration:none;transition:all .15s;white-space:nowrap}.dropdown-item[data-v-f8e55bea]:hover{background:var(--color-bg-hover);color:var(--color-text);text-decoration:none}.dropdown-item.active[data-v-f8e55bea]{background:#10b9811f;color:var(--color-primary)}.dropdown-fade-enter-active[data-v-f8e55bea],.dropdown-fade-leave-active[data-v-f8e55bea]{transition:all .15s ease}.dropdown-fade-enter-from[data-v-f8e55bea],.dropdown-fade-leave-to[data-v-f8e55bea]{opacity:0;transform:translateY(-4px)}.menu-toggle[data-v-f8e55bea]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span[data-v-f8e55bea]{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all .3s}.menu-toggle span.open[data-v-f8e55bea]:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle span.open[data-v-f8e55bea]:nth-child(2){opacity:0}.menu-toggle span.open[data-v-f8e55bea]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu[data-v-f8e55bea]{display:none;flex-direction:column;padding:8px 16px 16px;background:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.mobile-link[data-v-f8e55bea]{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px;color:var(--color-text-dim);text-decoration:none;border-radius:6px;transition:all .2s}.mobile-link[data-v-f8e55bea]:hover{background:var(--color-bg-hover);color:#fff;text-decoration:none}.mobile-link.active[data-v-f8e55bea]{background:#10b9811f;color:var(--color-primary)}.mobile-group-label[data-v-f8e55bea]{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;font-size:13px;font-weight:600;color:var(--color-text-dim);opacity:.7}.mobile-sub-link[data-v-f8e55bea]{padding-left:36px;font-size:13px}.slide-down-enter-active[data-v-f8e55bea],.slide-down-leave-active[data-v-f8e55bea]{transition:all .25s ease}.slide-down-enter-from[data-v-f8e55bea],.slide-down-leave-to[data-v-f8e55bea]{opacity:0;transform:translateY(-8px)}.main-content[data-v-f8e55bea]{padding-top:56px;min-height:calc(100vh - 56px)}@media(max-width:1024px){.nav-links[data-v-f8e55bea]{display:none}.menu-toggle[data-v-f8e55bea],.mobile-menu[data-v-f8e55bea]{display:flex}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}:root{--color-primary: #10b981;--color-primary-hover: #059669;--color-secondary: #6366f1;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-bg-hover: #334155;--color-text: #e2e8f0;--color-text-dim: #94a3b8;--color-border: #334155;--color-code: #f59e0b;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--radius: 8px;--gap: 16px;--max-width: 1400px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.7;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:var(--gap)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:#fff}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary)}h1{font-size:28px;margin-bottom:8px}h2{font-size:22px;margin:24px 0 12px;color:var(--color-primary)}h3{font-size:18px;margin:16px 0 8px}h4{font-size:15px;margin:12px 0 6px}code{background:#1a1a2e;color:var(--color-code);padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:20px}pre{background:#1a1a2e;border-radius:var(--radius);padding:16px;overflow-x:auto;margin:12px 0;line-height:1.5}pre code{background:none;padding:0;color:#e2e8f0}.v-code-block{position:relative;padding-top:38px!important;border:1px solid var(--color-border, #334155)}.v-code-block>code.hljs{background:transparent;padding:0}.v-code-header{position:absolute;top:0;left:0;right:0;height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#181825;border-bottom:1px solid var(--color-border, #334155);border-radius:var(--radius) var(--radius) 0 0}.v-code-lang{font-size:11px;font-weight:600;color:#89b4fa;text-transform:uppercase;letter-spacing:.5px}.v-code-copy{margin-left:auto;background:#313244;border:none;color:#cdd6f4;padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s}.v-code-copy:hover{background:#45475a;color:#a6e3a1}input,select,textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:8px 12px;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--color-secondary);color:#fff}.tag-success{background:var(--color-primary)}.tag-danger{background:var(--color-danger)}.tag-warning{background:var(--color-warning)}.module-page{max-width:var(--max-width);margin:0 auto;padding:32px 20px}.module-page h1{border-bottom:2px solid var(--color-primary);padding-bottom:12px}.section-title{display:flex;align-items:center;gap:8px;margin:32px 0 16px}.section-title:before{content:"";display:block;width:4px;height:24px;background:var(--color-primary);border-radius:2px}.demo-area{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin:16px 0}.demo-area h3{color:var(--color-warning);margin-bottom:12px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.result-box{background:#0c4a6e;border-radius:var(--radius);padding:12px 16px;margin-top:12px;font-family:Fira Code,monospace;font-size:14px}.toast{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:var(--radius);color:#fff;font-weight:500;z-index:9999;animation:slideIn .3s ease}.toast-success{background:var(--color-primary)}.toast-error{background:var(--color-danger)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.card{padding:16px}h1{font-size:24px}h2{font-size:18px}}