/* 自定义工具类 */
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .transition-custom {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .bg-gradient-primary {
    background: linear-gradient(135deg, #165DFF 0%, #0E42D2 100%);
  }
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* 转存结果区域样式调整 */
#link-results {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 结果列表容器 */
#result-list-container {
  flex: 1;
  overflow-y: auto;
  margin-bottom: 1rem;
}

/* 分页控件样式 */
#conversion-pagination {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
  text-align: center; /* 居中对齐 */
}

/* 分页控件中的按钮容器 */
.pagination-buttons {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

/* 资源标题样式 */
.resource-title {
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.25rem;
}

/* 动画效果 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }