:root{--primary: #0891b2;--primary-deep: #0e7490;--accent: #6366f1;--accent-2: #8b5cf6;--accent-soft: rgba(99, 102, 241, .1);--glow: rgba(8, 145, 178, .22);--ink: #0f172a;--ink-muted: #475569;--bg: #ffffff;--bg-elevated: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e8eaed;--sidebar-width: 252px;--sidebar-bg: #ffffff;--sidebar-text: #64748b;--sidebar-text-hover: #334155;--sidebar-brand: #0f172a;--sidebar-border: #eef0f3;--sidebar-active: #0e7490;--header-h: 54px;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .05);--shadow-hover: 0 4px 14px rgba(15, 23, 42, .08);--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}html.dark{--primary: #22d3ee;--primary-deep: #06b6d4;--accent: #818cf8;--accent-soft: rgba(129, 140, 248, .14);--glow: rgba(34, 211, 238, .35);--bg: #0f1419;--bg-elevated: rgba(22, 28, 38, .85);--text: #e8edf7;--text-muted: #8b9cb8;--border: rgba(148, 163, 184, .14);--ink-muted: #94a3b8;--sidebar-bg: rgba(22, 28, 38, .94);--sidebar-text: #94a3b8;--sidebar-text-hover: #e2e8f0;--sidebar-brand: #f1f5f9;--sidebar-border: rgba(148, 163, 184, .12);--sidebar-active: #67e8f9;--shadow: 0 16px 48px rgba(0, 0, 0, .35);--shadow-hover: 0 24px 56px rgba(34, 211, 238, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}html:not(.dark) body:before{background:transparent}html.dark body:before{background:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px),radial-gradient(ellipse 65% 50% at 90% -5%,rgba(34,211,238,.18),transparent 55%),radial-gradient(ellipse 50% 40% at 0% 100%,rgba(192,132,252,.12),transparent 50%),radial-gradient(circle at 50% 40%,rgba(99,102,241,.06),transparent 45%);background-size:56px 56px,56px 56px,auto,auto,auto}#root{position:relative;z-index:1}a{color:var(--primary-deep);text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}.app-shell{display:flex;min-height:100vh}.main-column{flex:1;min-width:0;margin-left:0}@media(min-width:992px){.main-column{margin-left:var(--sidebar-width)}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);color:var(--sidebar-text);z-index:200;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-right:1px solid var(--sidebar-border);box-shadow:1px 0 #0f172a0a}html.dark .sidebar{box-shadow:8px 0 40px #00000059;border-right-color:#94a3b81a}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(34,211,238,.45),rgba(129,140,248,.35),transparent);pointer-events:none}@media(min-width:992px){.sidebar{transform:none}}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199}.sidebar-backdrop.visible{display:block}html:not(.dark) .sidebar-backdrop.visible{background:#0f172a47}@media(min-width:992px){.sidebar-backdrop{display:none!important}}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:22px 18px;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand img{border-radius:var(--radius-sm);box-shadow:0 4px 16px #0891b226}html.dark .sidebar-brand img{box-shadow:0 0 24px #22d3ee40}.sidebar-brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar-brand-name{font-weight:700;font-size:.95rem;color:var(--sidebar-brand);letter-spacing:.04em}.sidebar-brand-host{font-size:.68rem;color:#64748b;font-family:var(--font-mono);letter-spacing:.02em}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 10px 28px}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-link,.sidebar-sublink{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;text-align:left;color:var(--sidebar-text);border-radius:var(--radius-sm);border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.sidebar-link i{width:1.1rem;font-size:.82rem;opacity:.8}.sidebar-link:hover,.sidebar-sublink:hover{background:#f4f5f7;color:var(--sidebar-text-hover);border-color:transparent}html.dark .sidebar-link:hover,html.dark .sidebar-sublink:hover{background:#ffffff0d;color:var(--sidebar-text-hover);border-color:var(--sidebar-border)}.sidebar-link.active,.sidebar-sublink.active{color:var(--sidebar-active);background:linear-gradient(90deg,#22d3ee1f,#818cf814);border-color:#22d3ee38;box-shadow:inset 0 0 20px #22d3ee0f}.sidebar-sub{padding-left:4px;margin-top:2px}.sidebar-sublink{padding-left:38px;font-size:.8125rem}.page-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;height:var(--header-h);padding:0 20px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border-bottom:1px solid var(--border)}html.dark .page-header{background:color-mix(in srgb,var(--bg) 75%,transparent)}.header-title{flex:1;font-weight:600;font-size:.92rem;letter-spacing:.03em;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted)}.menu-btn{display:inline-flex}@media(min-width:992px){.menu-btn{display:none}}.icon-btn{width:40px;height:40px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.icon-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:#818cf840;box-shadow:0 0 20px #818cf826}.main-content{max-width:1280px;margin:0 auto;padding:22px 20px 56px}.panel{margin-bottom:32px}.hero{padding:6px 0 24px}.hero-card{position:relative;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:32px 26px 26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}html:not(.dark) .hero-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px #0f172a0a}.hero-aurora{position:absolute;inset:-40% -20% auto -20%;height:70%;background:conic-gradient(from 200deg at 50% 50%,#22d3ee33,#818cf840,#c084fc26,#22d3ee33);filter:blur(48px);opacity:.85;pointer-events:none;animation:aurora-shift 14s ease-in-out infinite alternate}html:not(.dark) .hero-aurora{opacity:.22;filter:blur(64px)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black,transparent);mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black,transparent);pointer-events:none}.hero-brand{position:relative;text-align:center;margin-bottom:20px}.hero-logo{display:block;margin:0 auto 10px;border-radius:calc(var(--radius) + 4px);box-shadow:0 8px 28px #0891b22e}html.dark .hero-logo{box-shadow:0 8px 32px #22d3ee33}.super-search{position:relative;max-width:720px;margin:0 auto 8px}.super-search-groups{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.super-search-group-tab{flex-shrink:0;padding:6px 14px;font-size:.85rem;font-weight:500;color:var(--text-muted);border-radius:999px;border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}.super-search-group-tab:hover{color:var(--text);background:#f4f5f7}.super-search-group-tab.active{color:var(--primary-deep);font-weight:600;background:#0891b21a;border-color:#0891b240}html.dark .super-search-group-tab.active{color:var(--primary);background:#22d3ee1a;border-color:#22d3ee47}.super-search-form{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.super-search-form:focus-within{border-color:#0891b273;box-shadow:0 0 0 1px #0891b226,var(--shadow)}html.dark .super-search-form:focus-within{border-color:#22d3ee66;box-shadow:0 0 0 1px #22d3ee1f,var(--shadow)}.super-search-input{flex:1;min-width:0;border:none;background:transparent;padding:14px 16px;font-size:1rem;color:var(--text);outline:none}.super-search-submit{width:52px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-size:1rem;transition:filter .15s;border-left:1px solid rgba(255,255,255,.15)}.super-search-submit:hover{filter:brightness(1.06)}.super-search-engines{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.super-search-engines li{margin:0}.super-search-engine{display:inline-flex;align-items:center;cursor:pointer;padding:4px 10px;border-radius:6px;font-size:.78rem;color:var(--text-muted);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}.super-search-engine input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.super-search-engine:hover{color:var(--text);background:#f4f5f7}.super-search-engine.active{color:var(--primary-deep);font-weight:600;background:#0891b214;border-color:#0891b233}html.dark .super-search-engine.active{color:var(--primary);background:#22d3ee14;border-color:#22d3ee38}@keyframes aurora-shift{0%{transform:translate(-3%) rotate(-2deg)}to{transform:translate(3%) rotate(2deg)}}.hero-eyebrow{position:relative;margin:0 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.hero-eyebrow-mono{font-family:var(--font-mono);color:var(--primary-deep);font-weight:600}html.dark .hero-eyebrow-mono{color:var(--primary)}.hero-eyebrow-sep{opacity:.35}.signal-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399cc;animation:pulse-signal 2.4s ease-in-out infinite}@keyframes pulse-signal{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}.hero-title{position:relative;margin:0;font-size:clamp(1.5rem,3.5vw,1.85rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;background:linear-gradient(135deg,var(--ink) 0%,#334155 50%,var(--primary-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}html.dark .hero-title{background:linear-gradient(135deg,#f8fafc,#cbd5e1,#67e8f9 70%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{position:relative;margin:0 0 22px;max-width:36em;color:var(--text-muted);font-size:.94rem}.search-form{position:relative;display:flex;align-items:stretch;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:none}.search-form:focus-within{border-color:#22d3ee73;box-shadow:0 0 0 1px #22d3ee33,0 0 32px var(--glow)}.search-icon{display:flex;align-items:center;padding-left:18px;color:var(--text-muted)}.search-form input{flex:1;border:none;background:transparent;color:var(--text);font-size:1rem;outline:none;min-width:0;padding:15px 12px}.search-form input::placeholder{color:color-mix(in srgb,var(--text-muted) 85%,transparent)}.search-submit{display:inline-flex;align-items:center;gap:10px;padding:0 22px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#f8fafc;font-weight:600;white-space:nowrap;transition:filter .18s,box-shadow .18s;border-left:1px solid rgba(255,255,255,.12)}.search-submit i{font-size:.75rem;opacity:.9}.search-submit:hover{filter:brightness(1.08);box-shadow:0 0 28px #6366f173}.hero-filters{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.free-filter{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);font-size:.85rem;transition:border-color .18s,box-shadow .18s,color .18s}.free-filter i{font-size:.8rem;opacity:.85}.free-filter.active{color:var(--primary);border-color:#22d3ee66;background:#22d3ee14;font-weight:600;box-shadow:0 0 24px #22d3ee1f}.free-filter-count{font-family:var(--font-mono);font-size:.7rem;padding:2px 8px;border-radius:999px;background:#818cf82e;color:var(--accent);font-weight:600}.free-filter-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .15s}.free-filter-link i{font-size:.65rem;transition:transform .15s}.free-filter-link:hover{color:var(--primary)}.free-filter-link:hover i{transform:translate(2px)}.section-head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-title{margin:0;font-size:1.02rem;font-weight:700;display:flex;align-items:center;gap:10px;flex:1;color:var(--ink);letter-spacing:-.01em}html.dark .section-title{color:var(--text)}.section-title i{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:.78rem;background:linear-gradient(135deg,#22d3ee26,#818cf833);color:var(--primary);border:1px solid rgba(34,211,238,.2);box-shadow:0 0 16px #22d3ee14}.section-title .count,.section-title .muted{font-size:.75rem;font-weight:500;font-family:var(--font-mono);color:var(--text-muted);margin-left:4px}.more-link{font-size:.8rem;color:var(--text-muted)}.more-link:hover{color:var(--primary)}.sub-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sub-tab{font-size:.72rem;padding:4px 10px;border-radius:6px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:768px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tool-grid.compact{gap:10px}.tool-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s,transform .15s;min-height:76px}.tool-card:hover{border-color:#22d3ee59;box-shadow:var(--shadow-hover);transform:translateY(-3px)}html:not(.dark) .tool-card:hover{border-color:#d1d5db;transform:translateY(-2px)}.tool-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);box-shadow:none}.tool-icon--sq{border-radius:var(--radius-sm)}.tool-icon img{width:100%;height:100%;object-fit:cover}.tool-body{min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}.tool-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-desc{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.hot-block+.hot-block{margin-top:36px}.tool-section{scroll-margin-top:calc(var(--header-h) + 16px)}.empty-hint{color:var(--text-muted);text-align:center;padding:32px 16px;font-family:var(--font-mono);font-size:.85rem}.site-footer{text-align:center;padding:32px 16px 48px;font-size:.78rem;color:var(--text-muted);margin-top:20px;font-family:var(--font-mono);letter-spacing:.02em}.site-footer a{color:var(--text);font-weight:600}.footer-projects{max-width:28rem;margin:20px auto 0;text-align:left}.footer-projects-title{margin:0 0 10px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;font-family:var(--font-sans)}.footer-projects-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.footer-project-link{display:block;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden;transition:border-color .2s,box-shadow .25s,transform .25s cubic-bezier(.34,1.2,.64,1)}.footer-project-link:hover{border-color:color-mix(in srgb,var(--primary-deep) 35%,var(--border));box-shadow:var(--shadow-hover);transform:translateY(-3px);text-decoration:none}.footer-project-main{display:block}.footer-project-name{display:block;font-size:.85rem;font-weight:600;color:var(--text);font-family:var(--font-sans)}.footer-project-desc{display:block;margin-top:4px;font-size:.75rem;font-weight:400;line-height:1.45;color:var(--text-muted);font-family:var(--font-sans)}.footer-project-pop{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .35s cubic-bezier(.34,1.15,.64,1),opacity .28s ease,margin-top .35s cubic-bezier(.34,1.15,.64,1)}.footer-project-pop>.footer-project-pop-inner{overflow:hidden}.footer-project-link:hover .footer-project-pop,.footer-project-link:focus-visible .footer-project-pop{grid-template-rows:1fr;opacity:1;margin-top:10px}.footer-project-pop-inner{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--primary-deep) 6%,var(--bg));border:1px solid color-mix(in srgb,var(--primary-deep) 18%,var(--border));transform:translateY(6px) scale(.97);transition:transform .35s cubic-bezier(.34,1.25,.64,1)}html.dark .footer-project-pop-inner{background:color-mix(in srgb,var(--primary) 8%,var(--bg-elevated));border-color:color-mix(in srgb,var(--primary) 22%,var(--border))}.footer-project-link:hover .footer-project-pop-inner,.footer-project-link:focus-visible .footer-project-pop-inner{transform:translateY(0) scale(1)}.footer-project-pop-host{display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--primary-deep);letter-spacing:.02em}html.dark .footer-project-pop-host{color:var(--primary)}.footer-project-pop-note{display:block;margin-top:5px;font-size:.72rem;line-height:1.4;color:var(--text-muted);font-family:var(--font-sans)}.footer-project-pop-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.72rem;font-weight:600;color:var(--text);font-family:var(--font-sans)}.footer-project-pop-cta i{font-size:.62rem;opacity:.75;transition:transform .2s ease}.footer-project-link:hover .footer-project-pop-cta i,.footer-project-link:focus-visible .footer-project-pop-cta i{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.footer-project-link,.footer-project-pop,.footer-project-pop-inner,.footer-project-pop-cta i{transition:none}.footer-project-link:hover .footer-project-pop,.footer-project-link:focus-visible .footer-project-pop{grid-template-rows:1fr;opacity:1;margin-top:10px}.footer-project-link:hover .footer-project-pop-inner,.footer-project-link:focus-visible .footer-project-pop-inner{transform:none}}.footer-hint{margin-top:12px;opacity:.75}.tool-badge{display:inline-block;margin-left:6px;padding:0 6px;font-size:.65rem;font-weight:600;vertical-align:middle;color:var(--primary-deep);background:#22d3ee1f;border-radius:4px;font-family:var(--font-mono)}html.dark .tool-badge{color:#67e8f9;background:#22d3ee1f}.free-tools-hint{margin:0;font-size:.8rem;color:var(--text-muted);flex:1 1 100%}.free-tools-more{margin:14px 0 0;font-size:.8rem;color:var(--text-muted);text-align:center}.tool-sources,.source-tabs,.source-tab,.source-badge,.search-tabs,.search-tab,.hero-sub{display:none}