.scripts-page .ai-analyze-card.el-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(69, 181, 255, 0.28) !important;
  border-left: 1px solid rgba(69, 181, 255, 0.28) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(10, 28, 52, 0.94), rgba(6, 14, 28, 0.96) 56%, rgba(11, 34, 52, 0.88)),
    rgba(5, 12, 25, 0.96) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.scripts-page .ai-analyze-card.el-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #22d3ee, #f8c24d);
  opacity: 0.95;
}

.scripts-page .ai-analyze-card .el-card__header {
  min-height: 64px;
  padding: 0 22px !important;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(80, 165, 230, 0.18) !important;
  background: rgba(10, 31, 55, 0.45);
}

.scripts-page .ai-analyze-card .el-card__header span {
  color: #f4f8ff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.scripts-page .ai-analyze-card .el-card__header .el-icon {
  color: #f8c24d !important;
  filter: drop-shadow(0 0 10px rgba(248, 194, 77, 0.25));
}

.scripts-page .ai-analyze-card .el-card__body {
  padding: 20px 22px 22px !important;
}

.scripts-page .ai-analyze-card .el-card__body > p {
  margin: 0 0 14px !important;
  color: rgba(184, 211, 238, 0.78) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.scripts-page .ai-analyze-card .el-input__wrapper {
  min-height: 42px;
  border-color: rgba(66, 185, 235, 0.28) !important;
  background: rgba(3, 12, 26, 0.78) !important;
}

.scripts-page .ai-analyze-card .el-input__wrapper.is-focus,
.scripts-page .ai-analyze-card .el-input__wrapper:hover {
  border-color: rgba(69, 181, 255, 0.62) !important;
  box-shadow: 0 0 0 2px rgba(69, 181, 255, 0.12) !important;
}

.scripts-page .ai-analyze-card .el-button--primary {
  min-height: 40px;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(36, 156, 255, 0.22) !important;
}

.scripts-page .ai-analyze-card .el-alert {
  min-height: 44px;
  border: 1px solid rgba(248, 194, 77, 0.28) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(248, 194, 77, 0.13), rgba(34, 211, 238, 0.07)),
    rgba(7, 18, 35, 0.95) !important;
  color: #f6d27a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.scripts-page .ai-analyze-card .el-alert--success {
  border-color: rgba(34, 211, 238, 0.28) !important;
  background:
    linear-gradient(90deg, rgba(34, 211, 238, 0.13), rgba(96, 165, 250, 0.07)),
    rgba(7, 18, 35, 0.95) !important;
  color: #9ee9ff !important;
}

.scripts-page .ai-analyze-card .el-alert__title {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.scripts-page .ai-analyze-card .el-alert__icon {
  color: currentColor !important;
}

.scripts-page .ai-fallback-card,
.scripts-page .ai-highlight-block {
  position: relative;
  margin-top: 16px !important;
  padding: 0 !important;
  overflow: hidden;
  text-align: left !important;
  border: 1px solid rgba(69, 181, 255, 0.25) !important;
  border-left: 1px solid rgba(69, 181, 255, 0.25) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(140deg, rgba(9, 25, 48, 0.98), rgba(9, 18, 36, 0.98) 55%, rgba(13, 42, 60, 0.9)),
    #071426 !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.scripts-page .ai-fallback-card::before,
.scripts-page .ai-highlight-block::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #f8c24d, #22d3ee 48%, rgba(96, 165, 250, 0));
}

.scripts-page .ai-fallback-header,
.scripts-page .ai-highlight-header {
  min-height: 56px;
  margin: 0 !important;
  padding: 16px 20px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(80, 165, 230, 0.15);
  background: rgba(4, 14, 29, 0.42);
}

.scripts-page .ai-fallback-header .el-tag,
.scripts-page .ai-highlight-header .el-tag {
  height: 26px !important;
  padding: 0 10px !important;
  border-color: rgba(248, 194, 77, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(248, 194, 77, 0.12) !important;
  color: #ffd166 !important;
  font-weight: 800 !important;
}

.scripts-page .ai-disclaimer,
.scripts-page .ai-highlight-subtitle {
  color: rgba(181, 205, 232, 0.68) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.scripts-page .ai-fallback-content,
.scripts-page .ai-highlight-body,
.scripts-page .ai-script {
  color: rgba(239, 247, 255, 0.92) !important;
  white-space: pre-wrap !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

.scripts-page .ai-fallback-content,
.scripts-page .ai-highlight-body {
  padding: 18px 20px 20px !important;
  background: rgba(3, 11, 24, 0.34);
}

.scripts-page .ai-fallback-content > div:not(.md-content),
.scripts-page .ai-thinking-section {
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(248, 194, 77, 0.2) !important;
  border-radius: 10px !important;
  background: rgba(248, 194, 77, 0.08) !important;
  color: rgba(255, 229, 160, 0.9) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

.scripts-page .ai-thinking-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  color: #ffd166;
  font-weight: 800;
}

.scripts-page .ai-thinking-icon {
  display: none;
}

.scripts-page .ai-thinking-title {
  font-size: 12px;
}

.scripts-page .ai-thinking-badge {
  margin-left: auto;
  padding: 2px 7px;
  border: 1px solid rgba(248, 194, 77, 0.24);
  border-radius: 999px;
  color: rgba(255, 229, 160, 0.8);
  font-size: 11px;
  font-weight: 700;
}

.scripts-page .ai-thinking-body {
  color: rgba(255, 236, 187, 0.86) !important;
}

.scripts-page .ai-fallback-content p,
.scripts-page .ai-highlight-body p,
.scripts-page .ai-fallback-content .md-content p {
  margin: 0 0 10px !important;
}

.scripts-page .ai-fallback-content p:last-child,
.scripts-page .ai-highlight-body p:last-child,
.scripts-page .ai-fallback-content .md-content p:last-child {
  margin-bottom: 0 !important;
}

.scripts-page .ai-analyze-script-item {
  margin: 12px 0;
  padding: 14px 16px;
  border: 1px solid rgba(69, 181, 255, 0.18);
  border-radius: 12px;
  background: rgba(4, 14, 29, 0.58);
}

.scripts-page .ai-analyze-script-item strong {
  color: #f4f8ff;
}

.scripts-page .ai-analyze-script-item p {
  margin: 8px 0 0 !important;
  color: rgba(196, 216, 238, 0.82) !important;
}

.scripts-page .empty-text .ai-fallback-card,
.scripts-page .empty-text .ai-highlight-block {
  max-width: none;
  color: rgba(239, 247, 255, 0.92) !important;
}

@media (max-width: 820px) {
  .scripts-page .ai-analyze-card .el-card__body {
    padding: 16px !important;
  }

  .scripts-page .ai-analyze-card .el-card__body > div:first-of-type {
    flex-direction: column;
    align-items: stretch;
  }

  .scripts-page .ai-fallback-header,
  .scripts-page .ai-highlight-header {
    flex-wrap: wrap;
    min-height: auto;
    padding: 14px 16px 10px !important;
  }

  .scripts-page .ai-fallback-content,
  .scripts-page .ai-highlight-body {
    padding: 16px !important;
  }
}