.header-icon-btn{border:1px solid var(--border-color,#94a3b826);cursor:pointer;width:36px;height:36px;color:var(--text-secondary,#94a3b8);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:relative}.header-icon-btn:hover{border-color:var(--accent,#3b82f6);color:var(--accent,#3b82f6);background:#3b82f614}.fav-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.search-overlay,.fav-overlay{z-index:9999;backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-start;padding-top:10vh;display:none;position:fixed;inset:0}.search-overlay.show,.fav-overlay.show{display:flex}.search-modal,.fav-modal{background:var(--bg-card,#1a1f35);border:1px solid var(--border-color,#94a3b826);border-radius:16px;flex-direction:column;width:min(90vw,640px);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.search-input-wrap{border-bottom:1px solid var(--border-color,#94a3b81a);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.search-icon{color:var(--text-muted,#64748b);font-size:1.1rem}.search-input{color:var(--text-primary,#f1f5f9);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-input::placeholder{color:var(--text-muted,#64748b)}.search-close{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1rem;transition:all .2s}.search-close:hover{color:var(--text-primary,#f1f5f9);background:#ffffff0f}.search-results,.fav-results{flex:1;padding:.5rem;overflow-y:auto}.search-results:empty:after{content:attr(data-hint);text-align:center;color:var(--text-muted,#64748b);padding:2rem;font-size:.85rem;display:block}.search-item,.fav-item{color:var(--text-primary,#f1f5f9);border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;text-decoration:none;transition:background .15s;display:flex}.search-item:hover,.fav-item:hover{background:#3b82f614}.search-item-icon,.fav-item-icon{color:var(--accent,#3b82f6);text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.search-item-info,.fav-item-info{flex:1;min-width:0}.search-item-name,.fav-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.search-item-desc,.fav-item-desc{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.fav-empty{text-align:center;color:var(--text-muted,#64748b);padding:2.5rem 1.5rem;font-size:.85rem;line-height:1.6}.fav-header{border-bottom:1px solid var(--border-color,#94a3b81a);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.fav-header h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.fav-remove{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.9rem;transition:all .2s}.fav-remove:hover{color:#ef4444;background:#ef444414}@media (width<=640px){.header-icon-btn{width:32px;height:32px;font-size:.85rem}.search-modal,.fav-modal{width:95vw;max-height:75vh}.search-overlay,.fav-overlay{padding-top:5vh}}.site-footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--border-color,#94a3b826);text-align:center;margin-top:3rem;padding:2rem 1.5rem 1.5rem}.footer-links[data-astro-cid-sz7xmlte]{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-secondary,#94a3b8);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent,#3b82f6)}.footer-disclaimer[data-astro-cid-sz7xmlte]{max-width:800px;color:var(--text-secondary,#94a3b8);text-align:center;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin:0 auto 1rem;padding:.75rem 1rem;font-size:.75rem;line-height:1.6}.footer-copy[data-astro-cid-sz7xmlte]{color:var(--text-muted,#64748b);font-size:.8rem}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293bb3;--bg-glass:#ffffff0d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#38bdf8;--accent-purple:#818cf8;--accent-cyan:#22d3ee;--accent-pink:#f472b6;--gradient-primary:linear-gradient(135deg, #38bdf8, #818cf8);--gradient-secondary:linear-gradient(135deg, #818cf8, #f472b6);--gradient-cyan:linear-gradient(135deg, #22d3ee, #38bdf8);--border-color:#94a3b826;--border-glow:#38bdf84d;--radius:12px;--radius-sm:8px;--glow:#38bdf826;--glow-purple:#818cf826;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--accent-blue);transition:var(--transition);text-decoration:none}a:hover{color:#7dd3fc}.bg-layer{z-index:-2;background:linear-gradient(135deg,#020617 0%,#0a2540 25%,#020617 50%,#0d2658 75%,#020617 100%) 0 0/400% 400%;width:100%;height:100%;animation:20s infinite gradientShift;position:fixed;top:0;left:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-blob{filter:blur(80px);z-index:-1;opacity:.15;pointer-events:none;border-radius:50%;position:fixed}.bg-blob-1{background:var(--accent-blue);width:400px;height:400px;animation:15s ease-in-out infinite float1;top:-10%;left:-5%}.bg-blob-2{background:var(--accent-purple);width:350px;height:350px;animation:18s ease-in-out infinite float2;bottom:-10%;right:-5%}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(50px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-20px)}}.site-header{z-index:100;backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0f172acc;padding:.75rem 1.5rem;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.brand{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.brand:hover{color:var(--text-primary)}.brand-icon{filter:drop-shadow(0 0 6px var(--accent-blue));font-size:1.4rem}.header-right{align-items:center;gap:.5rem;display:flex}.lang-switch{flex-wrap:wrap;gap:.25rem;display:flex}.lang-switch a{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .55rem;font-size:.75rem}.lang-switch a:hover,.lang-switch a.active{color:var(--accent-blue);border-color:var(--accent-blue)}.lang-dropdown{position:relative}.lang-btn{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;display:flex}.lang-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.lang-menu{backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius);z-index:200;min-width:280px;max-height:400px;box-shadow:var(--shadow-lg);background:#1e293bf2;grid-template-columns:repeat(2,1fr);gap:.25rem;margin-top:.5rem;padding:.5rem;display:none;position:absolute;top:100%;right:0;overflow-y:auto}.lang-menu.show{display:grid}.lang-menu a{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.8rem;display:flex}.lang-menu a:hover,.lang-menu a.active{color:var(--accent-blue);background:#38bdf81a}.main{max-width:1200px;margin:0 auto;padding:1.5rem}.ad-slot{border-radius:var(--radius);text-align:center;min-height:90px;color:var(--text-muted);opacity:.5;background:#1e293b4d;border:1px dashed #94a3b833;justify-content:center;align-items:center;margin:1rem 0;padding:1rem;font-size:.75rem;display:flex}.hero{text-align:center;padding:2rem 0 1.5rem}.hero h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem}.category-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.cat-pill{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition);backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:.35rem;padding:.4rem 1rem;font-size:.85rem;display:flex}.cat-pill:hover,.cat-pill.active{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 15px var(--glow)}.cat-pill i{font-size:1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);transition:var(--transition);color:inherit;padding:1.25rem;display:block;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--accent-blue);box-shadow:0 0 20px var(--glow);color:inherit;transform:translateY(-3px)}.tool-card .tool-icon{color:var(--accent-blue);margin-bottom:.5rem;font-size:1.8rem;display:block}.tool-card .tool-name{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.tool-card .tool-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.tool-card .coming-badge{color:var(--text-muted);background:#94a3b826;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;position:absolute;top:.5rem;right:.5rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);backdrop-filter:blur(10px);transition:var(--transition);text-align:center;color:inherit;padding:1.5rem 1.25rem;display:block}.category-card:hover{border-color:var(--accent-blue);box-shadow:0 0 20px var(--glow);color:inherit;transform:translateY(-3px)}.category-card .cat-icon{color:var(--accent-blue);margin-bottom:.5rem;font-size:2rem;display:block}.category-card .cat-name{margin-bottom:.25rem;font-size:1rem;font-weight:600}.category-card .cat-desc{color:var(--text-secondary);font-size:.78rem}.section-title{color:var(--text-primary);border-bottom:2px solid #0000;border-image:var(--gradient-primary) 1;justify-content:space-between;align-items:center;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.section-title a{font-size:.85rem;font-weight:400}.tool-page{grid-template-columns:1fr 300px;gap:1.5rem;margin:1.5rem 0;display:grid}.tool-content{min-width:0}.tool-sidebar{flex-direction:column;gap:1rem;display:flex}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--accent-blue)}.breadcrumb .separator{color:var(--text-muted)}.tool-header{margin-bottom:1.5rem}.tool-header h1{align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:1.6rem;font-weight:700;display:flex}.tool-header h1 i{color:var(--accent-blue)}.tool-header p{color:var(--text-secondary);font-size:.9rem}.related-tools{margin-top:2rem}.related-tools .tools-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.site-footer{border-top:1px solid var(--border-color);text-align:center;max-width:1200px;margin:2rem auto 0;padding:1.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.8rem}.footer-copy{color:var(--text-muted);font-size:.75rem}.btn-primary{border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.btn-primary:hover{box-shadow:0 0 20px var(--glow);transform:translateY(-1px)}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);padding:.5rem 1.25rem;font-size:.9rem}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue)}@media (width<=1024px){.tool-page{grid-template-columns:1fr}.tool-sidebar{display:none}}@media (width<=768px){.hero h1{font-size:1.7rem}.tools-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}.lang-menu{grid-template-columns:1fr;min-width:200px}.main{padding:1rem}}@media (width<=480px){.tools-grid,.categories-grid{grid-template-columns:1fr}.hero h1{font-size:1.4rem}}