.page-content[data-v-2b6343d6]{padding-top:90px}.blog-header[data-v-2b6343d6]{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;padding:50px 30px;position:relative;text-align:center}.blog-header[data-v-2b6343d6]:before{background:radial-gradient(circle,hsla(0,0%,100%,.03) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.header-content[data-v-2b6343d6]{position:relative;z-index:1}.header-content h1[data-v-2b6343d6]{color:#fff;font-size:42px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px;transition:font-size .3s ease}.gradient-text[data-v-2b6343d6]{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;-webkit-text-fill-color:transparent;animation:gradientShift-2b6343d6 4s ease infinite}@keyframes gradientShift-2b6343d6{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header-content p[data-v-2b6343d6]{color:#ffffffb3;font-size:18px;font-weight:400;margin:0;transition:font-size .3s ease}.blog-main[data-v-2b6343d6]{display:grid;gap:30px;grid-template-columns:260px 1fr;margin:0 auto;max-width:1400px;padding:30px 30px 50px}.blog-sidebar[data-v-2b6343d6]{height:-moz-fit-content;height:fit-content;position:sticky;top:110px}.sidebar-section[data-v-2b6343d6]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:20px}.sidebar-section h3[data-v-2b6343d6]{align-items:center;border-bottom:1px solid #e5e5e5;color:#1d1d1f;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.sidebar-section h3[data-v-2b6343d6] [class*=i-]{color:#0071e3}.category-list[data-v-2b6343d6]{display:flex;flex-direction:column;gap:4px}.category-btn[data-v-2b6343d6]{align-items:center;background:transparent;border:none;border-radius:10px;color:#515154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.category-btn[data-v-2b6343d6]:hover{background:#f5f5f7;color:#1d1d1f}.category-btn.active[data-v-2b6343d6]{background:#0071e3;color:#fff}.category-btn.active[data-v-2b6343d6] [class*=i-]{color:#fff}.category-btn[data-v-2b6343d6] [class*=i-]{color:#86868b;font-size:16px;transition:color .2s ease}.tools-section[data-v-2b6343d6]{min-height:400px}.loading-container[data-v-2b6343d6]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:30px}.empty-text[data-v-2b6343d6],.error-text[data-v-2b6343d6]{color:#86868b;font-size:14px;text-align:center}.tools-grid[data-v-2b6343d6]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tool-card[data-v-2b6343d6]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a;cursor:pointer;overflow:hidden;transition:all .3s ease}.tool-card[data-v-2b6343d6]:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.card-image-wrapper[data-v-2b6343d6]{background:#f5f5f7;height:160px;overflow:hidden;position:relative}.card-image-wrapper img[data-v-2b6343d6]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.tool-card:hover .card-image-wrapper img[data-v-2b6343d6]{transform:scale(1.05)}.img-placeholder[data-v-2b6343d6]{align-items:center;color:#c7c7cc;display:flex;font-size:32px;height:100%;justify-content:center;width:100%}.card-info[data-v-2b6343d6]{padding:16px}.card-info h3[data-v-2b6343d6]{color:#1d1d1f;font-size:17px;font-weight:600;letter-spacing:-.2px;margin:0 0 8px}.card-desc[data-v-2b6343d6]{color:#86868b;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.5;margin:0 0 14px;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-2b6343d6]{align-items:center;display:flex;justify-content:space-between}.category-tag[data-v-2b6343d6]{background:#f5f5f7;border-radius:6px;color:#515154;font-size:12px;font-weight:500;padding:4px 10px}.publish-date[data-v-2b6343d6]{align-items:center;color:#86868b;display:flex;font-size:12px;gap:4px}@media(max-width:1024px){.blog-main[data-v-2b6343d6]{grid-template-columns:1fr}.blog-sidebar[data-v-2b6343d6]{position:static}.category-list[data-v-2b6343d6]{flex-direction:row;flex-wrap:wrap}.category-btn[data-v-2b6343d6]{width:auto}}@media(max-width:768px){.page-content[data-v-2b6343d6]{padding-top:80px}.blog-header[data-v-2b6343d6]{padding:40px 20px}.header-content h1[data-v-2b6343d6]{font-size:32px}.header-content p[data-v-2b6343d6]{font-size:16px}.blog-main[data-v-2b6343d6]{padding:20px 16px 40px}.tools-grid[data-v-2b6343d6]{grid-template-columns:1fr}}