.logo[data-v-f6520886]{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--primary);text-decoration:none;flex-shrink:0}.header-inner[data-v-f6520886]{display:flex;align-items:center;gap:24px;height:56px}.header-nav[data-v-f6520886]{flex:1;display:flex;align-items:stretch;gap:2px;padding-left:24px}.nav-group-wrapper[data-v-f6520886]{position:relative}.nav-trigger[data-v-f6520886]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;height:40px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.nav-trigger[data-v-f6520886]:hover{background:var(--bg-btn-ghost-hover);color:var(--text-primary)}.nav-trigger.active[data-v-f6520886]{background:var(--bg-btn-ghost-hover);color:var(--primary)}.nav-trigger .chev[data-v-f6520886]{transition:transform .2s}.nav-trigger .chev.rotated[data-v-f6520886]{transform:rotate(180deg)}.header-right[data-v-f6520886]{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle[data-v-f6520886]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-btn);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-toggle[data-v-f6520886]:hover{background:var(--bg-btn-hover);color:var(--primary)}.hamburger[data-v-f6520886]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:background .2s}.hamburger[data-v-f6520886]:hover{background:var(--bg-btn-ghost-hover);color:var(--primary)}.dropdown-menu[data-v-f6520886]{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:var(--bg-pane);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 12px 40px #0003;overflow:hidden;z-index:2000;padding:6px}.dropdown-item[data-v-f6520886]{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;text-decoration:none;transition:all .15s}.dropdown-item[data-v-f6520886]:hover{background:var(--bg-btn-ghost-hover)}.dropdown-item.active[data-v-f6520886]{background:var(--bg-btn-primary);color:var(--text-on-primary)}.dropdown-item.active .dropdown-item-desc[data-v-f6520886]{color:#fffc}.dropdown-item-main[data-v-f6520886]{font-weight:500}.dropdown-item-desc[data-v-f6520886]{font-size:11px;color:var(--text-muted)}.dropdown-enter-active[data-v-f6520886],.dropdown-leave-active[data-v-f6520886]{transition:all .18s ease}.dropdown-enter-from[data-v-f6520886],.dropdown-leave-to[data-v-f6520886]{opacity:0;transform:translateY(-6px)}.page-enter-active[data-v-f6520886],.page-leave-active[data-v-f6520886]{transition:opacity .18s ease}.page-enter-from[data-v-f6520886],.page-leave-to[data-v-f6520886]{opacity:0}@media (max-width: 768px){.logo[data-v-f6520886]{font-size:16px;gap:6px}.header-inner[data-v-f6520886]{height:52px;gap:12px}}.drawer-backdrop[data-v-f6520886]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:900}.drawer-enter-active[data-v-f6520886],.drawer-leave-active[data-v-f6520886]{transition:opacity .2s ease}.drawer-enter-from[data-v-f6520886],.drawer-leave-to[data-v-f6520886]{opacity:0}.mobile-drawer[data-v-f6520886]{position:fixed;top:52px;bottom:0;left:0;width:280px;max-width:85vw;background:var(--bg-header);border-right:1px solid var(--border-default);overflow-y:auto;z-index:1000;padding:8px 8px 40px}.drawer-side-enter-active[data-v-f6520886],.drawer-side-leave-active[data-v-f6520886]{transition:transform .25s ease}.drawer-side-enter-from[data-v-f6520886],.drawer-side-leave-to[data-v-f6520886]{transform:translate(-100%)}.mobile-group[data-v-f6520886]{margin-bottom:4px}.mobile-group-trigger[data-v-f6520886]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.mobile-group-trigger[data-v-f6520886]:hover{background:var(--bg-btn-ghost-hover)}.mobile-group-trigger.active[data-v-f6520886]{background:var(--bg-btn-ghost-hover);color:var(--primary)}.mobile-group-left[data-v-f6520886]{display:inline-flex;align-items:center;gap:10px}.mobile-group-items[data-v-f6520886]{padding:4px 8px 8px 36px;display:flex;flex-direction:column;gap:2px}.mobile-item[data-v-f6520886]{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:6px;color:var(--text-secondary);font-size:13px;text-decoration:none;transition:background .15s}.mobile-item[data-v-f6520886]:hover{background:var(--bg-btn-ghost-hover)}.mobile-item.active[data-v-f6520886]{background:var(--bg-btn-primary);color:var(--text-on-primary)}.mobile-item-main[data-v-f6520886]{font-weight:500}.mobile-item-desc[data-v-f6520886]{font-size:11px;color:var(--text-muted)}.mobile-item.active .mobile-item-desc[data-v-f6520886]{color:#fffc}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--bg-page: #f5f6fa;--bg-header: #ffffff;--bg-toolbar: #f0f2f8;--bg-pane: #ffffff;--bg-pane-header: #f5f6fa;--bg-input: #ffffff;--bg-input-focused: #fafbff;--bg-btn: #eef0f7;--bg-btn-hover: #e4e7f3;--bg-btn-primary: var(--primary);--bg-btn-primary-hover: var(--primary-hover);--bg-btn-ghost-hover: rgba(99, 102, 241, .08);--bg-badge: #eef0f7;--bg-error: rgba(239, 68, 68, .08);--bg-success: rgba(16, 185, 129, .08);--bg-scrollbar: #e4e7f3;--bg-scrollbar-thumb: #c7cbdb;--text-primary: #1a1a2e;--text-secondary: #5a5d72;--text-muted: #8b8fa3;--text-on-primary: #ffffff;--border-default: #e4e7f3;--border-input: #d1d5e8;--border-btn-ghost: #d1d5e8;--border-focus: var(--primary);--color-error: #ef4444;--color-error-text: #dc2626;--color-success: #10b981;--color-success-text: #059669;--json-key: #2563eb;--json-string: #059669;--json-number: #ea580c;--json-boolean: #db2777;--json-null: #6b7280;--json-type-tag: #eef0f7;--json-match-bg: rgba(99, 102, 241, .12)}[data-theme=dark]{--bg-page: #0f0f1a;--bg-header: #1a1a2e;--bg-toolbar: #16213e;--bg-pane: #1a1a2e;--bg-pane-header: #16213e;--bg-input: #1a1a2e;--bg-input-focused: #1f1f38;--bg-btn: #0f3460;--bg-btn-hover: #1a4a8a;--bg-btn-primary: var(--primary);--bg-btn-primary-hover: var(--primary-hover);--bg-btn-ghost-hover: rgba(99, 102, 241, .15);--bg-badge: #0f3460;--bg-error: rgba(239, 68, 68, .15);--bg-success: rgba(16, 185, 129, .15);--bg-scrollbar: #16213e;--bg-scrollbar-thumb: #0f3460;--text-primary: #f0f0f5;--text-secondary: #b0b0c5;--text-muted: #6b6f8a;--text-on-primary: #ffffff;--border-default: #0f3460;--border-input: #1a4a8a;--border-btn-ghost: #0f3460;--border-focus: var(--primary);--color-error: #f87171;--color-error-text: #fca5a5;--color-success: #34d399;--color-success-text: #6ee7b7;--json-key: #74b9ff;--json-string: #7bed9f;--json-number: #ffa502;--json-boolean: #ff6b81;--json-null: #a4b0be;--json-type-tag: #0f3460;--json-match-bg: rgba(99, 102, 241, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page);transition:background .25s,color .25s}.container{max-width:1200px;margin:0 auto;padding:0 24px}.app-container{background:var(--bg-page)}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;gap:24px;height:56px}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--primary);flex-shrink:0}.header-nav{flex:1;display:flex;align-items:center;gap:4px;overflow:visible}.nav-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-group-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 8px 0 16px;padding-right:8px;border-right:1px solid var(--border-default);white-space:nowrap}.nav-group:first-child .nav-group-label{margin-left:0}.nav-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-btn:hover{background:var(--bg-btn-ghost-hover);color:var(--text-primary)}.nav-btn.active{background:var(--primary);color:var(--text-on-primary)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-btn);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--bg-btn-hover);color:var(--primary)}.app-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 12px;margin-top:48px;font-size:12px;color:var(--text-muted)}.app-footer .beian{color:var(--text-muted);text-decoration:none;transition:color .2s}.app-footer .beian:hover{color:var(--primary)}.back-to-top{position:fixed;right:28px;bottom:40px;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-pane);color:var(--text-secondary);box-shadow:0 4px 16px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .25s ease;animation:backTopIn .25s ease}.back-to-top:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 20px #0000002e}@keyframes backTopIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-content{padding:24px 0}.tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tool-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.tool-header .desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.tool-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:var(--bg-btn);color:var(--text-primary)}.btn:hover{background:var(--bg-btn-hover)}.btn-primary{background:var(--bg-btn-primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--bg-btn-primary-hover)}.btn-ghost{background:transparent;border-color:var(--border-btn-ghost);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-btn-ghost-hover);color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-group{display:flex;gap:4px;background:var(--bg-btn);padding:4px;border-radius:6px}.btn-group .btn{background:transparent;padding:6px 14px}.btn-group .btn.active{background:var(--primary);color:var(--text-on-primary)}.pane{background:var(--bg-pane);border-radius:8px;border:1px solid var(--border-default);overflow:hidden}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-pane-header);border-bottom:1px solid var(--border-default);font-size:13px;font-weight:500;color:var(--text-secondary)}.pane-body{padding:0}.pane textarea{width:100%;height:480px;min-height:300px;padding:16px;border:none;background:var(--bg-input);color:var(--text-primary);font-family:Fira Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;resize:vertical;outline:none;box-sizing:border-box;transition:background .2s;overflow-y:auto}.pane textarea:focus{background:var(--bg-input-focused)}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.split-layout{grid-template-columns:1fr}}.error-box{padding:12px 16px;background:var(--bg-error);border:1px solid var(--color-error);border-radius:6px;color:var(--color-error-text);font-size:13px}.success-box{padding:12px 16px;background:var(--bg-success);border:1px solid var(--color-success);border-radius:6px;color:var(--color-success-text);font-size:13px}.form-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.form-row label{min-width:80px;font-size:13px;color:var(--text-secondary)}.form-row input,.form-row select{flex:1;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s,background .2s}.form-row input:focus,.form-row select:focus{border-color:var(--border-focus);background:var(--bg-input-focused)}.stat-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-default)}.stat-item:last-child{border-bottom:none}.stat-item .label{color:var(--text-secondary)}.stat-item .value{color:var(--primary);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-scrollbar)}::-webkit-scrollbar-thumb{background:var(--bg-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.hljs{background:transparent!important;padding:0!important}.json-code-block{margin:0;padding:16px;background:var(--bg-input);font-family:Fira Code,Consolas,Monaco,monospace;font-size:14.5px;font-weight:600;line-height:1.7;white-space:pre-wrap;word-break:break-all;color:var(--text-primary)}.json-code-block .hljs{background:transparent!important;padding:0!important}.json-code-block .hljs-attr{color:#2563eb}.json-code-block .hljs-string{color:#059669}.json-code-block .hljs-number{color:#ea580c}.json-code-block .hljs-literal,.json-code-block .hljs-keyword{color:#db2777}[data-theme=dark] .json-code-block .hljs-attr{color:#74b9ff}[data-theme=dark] .json-code-block .hljs-string{color:#7bed9f}[data-theme=dark] .json-code-block .hljs-number{color:#ffa502}[data-theme=dark] .json-code-block .hljs-literal{color:#ff6b81}@media (max-width: 768px){html{font-size:14px}body{-webkit-tap-highlight-color:transparent}.container{padding:0 16px}.main-content{padding:16px 0}.btn{padding:7px 12px;font-size:12.5px}.btn-group .btn{padding:5px 10px;font-size:12px}::-webkit-scrollbar{width:0;height:0}.tool-actions{gap:8px;justify-content:flex-start!important}.tool-header h2{font-size:18px}.pane-header{padding:10px 12px;font-size:12.5px;flex-wrap:wrap;gap:6px}.pane textarea{padding:12px;min-height:220px;font-size:13px}}@media (max-width: 480px){.btn{padding:6px 10px;font-size:12px}.btn-group{flex-wrap:wrap}}