/* ========================================
   清爽风格强制覆盖层 - 用于所有旧页面
   彻底解决：紫色背景+蓝字看不清问题
   ======================================== */

/* 1. 强制白底 */
body, #app, .container, .page, .main, .content, .wrapper {
  background: #F5F7FA !important;
  color: #1D2129 !important;
}

/* 2. 白色卡片 */
.card, .panel, .section, .box, .result-card, .upload-area,
.tool-card, .feature-card, .promo-card, .cross-promo {
  background: #FFFFFF !important;
  color: #1D2129 !important;
  border: 1px solid #E5E6EB !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* 3. 标题文字 */
h1, h2, h3, h4, h5, h6, .title, .subtitle, .header h1 {
  color: #1D2129 !important;
}

/* 4. 普通文字 */
p, span, div, label, li {
  color: inherit !important;
}

/* 5. ★★ 最关键：推荐卡片 - 白色背景+蓝色文字 ★★ */
.cross-promo {
  background: #FFFFFF !important;
  color: #1D2129 !important;
  border: 1px solid #E5E6EB !important;
}
.cross-promo-title {
  color: #1D2129 !important;
  font-weight: 600;
}
.cross-promo-link {
  background: #F5F7FA !important;
  color: #165DFF !important;
  border: 1px solid #D0D7E0 !important;
}

/* 6. 按钮颜色 */
button, .btn, .button {
  background: #165DFF !important;
  color: #FFFFFF !important;
  border-color: #165DFF !important;
}
button.secondary, .btn.secondary,
.upload-btn.secondary {
  background: #FFFFFF !important;
  color: #165DFF !important;
  border: 1.5px solid #165DFF !important;
}

/* 7. 隐藏深色粒子背景 */
#particles, .particles, .particle-bg, .starfield,
.neo-bg-glow, .starry, .tech-scan, .tech-hud, .t-dataline {
  display: none !important;
}

/* 8. 链接颜色 */
a, a:link, a:visited {
  color: #165DFF !important;
}

/* 9. 输入框 */
input, textarea, select {
  background: #FFFFFF !important;
  color: #1D2129 !important;
  border: 1px solid #E5E6EB !important;
}

/* 10. 滑动条 */
.slider {
  background: #E5E6EB !important;
}
.slider::-webkit-slider-thumb {
  background: #165DFF !important;
}

/* 11. 免责声明 */
.disclaimer, .global-disclaimer {
  background: transparent !important;
  color: #86909C !important;
}

/* 12. Toast提示 */
.lh-toast {
  background: rgba(0,0,0,0.75) !important;
  color: #FFFFFF !important;
}

/* 13. 底部FAB按钮 - 转为圆形图标按钮 */
.lh-fab {
  background: #165DFF !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(22,93,255,0.3) !important;
}
.lh-fab.gzh {
  background: #F5F7FA !important;
  color: #165DFF !important;
  border: 1.5px solid #165DFF !important;
}

/* 14. 模态框 */
.lh-modal-box, .lh-landing-box, .overlay-box,
.perm-modal-content, .upload-modal-content {
  background: #FFFFFF !important;
  color: #1D2129 !important;
  border: 1px solid #E5E6EB !important;
}