.header[data-v-b303461d]{height:56px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:18px;position:sticky;top:0;z-index:100}.menu-btn[data-v-b303461d]{display:none;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);width:34px;height:34px;border-radius:10px;cursor:pointer}.header-left[data-v-b303461d]{flex-shrink:0}.logo[data-v-b303461d]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.logo-icon[data-v-b303461d]{display:flex;align-items:center}.logo-text[data-v-b303461d]{font-family:var(--font-mono);font-size:17px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.logo-badge[data-v-b303461d]{font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);padding:3px 10px;border-radius:20px;margin-left:4px}.header-search[data-v-b303461d]{flex:1;max-width:min(560px,42vw);margin-left:auto}.header-search input[data-v-b303461d]{width:100%;border:1px solid rgba(124,58,237,.14);background:#fff;color:var(--text-primary);border-radius:999px;padding:9px 16px;outline:none;font-size:13px;box-shadow:0 1px 2px #0f172a0a}.header-search input[data-v-b303461d]:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--primary-glow)}@media (max-width: 780px){.menu-btn[data-v-b303461d]{display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 720px){.logo-badge[data-v-b303461d],.header-search[data-v-b303461d]{display:none}}.sidebar[data-v-49543c39]{width:260px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 56px)}.sidebar-search[data-v-49543c39]{flex-shrink:0;padding:12px 16px 8px}.search-box[data-v-49543c39]{position:relative;display:flex;align-items:center}.search-icon[data-v-49543c39]{position:absolute;left:12px;color:var(--text-muted);font-size:14px;pointer-events:none}.search-input[data-v-49543c39]{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:9px 12px 9px 36px;color:var(--text-primary);font-size:13px;font-family:var(--font-ui);outline:none;transition:all .2s}.search-input[data-v-49543c39]:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--primary-glow)}.sidebar-scroll[data-v-49543c39]{flex:1;overflow-y:auto;padding:0 16px;min-height:0}.category-nav[data-v-49543c39]{display:flex;flex-direction:column;gap:4px}.nav-group[data-v-49543c39]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.group-title[data-v-49543c39]{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:var(--text-muted);font-size:12px;font-weight:800;padding:8px 4px;cursor:pointer}.category-item[data-v-49543c39]{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .15s;color:var(--text-secondary);text-align:left}.category-item[data-v-49543c39]:hover,.sub-tool[data-v-49543c39]:hover{background:var(--bg-input)}.category-item.active[data-v-49543c39]{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 2px 8px #7c3aed40}.cat-icon[data-v-49543c39]{font-size:14px;width:22px;text-align:center;flex-shrink:0;font-weight:800}.cat-name[data-v-49543c39]{flex:1;font-size:13px;font-weight:600}.cat-count[data-v-49543c39]{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--bg-input);padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}.category-item.active .cat-count[data-v-49543c39]{background:#ffffff40;color:#fff}.sub-tool[data-v-49543c39]{display:block;padding:7px 10px 7px 32px;border-radius:9px;color:var(--text-secondary);text-decoration:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-section[data-v-49543c39]{flex-shrink:0;padding:0 16px 16px}.hot-card[data-v-49543c39]{background:var(--bg-base);border:1px solid var(--border);border-radius:14px;padding:14px 12px}.hot-header[data-v-49543c39]{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:0 4px}.hot-title[data-v-49543c39]{font-size:13px;font-weight:800;color:var(--text-primary)}.hot-item[data-v-49543c39]{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-size:13px;transition:all .15s}.hot-item[data-v-49543c39]:hover{background:#7c3aed0f;color:var(--primary)}.hot-item-badge[data-v-49543c39]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:800;font-size:12px}.hot-item-name[data-v-49543c39]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-wrapper[data-v-12d2aa48]{display:flex;flex-direction:column;min-height:100vh}.app-body[data-v-12d2aa48]{display:flex;flex:1;overflow:hidden}.app-sidebar[data-v-12d2aa48]{width:260px;flex-shrink:0}.app-main[data-v-12d2aa48]{flex:1;overflow-y:auto;background:var(--bg-base);min-height:calc(100vh - 56px)}.page-slide-enter-active[data-v-12d2aa48]{transition:all .22s cubic-bezier(.25,.46,.45,.94)}.page-slide-leave-active[data-v-12d2aa48]{transition:all .15s ease-in}.page-slide-enter-from[data-v-12d2aa48]{opacity:0;transform:translate(8px)}.page-slide-leave-to[data-v-12d2aa48]{opacity:0}.route-loader[data-v-12d2aa48]{position:fixed;top:0;left:0;right:0;z-index:9999;height:2px;background:transparent}.loader-bar[data-v-12d2aa48]{height:100%;width:35%;background:linear-gradient(90deg,#7c3aed,#a855f7);animation:loader-slide-12d2aa48 .8s ease-in-out infinite;border-radius:0 2px 2px 0}@keyframes loader-slide-12d2aa48{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (max-width: 780px){.app-sidebar[data-v-12d2aa48]{position:fixed;left:0;top:56px;bottom:0;z-index:120;transform:translate(-105%);transition:transform .22s ease}.app-sidebar.is-open[data-v-12d2aa48]{transform:translate(0)}.sidebar-mask[data-v-12d2aa48]{position:fixed;top:56px;right:0;bottom:0;left:0;background:#0f172a73;z-index:110}}.tool-discovery-card[data-v-f338d263]{position:relative;display:flex;flex-direction:column;gap:12px;min-height:176px;padding:18px;color:inherit;text-decoration:none;border:1px solid var(--border);border-radius:20px;background:var(--bg-card);box-shadow:var(--shadow-card);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-discovery-card[data-v-f338d263]:hover{transform:translateY(-3px);border-color:#7c3aed52;box-shadow:var(--shadow-card-hover)}.tool-discovery-card__fav[data-v-f338d263]{position:absolute;top:12px;right:12px;width:30px;height:30px;border:1px solid var(--border);border-radius:999px;background:var(--bg-input);color:var(--text-muted);cursor:pointer}.tool-discovery-card__fav.active[data-v-f338d263],.tool-discovery-card__fav[data-v-f338d263]:hover{color:#f59e0b;border-color:#f59e0b59}.tool-discovery-card__icon[data-v-f338d263]{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;font-weight:900;box-shadow:0 10px 24px #0f172a1f}.tool-discovery-card__icon span[data-v-f338d263]{font-size:20px}.tool-discovery-card__body[data-v-f338d263]{display:flex;flex-direction:column;gap:7px;min-width:0}.tool-discovery-card h3[data-v-f338d263]{margin:0;color:var(--text-primary);font-size:15px;line-height:1.35}.tool-discovery-card p[data-v-f338d263]{margin:0;display:-webkit-box;min-height:40px;color:var(--text-secondary);font-size:13px;line-height:1.55;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tool-discovery-card__tags[data-v-f338d263]{display:flex;flex-wrap:wrap;gap:6px}.tool-discovery-card__tags span[data-v-f338d263]{padding:3px 8px;border-radius:999px;background:var(--bg-input);color:var(--text-muted);font-size:11px;font-weight:700}.tool-discovery-card em[data-v-f338d263]{margin-top:auto;color:var(--primary);font-size:12px;font-style:normal;font-weight:700}.empty-state[data-v-5b03543a]{display:grid;place-items:center;gap:8px;min-height:220px;padding:32px;text-align:center;border:1px dashed var(--border);border-radius:20px;background:var(--bg-card);color:var(--text-secondary)}.empty-state__icon[data-v-5b03543a]{font-size:36px}.empty-state h3[data-v-5b03543a]{margin:0;color:var(--text-primary);font-size:18px}.empty-state p[data-v-5b03543a]{margin:0;max-width:420px;line-height:1.6}.home-main[data-v-105ecb0f]{padding:20px 24px 48px;min-width:0}.hero-panel[data-v-105ecb0f]{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:24px;align-items:center;margin-bottom:22px;padding:28px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at top left,rgba(124,58,237,.12),transparent 36%),var(--bg-card)}.eyebrow[data-v-105ecb0f]{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.hero-panel h1[data-v-105ecb0f]{font-size:30px;line-height:1.2;margin-bottom:8px;color:var(--text-primary)}.hero-desc[data-v-105ecb0f]{color:var(--text-muted);font-size:14px}.hero-search[data-v-105ecb0f]{display:flex;flex-direction:column;gap:8px}.hero-search-input[data-v-105ecb0f]{width:100%;border:1px solid var(--border);border-radius:16px;background:var(--bg-input);color:var(--text-primary);padding:15px 18px;outline:none;font-size:15px}.hero-search-input[data-v-105ecb0f]:focus{border-color:var(--border-active);box-shadow:0 0 0 4px var(--primary-glow)}.hero-search-count[data-v-105ecb0f]{color:var(--text-muted);font-size:12px;text-align:right}.section-card[data-v-105ecb0f]{margin-bottom:22px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.section-header[data-v-105ecb0f]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-header h2[data-v-105ecb0f]{color:var(--text-primary);font-size:16px;margin:0}.section-header span[data-v-105ecb0f]{color:var(--text-muted);font-size:12px}.quick-list[data-v-105ecb0f]{display:flex;flex-wrap:wrap;gap:10px}.quick-item[data-v-105ecb0f],.mini-tool[data-v-105ecb0f]{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-base);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:600}.quick-item[data-v-105ecb0f]:hover,.mini-tool[data-v-105ecb0f]:hover{color:var(--primary);border-color:#7c3aed47}.quick-icon[data-v-105ecb0f]{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.insight-grid[data-v-105ecb0f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-card[data-v-105ecb0f]{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.compact-card .section-header[data-v-105ecb0f]{width:100%}.category-section[data-v-105ecb0f]{margin-bottom:22px}.category-grid[data-v-105ecb0f]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.category-card[data-v-105ecb0f]{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);padding:12px;cursor:pointer;text-align:left;display:grid;gap:8px;color:var(--text-primary)}.category-card[data-v-105ecb0f]:hover,.category-card.active[data-v-105ecb0f]{transform:translateY(-1px);border-color:#7c3aed59;box-shadow:var(--shadow-hover)}.category-icon[data-v-105ecb0f]{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}.category-name[data-v-105ecb0f]{font-size:13px;font-weight:800}.category-count[data-v-105ecb0f]{color:var(--text-muted);font-size:12px}.tools-grid[data-v-105ecb0f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-card[data-v-105ecb0f]{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;transition:all .22s ease}.tool-card[data-v-105ecb0f]:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#7c3aed2e}.fav-btn[data-v-105ecb0f]{position:absolute;right:12px;top:12px;border:none;background:var(--bg-input);color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer}.fav-btn.active[data-v-105ecb0f]{color:#f59e0b;background:#f59e0b1f}.card-icon-wrap[data-v-105ecb0f]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}.card-icon[data-v-105ecb0f]{font-size:22px;color:#fff;font-weight:800}.card-title[data-v-105ecb0f]{font-size:14px;font-weight:800;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.card-title[data-v-105ecb0f] mark{background:#f59e0b40;color:inherit;padding:0 2px;border-radius:3px}.card-desc[data-v-105ecb0f]{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.tag-row[data-v-105ecb0f]{display:flex;gap:6px;flex-wrap:wrap}.tag-row span[data-v-105ecb0f]{font-size:11px;color:var(--primary);background:var(--primary-glow);border-radius:999px;padding:2px 8px}.tag-select[data-v-105ecb0f]{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-secondary);padding:8px 10px}.link-btn[data-v-105ecb0f],.load-more[data-v-105ecb0f]{border:1px solid var(--border);background:var(--bg-card);color:var(--primary);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}.load-more-wrap[data-v-105ecb0f]{display:flex;justify-content:center;margin-top:24px}@media (max-width: 1280px){.tools-grid[data-v-105ecb0f]{grid-template-columns:repeat(3,1fr)}.category-grid[data-v-105ecb0f]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 960px){.home-main[data-v-105ecb0f]{padding:20px}.hero-panel[data-v-105ecb0f],.insight-grid[data-v-105ecb0f]{grid-template-columns:1fr}.tools-grid[data-v-105ecb0f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.tools-grid[data-v-105ecb0f],.category-grid[data-v-105ecb0f]{grid-template-columns:1fr}.section-header[data-v-105ecb0f]{align-items:flex-start;flex-direction:column}}.search-page[data-v-f9b60845]{display:flex;flex-direction:column;gap:18px;padding:28px 32px 48px}.search-hero[data-v-f9b60845]{padding:28px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at top left,rgba(124,58,237,.16),transparent 42%),var(--bg-card);box-shadow:var(--shadow-card)}.eyebrow[data-v-f9b60845]{margin:0 0 8px;color:var(--primary);font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1[data-v-f9b60845]{margin:0 0 18px;color:var(--text-primary);font-size:clamp(26px,4vw,42px)}.search-box input[data-v-f9b60845]{width:100%;border:1px solid var(--border);border-radius:18px;padding:16px 18px;background:var(--bg-input);color:var(--text-primary);font-size:16px;outline:none}.search-box input[data-v-f9b60845]:focus{border-color:var(--border-active);box-shadow:0 0 0 4px var(--primary-glow)}.filters[data-v-f9b60845]{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.filters button[data-v-f9b60845],.load-more[data-v-f9b60845]{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:999px;padding:9px 14px;cursor:pointer}.filters button.active[data-v-f9b60845]{background:var(--primary);color:#fff;border-color:var(--primary)}.filters span[data-v-f9b60845]{opacity:.65;margin-left:4px}.toolbar[data-v-f9b60845]{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary)}.toolbar select[data-v-f9b60845]{border:1px solid var(--border);border-radius:12px;padding:9px 12px;background:var(--bg-card);color:var(--text-primary)}.result-grid[data-v-f9b60845]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.load-more[data-v-f9b60845]{align-self:center;padding-inline:28px}@media (max-width: 760px){.search-page[data-v-f9b60845]{padding:16px}.search-hero[data-v-f9b60845]{padding:20px}.toolbar[data-v-f9b60845]{align-items:stretch;flex-direction:column}}:root{--primary: #7C3AED;--primary-dark: #6D28D9;--primary-glow: rgba(124, 58, 237, .12);--accent: #FF6B35;--bg-base: #F8FAFC;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-input: #F1F5F9;--border: rgba(0, 0, 0, .06);--border-active: rgba(124, 58, 237, .35);--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--code-bg: #F1F5F9;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--radius: 12px;--radius-sm: 8px;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-ui: "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.el-input__wrapper{background-color:var(--bg-input)!important;box-shadow:0 0 0 1px var(--border)!important}.el-input__wrapper:hover,.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--border-active)!important}.el-input__inner{color:var(--text-primary)!important;font-family:var(--font-mono)}.el-textarea__inner{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;font-family:var(--font-mono)!important;font-size:13px!important;line-height:1.6!important}.el-textarea__inner:focus{border-color:var(--border-active)!important;box-shadow:0 0 0 1px var(--border-active)!important;outline:none!important}.el-button--primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;font-weight:600!important}.el-button--primary:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.el-card{background:var(--bg-card)!important;border-color:var(--border)!important;border-radius:var(--radius)!important}.el-select .el-input__wrapper{background-color:var(--bg-input)!important}.el-select-dropdown{background:var(--bg-card)!important;border-color:var(--border)!important}.el-select-dropdown__item{color:var(--text-primary)!important}.el-select-dropdown__item.is-hovering{background:var(--bg-card-hover)!important}.el-select-dropdown__item.is-selected{color:var(--primary)!important}.el-tabs__nav-wrap:after{background-color:var(--border)!important}.el-tabs__item{color:var(--text-secondary)!important;font-family:var(--font-ui)!important}.el-tabs__item.is-active{color:var(--primary)!important}.el-tabs__active-bar{background-color:var(--primary)!important}.el-radio-button__inner{background:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text-secondary)!important;font-family:var(--font-ui)!important}.el-radio-button__original-radio:checked+.el-radio-button__inner{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:-1px 0 0 0 var(--primary)!important}.el-input-number .el-input__inner{text-align:left!important}.el-divider{border-color:var(--border)!important}.el-divider__text{background:var(--bg-card)!important;color:var(--text-secondary)!important;font-size:12px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tool-page{width:100%;padding:14px;max-width:1800px;margin:0 auto}.tool-header{margin-bottom:24px}.tool-header h1{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:10px}.tool-header p{color:var(--text-secondary);font-size:14px;line-height:1.6}.page-container{width:100%;max-width:1800px;margin:0 auto;padding:0 12px}.page-header{padding:32px 0 24px}.page-header h1{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-desc{color:var(--text-secondary);font-size:14px;line-height:1.6;word-break:break-word}.tool-card{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;transition:border-color .2s}.tool-row{display:flex;gap:12px;flex-wrap:wrap;width:100%;min-width:0}.tool-row>.tool-grid-2,.tool-row>.tool-grid-1,.tool-row>.tool-section{flex:1 1 100%;width:100%;min-width:100%}.tool-col{flex:1;min-width:0}.col-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-family:var(--font-mono)}.action-bar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.action-bar .el-divider--vertical+.inline-config,.action-bar .el-divider--vertical+.el-radio-group,.action-bar .el-divider--vertical+.el-form{flex:1 1 100%;margin-top:6px;padding-top:8px;border-top:1px solid var(--border)}.result-box{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:var(--font-mono);font-size:13px;color:var(--text-primary);min-height:120px;white-space:pre-wrap;word-break:break-all;line-height:1.7;overflow:auto}.result-box.success{border-color:#7c3aed40}.result-box.error{border-color:#ef444440;color:#dc2626}.tool-layout{width:100%;max-width:1800px;margin:0 auto;padding:14px}.tool-panel{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.tool-section{min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tool-tag{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid transparent;white-space:nowrap}.tag-json{color:#ff6b35;background:#ff6b3514;border-color:#ff6b3526}.tag-encode{color:#0ea5e9;background:#0ea5e914;border-color:#0ea5e926}.tag-time{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b26}.tag-util{color:#10b981;background:#10b98114;border-color:#10b98126}.divider-text{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:12px;font-weight:700;margin-bottom:10px}.divider-text:before,.divider-text:after{content:"";height:1px;background:var(--border);flex:1}.tool-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;align-items:stretch}.tool-grid-1{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.tool-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-textarea{width:100%}.main-card,.main-card>.el-card__body{width:100%}.main-card>.el-card__body{padding:16px}.tool-grid-2 .tool-section{display:flex;flex-direction:column;padding:14px}.tool-grid-2 .tool-textarea,.tool-grid-2 .tool-textarea .el-textarea__inner{flex:1}.tool-grid-2 .el-textarea__inner{min-height:clamp(340px,52vh,720px)!important;height:clamp(340px,52vh,720px)!important}.tool-grid-2 .result-box{min-height:clamp(340px,52vh,720px)}.tool-row>.tool-section .info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-output{display:flex;flex-direction:column;gap:8px}.tool-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-hint{color:var(--text-muted);font-size:12px;line-height:1.6}.tool-counter{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-align:right}@media (max-width: 960px){.tool-layout{padding:16px}.tool-grid-2{grid-template-columns:minmax(0,1fr)}}