.navbar[data-astro-cid-j7pv25f6]{position:fixed;top:0;left:0;right:0;height:60px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);z-index:100}.navbar-container[data-astro-cid-j7pv25f6]{max-width:1200px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon[data-astro-cid-j7pv25f6]{display:flex;align-items:center}.logo-text[data-astro-cid-j7pv25f6]{font-size:1.2rem;font-weight:600}.logo-dev[data-astro-cid-j7pv25f6]{color:#10b981}.logo-toolbox[data-astro-cid-j7pv25f6]{color:var(--color-text-primary)}.navbar-nav[data-astro-cid-j7pv25f6]{display:flex;gap:2rem}.nav-link[data-astro-cid-j7pv25f6]{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;transition:color var(--transition-fast)}.nav-link[data-astro-cid-j7pv25f6]:hover{color:var(--color-primary)}.navbar-actions[data-astro-cid-j7pv25f6]{display:flex;align-items:center}main[data-astro-cid-j7pv25f6]{padding-top:60px}.hero[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;text-align:center;background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-deep) 100%)}.hero-container[data-astro-cid-j7pv25f6]{max-width:700px;margin:0 auto}.hero-title[data-astro-cid-j7pv25f6]{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.25rem;color:var(--color-text-primary)}.hero-desc[data-astro-cid-j7pv25f6]{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem}.hero-actions[data-astro-cid-j7pv25f6]{display:flex;gap:.75rem;justify-content:center;margin-bottom:3rem}.btn-primary[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background:var(--color-primary);color:var(--color-bg-deep);font-weight:500;font-size:.875rem;border-radius:6px;text-decoration:none;transition:opacity .15s}.btn-primary[data-astro-cid-j7pv25f6]:hover{opacity:.85}.btn-github[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--color-bg-elevated);color:var(--color-text-primary);font-weight:500;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;text-decoration:none;transition:border-color .15s}.btn-github[data-astro-cid-j7pv25f6]:hover{border-color:var(--color-text-muted)}.github-icon[data-astro-cid-j7pv25f6]{width:16px;height:16px}.btn-lg[data-astro-cid-j7pv25f6]{padding:1rem 2.5rem;font-size:1.05rem}.hero-stats[data-astro-cid-j7pv25f6]{display:flex;justify-content:center;align-items:center;gap:2rem}.stat-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center}.stat-value[data-astro-cid-j7pv25f6]{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.stat-label[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--color-text-muted)}.stat-divider[data-astro-cid-j7pv25f6]{width:1px;height:40px;background:var(--color-border)}.section[data-astro-cid-j7pv25f6]{padding:4rem 1.5rem}.section-alt[data-astro-cid-j7pv25f6]{background:var(--color-bg-surface)}.container[data-astro-cid-j7pv25f6]{max-width:1000px;margin:0 auto}.section-header[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title[data-astro-cid-j7pv25f6]{font-size:1.5rem;font-weight:600}.section-title-center[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:2rem}.section-link[data-astro-cid-j7pv25f6]{font-size:.9rem;color:var(--color-text-secondary);text-decoration:none}.section-link[data-astro-cid-j7pv25f6]:hover{color:var(--color-primary)}.tools-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.categories-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.category-card[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.category-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-icon[data-astro-cid-j7pv25f6]{font-size:2rem;flex-shrink:0}.category-info[data-astro-cid-j7pv25f6]{flex:1;min-width:0}.category-name[data-astro-cid-j7pv25f6]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.category-desc[data-astro-cid-j7pv25f6]{font-size:.8rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count[data-astro-cid-j7pv25f6]{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.features-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.feature-card[data-astro-cid-j7pv25f6]{text-align:center;padding:1.75rem 1rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.feature-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon[data-astro-cid-j7pv25f6]{font-size:2rem;margin-bottom:.75rem}.feature-title[data-astro-cid-j7pv25f6]{font-size:1rem;font-weight:600;margin-bottom:.375rem;color:var(--color-text-primary)}.feature-desc[data-astro-cid-j7pv25f6]{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.cta-section[data-astro-cid-j7pv25f6]{text-align:center;background:linear-gradient(180deg,var(--color-bg-deep) 0%,var(--color-bg-surface) 100%);padding:5rem 1.5rem}.cta-title[data-astro-cid-j7pv25f6]{font-size:2rem;font-weight:700;margin-bottom:.75rem}.cta-desc[data-astro-cid-j7pv25f6]{color:var(--color-text-secondary);margin-bottom:2rem}.footer[data-astro-cid-j7pv25f6]{padding:2rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.footer-container[data-astro-cid-j7pv25f6]{max-width:1200px;margin:0 auto;text-align:center}.footer-text[data-astro-cid-j7pv25f6]{color:var(--color-text-muted);font-size:.875rem}@media(max-width:768px){.navbar-nav[data-astro-cid-j7pv25f6]{display:none}.hero[data-astro-cid-j7pv25f6]{padding:3rem 1rem}.hero-title[data-astro-cid-j7pv25f6]{font-size:2rem}.hero-desc[data-astro-cid-j7pv25f6]{font-size:1rem}.hero-actions[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:center}.hero-stats[data-astro-cid-j7pv25f6]{gap:1rem}.stat-value[data-astro-cid-j7pv25f6]{font-size:1.25rem}.section[data-astro-cid-j7pv25f6]{padding:2.5rem 1rem}.tools-grid[data-astro-cid-j7pv25f6],.categories-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.features-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}.cta-title[data-astro-cid-j7pv25f6]{font-size:1.5rem}}@media(max-width:480px){.features-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}:root,:root.dark{--color-primary: #00d4aa;--color-primary-light: #00ffcc;--color-primary-dark: #00a88a;--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-dark: #5b21b6;--color-bg-deep: #0a0a0f;--color-bg-base: #12121a;--color-bg-elevated: #1a1a25;--color-bg-surface: #22222f;--color-text-primary: #f0f0f5;--color-text-secondary: #a0a0b0;--color-text-muted: #606070;--color-border: #2a2a3a;--color-border-hover: #3a3a4a;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-sans: "Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--header-height: 64px;--sidebar-width: 280px;--content-max-width: 1200px}:root.light{--color-primary: #00a88a;--color-primary-light: #00d4aa;--color-primary-dark: #007a66;--color-accent: #5b21b6;--color-accent-light: #7c3aed;--color-accent-dark: #4c1d95;--color-bg-deep: #f5f5f7;--color-bg-base: #ffffff;--color-bg-elevated: #f9f9fb;--color-bg-surface: #f0f0f2;--color-text-primary: #1a1a1f;--color-text-secondary: #4a4a5a;--color-text-muted: #8a8a9a;--color-border: #e0e0e5;--color-border-hover: #d0d0d5;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important}body{font-family:var(--font-sans);background-color:var(--color-bg-deep);color:var(--color-text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}a{color:var(--color-primary);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-primary-light)}code,pre{font-family:var(--font-mono)}code{background:var(--color-bg-surface);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}pre{background:var(--color-bg-elevated);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}pre code{background:none;padding:0}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4aa33,var(--shadow-md);background:var(--color-bg-elevated)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:#00d4aa4d;color:var(--color-text-primary)}:root.light ::selection{background:#00a88a33}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 1.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4aa4d}50%{box-shadow:0 0 30px #00d4aa80}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-slideDown{animation:slideDown var(--transition-base) ease-out}.card-hover{transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}code[class*=language-],pre[class*=language-]{color:var(--color-text-primary);background:transparent;text-shadow:none;font-family:var(--font-mono);font-size:.9rem;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.7;tab-size:2;hyphens:none}pre[class*=language-]{padding:0;margin:0;overflow:visible}:not(pre)>code[class*=language-],pre[class*=language-]{background:transparent}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d;font-style:italic}.token.punctuation{color:var(--color-text-secondary)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#79b8ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#9ecbff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword{color:#f97583}.token.function,.token.class-name{color:#b392f0}.token.regex,.token.important,.token.variable{color:#ffab70}:root.light .toast{background:#fff!important;box-shadow:0 4px 20px #00000026!important}:root.light .toast-success{background:#ecfdf5!important;border-color:#10b981!important}:root.light .toast-error{background:#fef2f2!important;border-color:#ef4444!important}:root.light .toast-info{background:#eff6ff!important;border-color:#3b82f6!important}:root.light .toast-message{color:#1f2937!important}:root.light .toast-success .toast-icon{color:#fff!important}
