.header[data-v-56784ec1]{border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:100}.header-inner[data-v-56784ec1]{max-width:1200px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-56784ec1]{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:18px}.logo[data-v-56784ec1]:hover{color:var(--primary)}.logo-icon[data-v-56784ec1]{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.theme-btn[data-v-56784ec1]{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s}.theme-btn[data-v-56784ec1]:hover{background:var(--bg-input)}.app[data-v-cc2e8af2]{min-height:100vh;display:flex;flex-direction:column}.main[data-v-cc2e8af2]{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px}.footer[data-v-cc2e8af2]{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:20px;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border)}.icp-link[data-v-cc2e8af2]{color:var(--text-muted);font-size:12px;transition:color .15s}.icp-link[data-v-cc2e8af2]:hover{color:var(--primary)}.card[data-v-e37bcd75]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s ease;display:flex;gap:16px;box-shadow:var(--shadow)}.card[data-v-e37bcd75]:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-icon[data-v-e37bcd75]{width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:var(--font-mono);flex-shrink:0}.card-body[data-v-e37bcd75]{flex:1;min-width:0}.card-title[data-v-e37bcd75]{font-size:16px;font-weight:600;margin-bottom:4px}.card-desc[data-v-e37bcd75]{font-size:13px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.card-tags[data-v-e37bcd75]{display:flex;flex-wrap:wrap;gap:6px}.tag[data-v-e37bcd75]{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--bg-input);color:var(--text-muted)}.tag.category[data-v-e37bcd75]{background:var(--primary-light);color:var(--primary);font-weight:500}.hero[data-v-2e7fa4af]{text-align:center;margin-bottom:32px}.hero-title[data-v-2e7fa4af]{font-size:32px;font-weight:800;margin-bottom:8px}.hero-subtitle[data-v-2e7fa4af]{font-size:16px;color:var(--text-secondary)}.filters[data-v-2e7fa4af]{margin-bottom:24px}.search-input[data-v-2e7fa4af]{margin-bottom:12px}.category-tabs[data-v-2e7fa4af]{display:flex;flex-wrap:wrap;gap:8px}.tab[data-v-2e7fa4af]{padding:6px 14px;border-radius:20px;font-size:13px;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);transition:all .15s}.tab[data-v-2e7fa4af]:hover{border-color:var(--primary);color:var(--primary)}.tab.active[data-v-2e7fa4af]{background:var(--primary);color:#fff;border-color:var(--primary)}.tools-grid[data-v-2e7fa4af]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.empty[data-v-2e7fa4af]{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:40px}:root{--bg: #f8fafc;--bg-card: #ffffff;--bg-input: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #eff6ff;--success: #22c55e;--error: #ef4444;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--radius: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, monospace}[data-theme=dark]{--bg: #0f172a;--bg-card: #1e293b;--bg-input: #334155;--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--primary: #60a5fa;--primary-hover: #3b82f6;--primary-light: #1e3a5f;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:6px 12px;font-size:13px}.input,.textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);transition:border-color .15s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--primary)}.textarea{resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:13px;line-height:1.5}.label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.error-text{color:var(--error);font-size:13px;margin-top:6px}.success-text{color:var(--success);font-size:13px;margin-top:6px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tool-panel{display:grid;gap:16px}@media(min-width:768px){.tool-panel--split{grid-template-columns:1fr 1fr}}