:root{--bg:#f7f8fc;--bg-soft:#eef0f7;--surface:#fff;--surface-hover:#f0f2f9;--border:rgba(20,20,40,.1);--text:#16161d;--text-dim:#5a5a70;--grad-1:#7c5cff;--grad-2:#4d7cff;--grad-3:#00d4ff;--accent:#7c5cff;--radius:16px;--header-bg:rgba(247,248,252,.8);--header-shadow:0 2px 8px rgba(20,20,40,.06);--card-fill:#fff}[data-theme=dark]{--bg:#0a0a0f;--bg-soft:#12121a;--surface:hsla(0,0%,100%,.04);--surface-hover:hsla(0,0%,100%,.07);--border:hsla(0,0%,100%,.08);--text:#f4f4f7;--text-dim:#a1a1b5;--header-bg:rgba(10,10,15,.7);--header-shadow:none;--card-fill:#12121a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}.grad-text{background:linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow-bg{position:relative}.glow-bg:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 60%);filter:blur(60px);z-index:0;pointer-events:none;will-change:transform;transform:translateX(-50%) translateZ(0);contain:paint}@media (max-width:768px){.glow-bg:before{width:420px;height:420px;filter:blur(40px)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(120deg,var(--grad-1),var(--grad-2));color:#fff;box-shadow:0 8px 30px rgba(124,92,255,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(124,92,255,.5)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .25s ease,background .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);background:var(--surface-hover);border-color:rgba(124,92,255,.3)}.container{max-width:1140px;margin:0 auto;padding:0 24px}.section{padding:96px 0;position:relative;z-index:1}@media (max-width:768px){.section{padding:64px 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-link{color:var(--text-dim);font-size:15px;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:var(--surface)}.free-pill{border:1.5px solid transparent;background-image:linear-gradient(var(--card-fill),var(--card-fill)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));background-origin:border-box;background-clip:padding-box,border-box;transition:transform .18s ease,box-shadow .18s ease,color .18s ease}.free-pill:hover{background-image:linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(124,92,255,.3)}body,html{overflow-x:clip;max-width:100%}*{min-width:0}h1,h2,h3,p{overflow-wrap:break-word;word-wrap:break-word}.content-prose h1{font-size:clamp(28px,5vw,40px);font-weight:800;margin:0 0 20px;line-height:1.15}.content-prose h2{font-size:24px;font-weight:700;margin:36px 0 14px}.content-prose h3{font-size:19px;font-weight:700;margin:28px 0 10px}.content-prose p{font-size:16px;line-height:1.8;color:var(--text-dim);margin:0 0 16px}.content-prose ol,.content-prose ul{padding-left:22px;margin:0 0 16px;color:var(--text-dim);line-height:1.9}.content-prose a{color:var(--grad-1);text-decoration:underline}.content-prose strong{color:var(--text)}.content-prose code{background:var(--bg-soft);padding:2px 6px;border-radius:6px;font-size:14px}.tool-card{border:1.5px solid transparent;border-radius:var(--radius);background-image:linear-gradient(var(--card-fill),var(--card-fill)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));background-origin:border-box;background-clip:padding-box,border-box;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.tool-card-link:hover{background-image:linear-gradient(rgba(124,92,255,.06),rgba(124,92,255,.06)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));transform:translateY(-4px);box-shadow:0 8px 24px rgba(124,92,255,.22)}.tool-card-soft{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px}.combo-card{border:1.5px solid transparent;background-image:linear-gradient(var(--card-fill),var(--card-fill)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));background-origin:border-box;background-clip:padding-box,border-box;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.combo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(124,92,255,.28)}.btn-grad-pill{border:1.5px solid transparent;border-radius:999px;color:var(--text);background-image:linear-gradient(var(--card-fill),var(--card-fill)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));background-origin:border-box;background-clip:padding-box,border-box;transition:transform .18s ease,box-shadow .18s ease,color .18s ease}.btn-grad-pill:hover{background-image:linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3));color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(124,92,255,.3)}.tool-search{border:1.5px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;transition:box-shadow .18s ease,background-image .18s ease}.tool-search,.tool-search:focus{background-image:linear-gradient(var(--card-fill),var(--card-fill)),linear-gradient(120deg,var(--grad-1),var(--grad-2),var(--grad-3))}.tool-search:focus{outline:none;box-shadow:0 0 0 3px rgba(124,92,255,.18)}.tool-search::placeholder{color:var(--text-dim)}