/* 全站工具页皮肤：蓝色主调，覆盖旧蓝紫英雄条 */

/* —— 公共壳 —— */
.ai-tool-sidebar-group {
  border-color: var(--hf-line) !important;
  box-shadow: var(--hf-shadow-sm) !important;
  border-radius: var(--hf-radius) !important;
}

.ai-tool-sidebar-title {
  color: var(--hf-ink) !important;
  border-bottom-color: var(--hf-line) !important;
  font-family: var(--hf-display);
}

.ai-tool-sidebar-link:hover {
  background: var(--hf-accent-soft) !important;
  color: var(--hf-accent-ink) !important;
}

.ai-tool-sidebar-link.is-active {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.12), transparent) !important;
  color: var(--hf-accent-ink) !important;
  box-shadow: inset 3px 0 0 var(--hf-accent) !important;
}

.ai-tool-h1 {
  font-family: var(--hf-display) !important;
  color: var(--hf-ink) !important;
}

.ai-tool-layout {
  padding: 20px 20px 40px !important;
  gap: 20px !important;
}

.ai-tool-card,
.ai-tool-card--legacy {
  background: var(--hf-surface-elevated);
  border: 1px solid var(--hf-line);
  border-radius: var(--hf-radius);
  box-shadow: var(--hf-shadow-sm);
}

/* —— AI 翻译英雄 → 轻量纸面页头 —— */
.translate-hero,
.texttranslate-hero,
.emailtranslate-hero,
.email-trans-hero,
.doctranslate-hero,
.imagetranslate-hero {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12) 0%, rgba(30, 58, 138, 0.1) 50%, rgba(232, 238, 248, 0.95) 100%) !important;
  color: var(--hf-ink) !important;
  box-shadow: none !important;
  border: 1px solid var(--hf-line) !important;
}

.translate-hero-title,
.texttranslate-hero-title,
.emailtranslate-hero-title,
.email-trans-hero-title,
.doctranslate-hero-title {
  color: var(--hf-ink) !important;
  font-family: var(--hf-display) !important;
}

.translate-hero-desc,
.texttranslate-hero-desc,
.email-trans-hero-desc {
  color: var(--hf-muted) !important;
  opacity: 1 !important;
}

.email-trans-hero-tags span {
  background: var(--hf-surface-elevated) !important;
  border-color: var(--hf-line) !important;
  color: var(--hf-ink-soft) !important;
}

.translate-hero-badge,
.texttranslate-hero-badge,
.translate-metric {
  background: var(--hf-surface-elevated) !important;
  border-color: var(--hf-line) !important;
  color: var(--hf-ink-soft) !important;
}

.translate-hero-dot,
.texttranslate-hero-dot {
  background: var(--hf-accent) !important;
  box-shadow: 0 0 8px rgba(37, 99, 235, 0.45) !important;
}

.translate-mode-tab.is-active,
.translate-chip.is-active,
.translate-sample-btn:hover,
.translate-btn-primary,
.texttranslate-lang-tab.is-active {
  background: var(--hf-accent) !important;
  border-color: var(--hf-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.translate-btn-primary {
  background: linear-gradient(135deg, #2563eb 0%, #1e3a8a 100%) !important;
}

.translate-panel,
.texttranslate-panel {
  border-color: var(--hf-line) !important;
  border-radius: var(--hf-radius) !important;
  box-shadow: var(--hf-shadow-sm) !important;
}

.ai-tool-page:has(.translate-page-content) .ai-tool-sidebar-link.is-active,
.ai-tool-page:has(.texttranslate-page-content) .ai-tool-sidebar-link.is-active {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.12), transparent) !important;
  color: var(--hf-accent-ink) !important;
  box-shadow: inset 3px 0 0 var(--hf-accent) !important;
}

/* 通用按钮/链接蓝 → 青绿 */
.bout-aifanyi .translate-btn-primary:hover,
.head-login-btn {
  background: var(--hf-accent) !important;
}

/* PDF / 办公上传区常见主色 */
.filePicker .btn-primary,
.midbox .btn-primary,
.ai-tool-page .btn-primary,
.ICbox1 .btn,
.koutu-mail .btn-primary {
  background-color: var(--hf-accent) !important;
  border-color: var(--hf-accent) !important;
}

.ai-tool-page a:hover {
  color: var(--hf-accent) !important;
}

/* 文档/邮件/图片翻译页头 */
.emailtranslate-hero,
.doctranslate-hero,
.imagetranslate-hero,
.zimufanyi-hero,
[class*="-hero"]:is(.emailtranslate-hero, .doctranslate-hero) {
  border-radius: var(--hf-radius) !important;
}

/* 字幕 / 图片翻译面板 */
.zimufanyi .midbox,
.imagetranslate-workspace,
.doctranslate-workspace,
.emailtranslate-workspace {
  border-radius: var(--hf-radius);
}

/* PDF 工具主按钮与进度条 */
.pdf-tool-actions .btn,
.pdftoword-page .btn-primary,
.wordtopdf-page .btn-primary,
.pdfconvert-page .btn-primary,
.imgconvert-page .btn-primary {
  background: var(--hf-accent) !important;
  border-color: var(--hf-accent) !important;
}

/* 图像工具强调色 */
.renxiangkoutu-page .btn-primary,
.wupinkoutu-page .btn-primary,
.idphoto-page .btn-primary,
.productimage-page .btn-primary,
.imggenerations-page .btn-primary {
  background: var(--hf-accent) !important;
  border-color: var(--hf-accent) !important;
}