:root{color-scheme:dark;--bg:#090a10;--surface:#10121c;--surface-2:#171927;--line:rgba(255,255,255,.12);--text:#f7f7fb;--muted:#a7aabb;--shadow:0 22px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 5%,rgba(100,82,255,.16),transparent 28rem),radial-gradient(circle at 87% 19%,rgba(65,207,243,.12),transparent 25rem),var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","Segoe UI","Microsoft YaHei",sans-serif;transition:background .25s,color .25s}a{color:inherit}.page{width:min(1440px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;z-index:30;top:12px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px;margin-top:12px;padding:11px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(12,13,20,.82);box-shadow:0 16px 44px rgba(0,0,0,.24);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:46px;height:46px;border:2px solid #fff;border-radius:14px;background:#fff}.brand span{display:grid}.brand strong{font-size:18px}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.site-nav{display:flex;gap:6px}.site-nav a{padding:10px 15px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:750;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--surface-2);color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.language-button,.theme-button{min-width:64px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:800;cursor:pointer}.theme-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:86px}.theme-button:hover,.language-button:hover{border-color:rgba(128,107,255,.7);transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;min-height:242px;margin-top:18px;padding:31px 5vw 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(24,24,39,.96),rgba(12,14,23,.98));box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(4px)}.hero:before{width:300px;height:300px;right:-56px;top:-160px;background:radial-gradient(circle,rgba(128,107,255,.27),transparent 67%)}.hero:after{width:280px;height:280px;left:-150px;bottom:-220px;background:radial-gradient(circle,rgba(85,216,255,.2),transparent 68%)}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-content{position:relative;z-index:2;max-width:780px}.eyebrow{display:block;margin-bottom:8px;color:#8e7cff;font-size:11px;font-weight:900;letter-spacing:.18em}.hero h1{max-width:760px;margin:0;font-size:clamp(38px,4.3vw,56px);letter-spacing:-.065em;line-height:.96}.hero-copy{max-width:660px;margin:11px 0 0;color:var(--muted);font-size:16px;line-height:1.45}.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.metric{display:flex;align-items:baseline;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045)}.metric strong{font-size:16px}.metric span{color:var(--muted);font-size:12px}.search-wrap{position:relative;z-index:4;width:min(760px,calc(100% - 40px));margin:-18px auto 0}.search-box{display:flex;align-items:center;gap:14px;height:58px;padding:0 20px;border:1px solid rgba(141,123,255,.52);border-radius:17px;background:rgba(20,22,33,.94);box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 30px rgba(128,107,255,.1);backdrop-filter:blur(18px)}.search-box span{font-size:21px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px}
.category-section{padding:54px 0 20px}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.category-heading h2,.section-heading h2{margin:0;font-size:clamp(32px,4vw,50px);letter-spacing:-.055em}.category-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.category-chip{display:flex;align-items:center;gap:18px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted);font:inherit;font-weight:750;cursor:pointer}.category-chip b{color:#85899b;font-size:11px}.category-chip:hover,.category-chip.active{border-color:rgba(128,107,255,.75);background:rgba(128,107,255,.13);color:var(--text)}.directory-section{padding:46px 0 68px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading p{max-width:480px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:24px;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(25,27,39,.96),rgba(15,17,25,.98));box-shadow:0 18px 50px rgba(0,0,0,.19);animation:card-in .5s both;animation-delay:calc(var(--order) * 55ms);transition:transform .25s,border-color .25s,box-shadow .25s}.tool-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.2);box-shadow:0 28px 70px rgba(0,0,0,.35)}.tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 88% 6%,var(--glow),transparent 38%);pointer-events:none}.tone-cyan{--glow:rgba(85,216,255,.2)}.tone-violet{--glow:rgba(128,107,255,.24)}.tone-blue{--glow:rgba(77,139,255,.23)}.tone-mint{--glow:rgba(100,226,186,.19)}.tone-amber{--glow:rgba(255,199,106,.18)}.tool-card-top,.tool-copy,.tool-action{position:relative;z-index:1}.tool-card-top{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between}.tool-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.07);font-size:31px;font-weight:900}.tool-status{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#b8b1ff;font-size:10px;font-weight:900;letter-spacing:.11em}.tool-category{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tool-copy h3{margin:8px 0 10px;font-size:29px;letter-spacing:-.04em}.tool-copy h3 a{text-decoration:none}.tool-copy h3 a:after{content:"";position:absolute;inset:0}.tool-copy p{max-width:470px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}.tool-action{align-self:end;display:flex;align-items:center;gap:16px;color:#fff;font-size:13px;font-weight:850;text-decoration:none}.tool-action b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#11131c;font-size:18px}.tool-action.disabled{color:#787b8a}.tool-action.disabled b{background:#242735;color:#767988}.coming-section{padding-bottom:100px}.coming-section .tool-card{min-height:250px;opacity:.82}.empty-state{grid-column:1/-1;display:grid;place-items:center;gap:14px;min-height:230px;border:1px dashed var(--line);border-radius:24px;color:var(--muted)}.empty-state button{padding:10px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);cursor:pointer}
.seo-panel{margin-bottom:72px;padding:56px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,#12141e,#19172a);box-shadow:var(--shadow)}.seo-panel-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px}.seo-panel h2{margin:0 0 18px;font-size:clamp(38px,5vw,66px);letter-spacing:-.06em}.seo-panel p{color:var(--muted);font-size:16px;line-height:1.75}.faq details{padding:19px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:16px;font-weight:850}.faq details p{margin:10px 0 0;font-size:14px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 42px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer strong{color:var(--text)}
body[data-theme="light"]{color-scheme:light;--bg:#f4f6fc;--surface:#fff;--surface-2:#edf0fa;--line:rgba(31,42,71,.15);--text:#161a2b;--muted:#59647b;--shadow:0 22px 60px rgba(57,71,118,.12);background:radial-gradient(circle at 12% 5%,rgba(110,91,255,.18),transparent 28rem),radial-gradient(circle at 87% 19%,rgba(65,207,243,.15),transparent 25rem),var(--bg)}body[data-theme="light"] .site-header{background:rgba(255,255,255,.83)}body[data-theme="light"] .hero{background:linear-gradient(135deg,#fff,#f2f1ff)}body[data-theme="light"] .hero-grid{opacity:.32;background-image:linear-gradient(rgba(62,58,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(62,58,128,.1) 1px,transparent 1px)}body[data-theme="light"] .search-box{background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(63,77,123,.14),0 0 30px rgba(128,107,255,.13)}body[data-theme="light"] .tool-card{background:linear-gradient(145deg,#fff,#f6f7fc);box-shadow:0 18px 48px rgba(57,71,118,.10)}body[data-theme="light"] .tool-icon{border-color:rgba(31,42,71,.12);background:rgba(255,255,255,.7)}body[data-theme="light"] .tool-action{color:#262d47}body[data-theme="light"] .tool-action b{background:#22263a;color:#fff}body[data-theme="light"] .seo-panel{background:linear-gradient(135deg,#171a2c,#252043);color:#fff}body[data-theme="light"] .seo-panel .eyebrow{color:#b5abff}body[data-theme="light"] .seo-panel p{color:#c8cde1}
@keyframes card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tool-card{animation:none;transition:none}}@media(max-width:900px){.tool-grid,.seo-panel-grid{grid-template-columns:1fr}.hero{padding:34px}.section-heading{align-items:start;flex-direction:column}.seo-panel{padding:38px}.site-nav{display:none}}@media(max-width:600px){.page{width:min(100% - 24px,1440px)}.site-header{gap:10px;padding:9px 11px}.brand small{display:none}.brand img{width:40px;height:40px}.brand strong{font-size:16px}.theme-button{min-width:43px;width:43px;padding:0}.theme-button span:last-child{display:none}.language-button{min-width:54px}.hero{min-height:235px;padding:31px 24px 29px;border-radius:24px}.hero h1{font-size:36px}.hero-copy{font-size:15px}.metrics{margin-top:13px}.metric{padding:6px 9px}.metric span{font-size:10px}.search-wrap{width:calc(100% - 20px);margin:-14px auto 0}.search-box{height:56px}.tool-grid{grid-template-columns:1fr}.tool-card{grid-template-columns:1fr;min-height:280px;padding:24px}.tool-action{justify-content:space-between}.category-section,.directory-section{padding:44px 0}.seo-panel{padding:28px 22px}.site-footer{align-items:flex-start;flex-direction:column}}