.theme-toggle[data-v-706212aa]{position:relative}.theme-btn[data-v-706212aa]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-secondary);font-size:16px;transition:background-color var(--transition-fast)}.theme-btn[data-v-706212aa]:hover{background-color:var(--color-bg-secondary)}.theme-dropdown[data-v-706212aa]{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);padding:4px;min-width:100px;z-index:200}.theme-option[data-v-706212aa]{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background-color var(--transition-fast)}.theme-option[data-v-706212aa]:hover{background-color:var(--color-bg-hover)}.theme-option.active[data-v-706212aa]{color:var(--color-primary);background-color:var(--color-primary-light)}.lang-toggle[data-v-45363f8f]{position:relative}.lang-btn[data-v-45363f8f]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-secondary);font-size:16px;transition:background-color var(--transition-fast)}.lang-btn[data-v-45363f8f]:hover{background-color:var(--color-bg-secondary)}.lang-dropdown[data-v-45363f8f]{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);padding:4px;min-width:120px;z-index:200;max-height:320px;overflow-y:auto}.lang-option[data-v-45363f8f]{padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;transition:background-color var(--transition-fast)}.lang-option[data-v-45363f8f]:hover{background-color:var(--color-bg-hover)}.lang-option.active[data-v-45363f8f]{color:var(--color-primary);background-color:var(--color-primary-light)}.dropdown-enter-active[data-v-45363f8f]{transition:all .15s ease-out}.dropdown-leave-active[data-v-45363f8f]{transition:all .1s ease-in}.dropdown-enter-from[data-v-45363f8f]{opacity:0;transform:translateY(-6px)}.dropdown-leave-to[data-v-45363f8f]{opacity:0;transform:translateY(-4px)}.app-header[data-v-eec4b29c]{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--content-padding);background-color:var(--color-bg);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:100}.header-left[data-v-eec4b29c]{display:flex;align-items:center;gap:24px}.logo[data-v-eec4b29c]{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;text-decoration:none;color:var(--color-text);flex-shrink:0}.logo-icon[data-v-eec4b29c]{width:20px;height:20px;border-radius:4px}.logo[data-v-eec4b29c]:hover{text-decoration:none}.logo-brand[data-v-eec4b29c]{color:var(--color-primary)}.logo-dot[data-v-eec4b29c]{color:var(--color-primary);margin:0 -2px}.logo-domain[data-v-eec4b29c]{color:var(--color-text)}.desktop-nav[data-v-eec4b29c]{display:flex;align-items:center;gap:2px}.nav-dropdown[data-v-eec4b29c]{position:relative}.nav-link[data-v-eec4b29c]{display:flex;align-items:center;gap:4px;padding:6px 12px;color:var(--color-text-secondary);font-size:var(--font-size-base);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.nav-link[data-v-eec4b29c]:hover{color:var(--color-primary);text-decoration:none;background-color:var(--color-bg-hover)}.nav-dropdown.active .nav-link[data-v-eec4b29c]{color:var(--color-primary);background-color:var(--color-primary-light)}.nav-arrow[data-v-eec4b29c]{font-size:10px;opacity:.6}.dropdown-panel[data-v-eec4b29c]{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;max-height:420px;overflow-y:auto;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:6px;z-index:200}.dropdown-item[data-v-eec4b29c]{display:block;padding:8px 14px;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.dropdown-item[data-v-eec4b29c]:hover{background-color:var(--color-bg-hover);color:var(--color-primary);text-decoration:none}.dropdown-enter-active[data-v-eec4b29c]{transition:all .15s ease-out}.dropdown-leave-active[data-v-eec4b29c]{transition:all .1s ease-in}.dropdown-enter-from[data-v-eec4b29c]{opacity:0;transform:translateY(-6px)}.dropdown-leave-to[data-v-eec4b29c]{opacity:0;transform:translateY(-4px)}.header-right[data-v-eec4b29c]{display:flex;align-items:center;gap:12px;flex-shrink:0}.command-btn[data-v-eec4b29c]{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.command-btn[data-v-eec4b29c]:hover{border-color:var(--color-primary);color:var(--color-primary)}.hamburger[data-v-eec4b29c]{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;gap:5px;padding:8px}.hamburger span[data-v-eec4b29c]{display:block;width:18px;height:2px;background-color:var(--color-text-secondary);border-radius:1px;transition:all .3s ease}.hamburger.open span[data-v-eec4b29c]:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span[data-v-eec4b29c]:nth-child(2){opacity:0}.hamburger.open span[data-v-eec4b29c]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer[data-v-eec4b29c]{position:fixed;inset:0;z-index:200}.drawer-backdrop[data-v-eec4b29c]{position:absolute;inset:0;background-color:#00000080}.drawer-panel[data-v-eec4b29c]{position:absolute;top:0;right:0;bottom:0;width:280px;max-width:80vw;background-color:var(--color-bg);display:flex;flex-direction:column;box-shadow:-4px 0 16px #00000026;padding-top:env(safe-area-inset-top)}.drawer-header[data-v-eec4b29c]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.drawer-title[data-v-eec4b29c]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.drawer-close[data-v-eec4b29c]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;color:var(--color-text-muted);font-size:18px;border-radius:var(--radius-sm)}.drawer-close[data-v-eec4b29c]:hover{background-color:var(--color-bg-secondary)}.drawer-body[data-v-eec4b29c]{flex:1;overflow-y:auto;padding:8px 0}.drawer-category[data-v-eec4b29c]{margin-bottom:4px}.drawer-cat-header[data-v-eec4b29c]{padding:10px 16px 6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.drawer-tool-link[data-v-eec4b29c]{display:block;padding:10px 16px;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--transition-fast)}.drawer-tool-link[data-v-eec4b29c]:hover,.drawer-tool-link[data-v-eec4b29c]:active{background-color:var(--color-bg-hover);color:var(--color-primary);text-decoration:none}.drawer-enter-active .drawer-panel[data-v-eec4b29c]{transition:transform .3s ease-out}.drawer-enter-active .drawer-backdrop[data-v-eec4b29c]{transition:opacity .3s ease-out}.drawer-leave-active .drawer-panel[data-v-eec4b29c]{transition:transform .2s ease-in}.drawer-leave-active .drawer-backdrop[data-v-eec4b29c]{transition:opacity .2s ease-in}.drawer-enter-from .drawer-panel[data-v-eec4b29c],.drawer-leave-to .drawer-panel[data-v-eec4b29c]{transform:translate(100%)}.drawer-enter-from .drawer-backdrop[data-v-eec4b29c],.drawer-leave-to .drawer-backdrop[data-v-eec4b29c]{opacity:0}@media(max-width:768px){.command-btn[data-v-eec4b29c]{display:none}.header-left[data-v-eec4b29c]{gap:12px}.desktop-nav[data-v-eec4b29c]{display:none}.hamburger[data-v-eec4b29c]{display:flex}.logo[data-v-eec4b29c]{font-size:18px;gap:3px}.logo-icon[data-v-eec4b29c]{width:20px;height:20px;border-radius:4px}}.app-footer[data-v-250e6d86]{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:32px var(--content-padding) 20px;margin-top:40px}.footer-content[data-v-250e6d86]{max-width:1200px;margin:0 auto}.footer-links[data-v-250e6d86]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;margin-bottom:24px}.footer-section h4[data-v-250e6d86]{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:8px;font-weight:600}.footer-section-links[data-v-250e6d86]{display:flex;flex-direction:column;gap:4px}.footer-link[data-v-250e6d86]{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none}.footer-link[data-v-250e6d86]:hover{color:var(--color-primary)}.footer-bottom[data-v-250e6d86]{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:16px;border-top:1px solid var(--color-border-light)}.footer-sep[data-v-250e6d86]{margin:0 8px}@media(max-width:768px){.app-footer[data-v-250e6d86]{padding:20px 12px 16px;margin-top:24px}.footer-links[data-v-250e6d86]{grid-template-columns:repeat(2,1fr);gap:16px}.footer-bottom[data-v-250e6d86]{font-size:11px}}.palette-overlay[data-v-92273117]{position:fixed;inset:0;z-index:999;background:#0b142170;display:flex;justify-content:center;align-items:flex-start;padding:80px 12px 12px}.palette-panel[data-v-92273117]{width:min(760px,100%);max-height:min(72vh,680px);overflow:hidden;border-radius:16px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 14px 46px #0000003d;display:flex;flex-direction:column}.palette-input-wrap[data-v-92273117]{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--color-border-light);padding:10px}.palette-input[data-v-92273117]{flex:1;border:none;font-size:var(--font-size-base);padding:8px 10px;background:var(--color-bg-secondary);border-radius:10px}.palette-shortcut[data-v-92273117]{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.palette-list[data-v-92273117]{overflow-y:auto;padding:8px}.palette-item[data-v-92273117]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;border:1px solid transparent;background:transparent;padding:10px;text-align:left}.palette-item.active[data-v-92273117]{border-color:var(--color-primary);background:var(--color-primary-light)}.item-main[data-v-92273117]{display:flex;flex-direction:column;gap:4px}.item-name[data-v-92273117]{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.item-meta[data-v-92273117]{color:var(--color-text-muted);font-size:var(--font-size-xs)}.item-fav[data-v-92273117]{width:26px;height:26px;border-radius:8px;color:var(--color-text-muted);font-size:16px;background:transparent}.item-fav.on[data-v-92273117]{color:#f5a623}.palette-empty[data-v-92273117]{padding:18px 12px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.palette-fade-enter-active[data-v-92273117],.palette-fade-leave-active[data-v-92273117]{transition:opacity .16s ease}.palette-fade-enter-from[data-v-92273117],.palette-fade-leave-to[data-v-92273117]{opacity:0}.main-content[data-v-4a4d6331]{min-height:calc(100vh - var(--header-height) - 200px)}:root{--color-bg: #ffffff;--color-bg-secondary: #f5f7fa;--color-bg-tertiary: #ebeef5;--color-bg-hover: #e6fffb;--color-text: #303133;--color-text-secondary: #606266;--color-text-muted: #909399;--color-border: #dcdfe6;--color-border-light: #e4e7ed;--color-primary: #13c2c2;--color-primary-light: #e6fffb;--color-primary-dark: #08979c;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399;--color-json-key: #c4564a;--color-json-string: #67c23a;--color-json-number: #409eff;--color-json-boolean: #e6a23c;--color-json-null: #909399;--color-json-bracket: #303133;--header-height: 52px;--sidebar-width: 240px;--sidebar-collapsed-width: 0px;--content-max-width: 1200px;--content-padding: 20px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--radius-sm: 4px;--radius-base: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease}[data-theme=dark]{--color-bg: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #0f3460;--color-bg-hover: #1a3a5c;--color-text: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-border: #2a2a4a;--color-border-light: #333366;--color-primary: #36cfc9;--color-primary-light: #162a2e;--color-primary-dark: #13a8a8;--color-json-key: #e06c75;--color-json-string: #98c379;--color-json-number: #61afef;--color-json-boolean: #d19a66;--color-json-null: #808080;--color-json-bracket: #e0e0e0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-base: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}textarea{resize:vertical}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-outline{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-light)}.btn-sm{padding:3px 10px;font-size:var(--font-size-xs)}.flex-center{display:flex;align-items:center;justify-content:center}body.sidebar-open,body.nav-open{overflow:hidden;touch-action:none}@media(max-width:768px){.btn{padding:8px 12px;min-height:36px}}@media(max-width:768px){.tool-page{height:auto!important;min-height:auto!important;max-height:none!important}.tool-title{font-size:var(--font-size-lg);margin-bottom:8px}.full-textarea{min-height:180px}.output-pre{min-height:120px}.option-input,[class*=option] input,[class*=option] select{width:100%!important;max-width:300px}.convert-block,.convert-section>*{min-width:0!important}}