.tool-top-page[data-v-0a6b8096]{background:radial-gradient(circle at 18% 18%,rgba(224,109,138,.08) 0 .08rem,transparent .09rem),radial-gradient(circle at 82% 36%,rgba(246,168,192,.07) 0 .08rem,transparent .09rem),var(--color-background-light);background-size:2.8rem 2.8rem,3.4rem 3.4rem,auto;min-height:100vh;min-height:100dvh;overflow-x:clip}.breadcrumb-wrap[data-v-0a6b8096]{margin:0 auto;max-width:1280px;padding:0 1rem}@media(min-width:1024px){.breadcrumb-wrap[data-v-0a6b8096]{padding:0 1.25rem}}.tool-hero[data-v-0a6b8096]{animation:toolFadeUp-0a6b8096 .45s ease-out both;padding:1rem 1rem 2.35rem;text-align:center}@media(max-width:768px){.tool-hero[data-v-0a6b8096]{padding:.5rem 1rem .85rem}}.tool-hero-title[data-v-0a6b8096]{color:var(--color-primary);font-family:Yusei Magic,M PLUS Rounded\ 1c,sans-serif;font-size:2rem;font-weight:700;letter-spacing:0;margin-bottom:.75rem;text-shadow:0 1px 0 hsla(0,0%,100%,.9),0 5px 16px rgba(224,109,138,.16)}@media(max-width:768px){.tool-hero-title[data-v-0a6b8096]{font-size:1.5rem}}.tool-hero-desc[data-v-0a6b8096]{color:var(--color-text-light);font-size:1rem;line-height:1.8;margin:0 auto;max-width:36rem;overflow-wrap:anywhere}.tool-hero-desc span[data-v-0a6b8096]{display:inline-block}.tool-list-wrap[data-v-0a6b8096]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 1rem 4.5rem;width:min(100%,1200px)}@media(max-width:768px){.tool-list-wrap[data-v-0a6b8096]{max-width:100vw;overflow-x:hidden;padding:0 .65rem 2.5rem;width:100%}}.tool-grid[data-v-0a6b8096]{display:grid;gap:1.35rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));min-width:0}@media(max-width:768px){.tool-grid[data-v-0a6b8096]{gap:1.2rem;grid-template-columns:1fr;width:100%}}.tool-card[data-v-0a6b8096]{animation:toolCardIn-0a6b8096 .45s ease-out both;background:radial-gradient(circle at 1.1rem 1.1rem,rgba(224,109,138,.055) 0 .08rem,transparent .09rem),linear-gradient(180deg,#fffefa,#fff8ee);border:1px solid rgba(224,109,138,.14);border-radius:6px;box-shadow:0 10px 20px #745f681a,inset 0 1px #ffffffd1;color:var(--color-text);display:flex;flex-direction:column;isolation:isolate;min-height:12.5rem;min-width:0;overflow:hidden;padding:1.35rem 1.35rem 1.15rem;position:relative;text-decoration:none;transition:border-color .22s ease,box-shadow .22s ease,transform .2s ease,background .22s ease}.tool-card[data-v-0a6b8096]:after{border:1px solid hsla(0,0%,100%,.62);border-radius:inherit;inset:0}.tool-card[data-v-0a6b8096]:after,.tool-card[data-v-0a6b8096]:before{content:"";pointer-events:none;position:absolute}.tool-card[data-v-0a6b8096]:before{background:linear-gradient(90deg,#e06d8a75,#f6a8c042);height:.26rem;left:0;opacity:.78;right:0;top:0;transition:opacity .2s ease}.tool-card[data-v-0a6b8096]:nth-child(3n+1){animation-delay:.04s}.tool-card[data-v-0a6b8096]:nth-child(3n+2){animation-delay:.1s}.tool-card[data-v-0a6b8096]:nth-child(3n){animation-delay:.16s}.tool-card[data-v-0a6b8096]:hover{background:radial-gradient(circle at 1.1rem 1.1rem,rgba(224,109,138,.075) 0 .08rem,transparent .09rem),linear-gradient(180deg,#fff,#fff6ec);border-color:#e06d8a3d;box-shadow:0 16px 30px #745f6829,0 7px 14px #e06d8a14,inset 0 1px #ffffffd6;transform:translateY(-4px)}.tool-card[data-v-0a6b8096]:hover:before{opacity:1}.tool-card:hover .tool-card-action[data-v-0a6b8096]{color:#b94466}.tool-card:hover .tool-card-action svg[data-v-0a6b8096]{transform:translate(.12rem)}.tool-card[data-v-0a6b8096]:active{transform:translateY(-1px) scale(.992);transition-duration:.08s}.tool-card[data-v-0a6b8096]:focus-visible{outline:3px solid rgba(224,109,138,.38);outline-offset:4px}@media(max-width:768px){.tool-card[data-v-0a6b8096]{box-sizing:border-box;max-width:calc(100vw - 1.3rem);min-height:8rem;padding:1rem 1rem .9rem;width:100%}}.tool-updates-link[data-v-0a6b8096]{align-items:center;color:#b23b5c;display:inline-flex;font-size:.86rem;font-weight:800;margin-top:.85rem;min-height:2.25rem;text-decoration:none}.tool-updates-link[data-v-0a6b8096]:hover{color:#a83d5d;text-decoration:underline}.tool-card-body[data-v-0a6b8096]{display:flex;flex:1;flex-direction:column;min-width:0}.tool-card-head[data-v-0a6b8096]{align-items:center;display:flex;gap:.58rem;margin-bottom:.52rem}.tool-card-title[data-v-0a6b8096]{color:#8b4258;font-family:Yusei Magic,M PLUS Rounded\ 1c,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:0;margin:0;transition:color .2s ease}.tool-card-desc[data-v-0a6b8096],.tool-card-title[data-v-0a6b8096]{min-width:0;overflow-wrap:anywhere}.tool-card-desc[data-v-0a6b8096]{color:var(--color-text-light);flex:1;font-size:.875rem;line-height:1.6;margin:0 0 .92rem}@media(max-width:768px){.tool-grid[data-v-0a6b8096]{gap:.75rem}.tool-card-title[data-v-0a6b8096]{font-size:1.02rem}.tool-card-desc[data-v-0a6b8096]{font-size:.84rem;line-height:1.55;margin-bottom:.65rem}}.tool-card-footer[data-v-0a6b8096]{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin-top:auto}.tool-card-action[data-v-0a6b8096]{align-items:center;color:#b23b5c;display:inline-flex;font-size:.78rem;font-weight:700;gap:.12rem;line-height:1;transition:color .2s ease;white-space:nowrap}.tool-card-action svg[data-v-0a6b8096]{transition:transform .2s ease}@keyframes toolFadeUp-0a6b8096{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes toolCardIn-0a6b8096{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media(hover:none){.tool-card[data-v-0a6b8096]:after{opacity:.55}}@media(prefers-reduced-motion:reduce){.tool-card[data-v-0a6b8096],.tool-hero[data-v-0a6b8096]{animation:none}.tool-card[data-v-0a6b8096],.tool-card[data-v-0a6b8096]:after,.tool-card[data-v-0a6b8096]:before{transition:none}}
