/* shared/css/modules/aquaculture-techniques.css */

/* 特色技巧卡片样式 */
.featured-technique-card {
  border-radius: 15px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.featured-technique-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.featured-technique-card .card-img {
  object-fit: cover;
  min-height: 300px;
}

/* 技巧卡片样式 */
.technique-card {
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.technique-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  border-color: #007bff;
}

.technique-card .card-img-top {
  transition: transform 0.5s ease;
}

.technique-card:hover .card-img-top {
  transform: scale(1.05);
}

/* 侧边栏样式 */
.sidebar-card {
  border-radius: 10px;
  border: 1px solid #e9ecef;
}

.sidebar-card .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  border-radius: 10px 10px 0 0 !important;
}

.list-group-item {
  border: none;
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.2s ease;
}

.list-group-item:last-child {
  border-bottom: none;
}

.list-group-item:hover {
  background-color: #f8f9fa;
  padding-left: 1.5rem;
}

.list-group-item.active {
  background-color: #007bff;
  border-color: #007bff;
}

/* 快速导航样式 */
.heading-anchor {
  opacity: 0;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

h2:hover .heading-anchor,
h3:hover .heading-anchor,
h4:hover .heading-anchor {
  opacity: 1;
}

/* 检查清单样式 */
.checklist-card {
  border: 2px solid #dee2e6;
  border-radius: 10px;
  overflow: hidden;
}

.checklist-card .card-header {
  border-radius: 0;
}

.form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* 阅读进度条动画 */
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(10px); }
  15% { opacity: 1; transform: translateY(0); }
  85% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(10px); }
}

.toast-alert {
  animation: fadeInOut 2.5s ease-in-out;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .featured-technique-card .row {
    flex-direction: column;
  }
  
  .featured-technique-card .col-md-6 {
    width: 100%;
  }
  
  .featured-technique-card .card-img {
    min-height: 200px;
  }
  
  .technique-card {
    margin-bottom: 1.5rem;
  }
}

/* 文本截断工具类 */
.truncate-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}