/* 导航链接样式 */
.nav-link {
  padding: 0.5rem 1rem; /* px-4 py-2 */
  color: #374151; /* text-gray-700 */
  transition: color 300ms ease; /* transition-colors duration-300 */
}
.nav-link:hover {
  color: #165DFF; /* hover:text-primary - 主色可自行修改 */
}

/* 主按钮样式 */
.btn-primary {
  background-color: #165DFF; /* bg-primary - 主色可自行修改 */
  color: #ffffff; /* text-white */
  padding: 0.75rem 1.5rem; /* px-6 py-3 */
  border-radius: 0.5rem; /* rounded-lg */
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-md */
  transition: all 300ms ease; /* transition-all duration-300 */
}
.btn-primary:hover {
  background-color: rgba(22, 93, 255, 0.9); /* hover:bg-primary/90 */
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* hover:shadow-lg */
}

/* 区块标题样式 */
.section-title {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  text-align: center; /* text-center */
  margin-bottom: 1rem; /* mb-4 */
}
/* 适配大屏（md: 768px 及以上） */
@media (min-width: 768px) {
  .section-title {
    font-size: 2.25rem; /* md:text-4xl */
  }
}

/* 区块副标题样式 */
.section-subtitle {
  color: #4b5563; /* text-gray-600 */
  text-align: center; /* text-center */
  margin-bottom: 3rem; /* mb-12 */
  max-width: 42rem; /* max-w-2xl */
  margin-left: auto; /* mx-auto */
  margin-right: auto; /* mx-auto */
}

/* 案例卡片样式 */
.case-card {
  background-color: #ffffff; /* bg-white */
  border-radius: 1rem; /* rounded-2xl */
  overflow: hidden; /* overflow-hidden */
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
  transition: all 500ms ease; /* transition-all duration-500 */
  transform: translate(0, 0); /* 初始位置，配合 hover 效果 */
}
.case-card:hover {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); /* hover:shadow-2xl */
  transform: translateY(-0.5rem); /* hover:-translate-y-2 */
}

/* 筛选按钮基础样式 */
.filter-btn {
  padding: 0.625rem 1.5rem; /* px-6 py-2.5 */
  border-radius: 9999px; /* rounded-full */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  transition: all 300ms ease; /* transition-all duration-300 */
  border-width: 2px; /* border-2 */
  border-style: solid;
}
/* 筛选按钮激活状态 */
.filter-btn.active {
  background-color: #165DFF; /* bg-primary */
  color: #ffffff; /* text-white */
  border-color: #165DFF; /* border-primary */
}
/* 筛选按钮非激活状态 */
.filter-btn:not(.active) {
  background-color: #ffffff; /* bg-white */
  color: #4b5563; /* text-gray-600 */
  border-color: #e5e7eb; /* border-gray-200 */
}
.filter-btn:not(.active):hover {
  border-color: #165DFF; /* hover:border-primary */
  color: #165DFF; /* hover:text-primary */
}

/* 头部滚动样式 */
.header-scrolled {
  background-color: rgba(255, 255, 255, 0.95); /* bg-white/95 */
  backdrop-filter: blur(0.125rem); /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(0.125rem); /* 兼容 Chrome/Safari */
}

/* 页面过渡动画 */
.page-transition {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 图片懒加载占位 */
.img-placeholder {
    background-color: #f3f4f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e5e7eb' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* 导航栏滚动效果 */
.header-scrolled {
    @apply bg-white/95 backdrop-blur-sm;
}

/* 响应式iframe（地图等） */
.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 搜索输入框 */
.search-input {
  flex: 1;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  outline: none;
  transition: all 0.3s ease;
}
.search-input:focus {
  border-color: #165DFF;
  box-shadow: 0 0 0 1px #165DFF;
}

/* 搜索按钮 */
.search-btn {
  background-color: #165DFF;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  margin-left: 0.5rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  border: none;
  cursor: pointer;
}
.search-btn:hover {
  background-color: rgba(22, 93, 255, 0.9);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.btn-secondary {
  background-color: #ffffff;
  color: #165DFF;
  border: 1px solid #165DFF;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  cursor: pointer;
}
.btn-secondary:hover {
  background-color: rgba(22, 93, 255, 0.05);
}
.prose p{
    margin-bottom:1rem;
}