/* ============================================
   龙慧云 H5 - 深空卡片色块覆盖 (2026-07-18)
   统一各工具页面卡片为深空玻璃拟态风格
   ============================================ */

/* === 所有卡片色块：深空玻璃拟态 === */
.card,
.score-card, .desc-card, .dim-card,
.beauty-card, .celeb-card,
.perm-modal-content, .upload-modal-content, .ad-modal-content,
.cross-promo, .result-card,
.section-card, .dimension-card {
  background: #FFFFFF !important;
  !important;
  -webkit-!important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  color: #1F2937 !important;
  border-radius: 14px !important;
}

/* === 卡片内文字：浅色清晰 === */
.card *,
.score-card *, .desc-card *, .dim-card *,
.beauty-card *, .celeb-card *,
.perm-modal-content *, .upload-modal-content *, .ad-modal-content *,
.cross-promo *,
.card-name, .dim-card-name, .beauty-card .dim-name,
.score-label, .score-num, .score-unit, .score-rank,
.celeb-label, .celeb-name,
.section-title, .dim-name, .dim-score,
.desc-card, .beauty-card-detail,
.perm-modal-title, .perm-modal-desc {
  color: #1F2937 !important;
}

/* === 分数高亮：霓虹青渐变 === */
.score-num, .dim-score {
  background: linear-gradient(135deg, #2563EB 0%, #2563EB 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-weight: 800 !important;
}

/* === 排名标签：霓虹边框 === */
.score-rank {
  display: inline-block !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  border: 1px solid #DBEAFE !important;
  background: #EFF6FF !important;
  text-shadow: 0 0 8px #DBEAFE !important;
}

/* === 星级评分：金色发光 === */
.stars, .star-rating {
  color: #2563EB !important;
  text-shadow: 0 0 8px none !important;
}

/* === 维度图标：霓虹发光 === */
.dim-icon, .card-icon {
  filter: drop-shadow(0 0 10px #DBEAFE) !important;
}

/* === 模态框背景：深空 === */
.perm-modal-content, .upload-modal-content, .ad-modal-content {
  background: rgba(10, 14, 35, 0.95) !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 0 40px rgba(0, 240, 255, 0.12), 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

/* === 跨推广卡片 === */
.cross-promo {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.08), rgba(22,93,255, 0.06)) !important;
  border: 1px solid #E5E7EB !important;
}

/* === 结果卡片左边发光条 === */
.result-card, .score-card {
  position: relative !important;
  overflow: hidden !important;
}

.result-card::before, .score-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #2563EB, #2563EB) !important;
}