/* * css/amzstyle.css
 * AmzGen Hub 独立样式表
 * 作用域：仅限于 amz_hub 面板内部，所有类名均带 amz_ 前缀
 */

/* =========================================
   1. 图表容器与布局
   ========================================= */
.amz_chart-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  height: 350px;
  max-height: 400px;
}

/* =========================================
   2. 交互与动画
   ========================================= */
/* Tab 内容隐藏与显示逻辑 */
.amz_tab-content {
  display: none;
  /* 仅在显示时触发淡入动画 */
  animation: amz_fadeIn 0.3s ease-in-out;
}

.amz_tab-content.active {
  display: block;
}

/* 淡入动画关键帧 */
@keyframes amz_fadeIn {
  from { 
    opacity: 0; 
    transform: translateY(10px); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

/* 卡片悬浮提升效果 */
.amz_card-hover {
  transition: all 0.3s ease;
}

.amz_card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* =========================================
   3. 内部导航状态
   ========================================= */
/* 内部二级导航按钮的激活态 */
/* 激活状态：蓝紫色渐变，白色文字，带阴影 */
/* 使用 !important 覆盖 JS 可能添加的 bg-slate-700 类 */
.amz_nav-btn.active, 
.amz_active_tab {
  background: linear-gradient(135deg, #2563eb 0%, #9333ea 100%) !important; /* Blue-600 to Purple-600 */
  color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.3);
}

/* =========================================
   4. 工具类
   ========================================= */
/* 隐藏滚动条 (用于横向滚动的容器等) */
.amz_no-scrollbar::-webkit-scrollbar {
  display: none;
}

.amz_no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/* =========================================
   3. 内部导航状态 (配色优化版)
   ========================================= */

/* 悬浮时的微动效 */
.amz_nav-btn:hover:not(.active) {
    transform: translateY(-1px);
}