/* 容器基础样式 */
.plugin-intro-wrapper {
  padding: 24px;
  background-color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 标题栏布局 */
.plugin-intro-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  cursor: default;
}

/* 琥珀色星星图标 */
.intro-star {
  width: 24px;
  height: 24px;
  color: #f59e0b; /* amber-500 */
  filter: drop-shadow(0 0 10px rgba(245, 158, 11, 0.2));
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 标题文本 */
.intro-title {
  font-size: 20px;
  font-weight: 700;
  color: #1c1917; /* stone-900 */
  letter-spacing: -0.025em;
}

/* 悬浮标题时星星的微动效 */
.plugin-intro-header:hover .intro-star {
  transform: rotate(15deg) scale(1.15);
}

/* 内容卡片 */
.plugin-intro-card {
  position: relative;
  padding: 32px;
  background-color: #fafaf9; /* stone-50 */
  border: 1px solid rgba(231, 229, 228, 0.6); /* stone-200 with alpha */
  border-radius: 24px; /* 大圆角增加呼吸感 */
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 卡片内的文字排版 */
.plugin-intro-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #57534e; /* stone-600 */
}

/* 强调文字（插件名） */
.plugin-intro-card p strong {
  color: #1c1917; /* stone-900 */
  font-weight: 600;
  margin-right: 4px;
}

/* 卡片悬浮状态：上浮、变白、阴影增强、边框变亮 */
.plugin-intro-card:hover {
  background-color: #ffffff;
  transform: translateY(-4px);
  border-color: rgba(245, 158, 11, 0.25); /* 琥珀色微光边框 */
  box-shadow:
          0 4px 6px -1px rgba(0, 0, 0, 0.02),
          0 20px 40px -12px rgba(0, 0, 0, 0.06); /* 极其柔和的多层阴影 */
}

/* 卡片底层装饰（可选，增加更细腻的背景渐变感） */
.plugin-intro-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(to right, #fff7ed, #fffbeb);
  border-radius: 25px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.plugin-intro-card:hover::before {
  opacity: 1;
}