@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.affiliate-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:1.5rem;border-radius:12px;margin:2rem auto 3rem;max-width:1200px;box-shadow:0 4px 12px #f59e0b26}.affiliate-banner-content{display:flex;align-items:center;gap:1rem}.affiliate-banner-icon{font-size:2rem;flex-shrink:0}.affiliate-banner-text{font-size:.95rem;color:#92400e;line-height:1.6}.category-tabs{max-width:1200px;margin:3rem auto;padding:0 1rem}.category-tabs-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:3rem}.category-tab-btn{padding:1.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 2px 8px #0000000d}.category-tab-btn:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 16px #10b98126}.category-tab-btn.active{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;color:#fff;box-shadow:0 6px 20px #10b9814d}.category-tab-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.category-tab-icon img{width:80px;height:80px;object-fit:contain;margin:0 auto;display:block}.category-tab-name{font-size:1.25rem;font-weight:700;display:block;margin-bottom:.25rem}.category-tab-desc{font-size:.875rem;opacity:.8;display:block}.category-tab-btn.active .category-tab-desc{opacity:.95}.category-content{display:none;animation:fadeIn .5s ease-out}.category-content.active{display:block}.category-section-title{font-size:2rem;font-weight:800;color:#1f2937;margin:3rem 0 2rem;padding-bottom:1rem;border-bottom:3px solid #10b981}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.tool-card{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.tool-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #05966933;border-color:#10b981}.tool-card-image-wrapper{position:relative;width:100%;height:280px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.tool-card-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .4s ease}.tool-card:hover .tool-card-image{transform:scale(1.05)}.tool-card-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem;opacity:.3}.tool-card-price-ribbon{position:absolute;top:20px;right:-10px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #05966966;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 50%);padding:.5rem 1.5rem .5rem 2rem}.tool-card-content{padding:1.5rem}.tool-card-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.tool-card-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.tool-card-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.tool-btn{flex:1;min-width:130px;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;text-align:center;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #0000001a}.tool-btn-rakuten{background:linear-gradient(135deg,#bf0000,#e60000);color:#fff}.tool-btn-rakuten:hover{background:linear-gradient(135deg,#a00000,#bf0000);transform:translateY(-2px);box-shadow:0 6px 16px #bf00004d}.tool-btn-amazon{background:linear-gradient(135deg,#f90,#ffb84d);color:#232f3e}.tool-btn-amazon:hover{background:linear-gradient(135deg,#e68a00,#f90);transform:translateY(-2px);box-shadow:0 6px 16px #ff99004d}.tool-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(1)}@media(max-width:768px){.category-tabs-nav,.tools-grid{grid-template-columns:1fr}}
