/* ===== 浅黄色系主题 v2（高可读性&易用性）======
   用法：在 cite.css 之后引入本文件；不改动原文案与结构
   设计要点：
   - 背景为奶油浅黄，内容卡片保持白底，阅读对比度足够
   - 主色 Amber（#f59e0b），悬停/按压为 #d97706
   - 明确的焦点高亮（可键盘操作）
   - 表单边框与验证码区块融入黄系
================================================= */

:root{
  --ink:#0f172a;           /* 主文字 */
  --muted:#575d6a;         /* 次级文字，更深一点提升对比 */
  --bg:#fffdf7;            /* 页面底色：奶油浅黄 */
  --bg-alt:#fff7e0;        /* 分隔区块浅黄（比 v1 更实一点） */
  --brand:#f59e0b;         /* 主色 */
  --brand-600:#d97706;     /* 悬停/按压 */
  --border:#f1e7c8;        /* 浅黄边框 */
  --focus:#f59e0b;         /* 焦点可视化 */
  --card-bg:#ffffff;       /* 卡片保持白色，阅读更清楚 */
  --shadow:0 6px 18px rgba(146,64,14,.08);
}

/* 页面背景由蓝白 → 奶油黄渐变 */
.hero{
  background: linear-gradient(180deg, var(--bg) 0%, #fff3cc 100%) !important;
}

/* 顶部栏：浅黄玻璃感 */
.top{
  background: rgba(255, 248, 230, .88) !important;
  border-bottom: 1px solid var(--border) !important;
  backdrop-filter: saturate(180%) blur(10px);
}
.menu a{ color:#4b5563 !important; }
.menu a:hover{ color: var(--brand-600) !important; }

/* 语言按钮 */
.lang button{ border:1px solid var(--border) !important; background:#fffefa !important; }
.lang .on{ background:#111827 !important; color:#fff !important; }

/* 卡片/网格/徽章 */
.card{ border:1px solid var(--border) !important; background:var(--card-bg) !important; box-shadow:var(--shadow) !important; }
.kv .box{ border:1px solid var(--border) !important; background:#fffdfa !important; }
.badge{ background: rgba(245,158,11,.95) !important; }

/* 按钮 */
.btn{ border:1px solid var(--border) !important; background:#fff !important; }
.btn.primary{ background:var(--brand) !important; border-color:var(--brand) !important; color:#111827 !important; font-weight:700; }
.btn.primary:hover{ background:var(--brand-600) !important; border-color:var(--brand-600) !important; color:#fff !important; }
.btn.ghost{ background:#fff !important; border:1px solid var(--border) !important; color:#111827 !important; }
.btn.danger{ background:#e11d48 !important; color:#fff !important; border:none !important; }
.btn:focus-visible{ outline:3px solid color-mix(in oklab, var(--focus) 60%, white 40%); outline-offset:2px; }

/* 分隔区块（原先 #f8fafc 的地方统一替换为黄系） */
section[style*="background:#f8fafc"],
#factory, #certs, .section.alt{
  background: var(--bg-alt) !important;
}

/* 表单与验证码 */
.form-two-col input,
.form-two-col select,
.form-two-col textarea{
  border:1px solid #f3e8c5 !important;
  background:#fffef9 !important;
}
.form-two-col input:focus,
.form-two-col select:focus,
.form-two-col textarea:focus{
  border-color: var(--brand-600) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--focus) 40%, white 60%);
  outline: none;
}
.form-two-col .captcha-img{
  border-color:#f3e8c5 !important;
  background:#fff2c7 !important;
}

/* 轮播：按钮与指示点 */
.slider-nav{
  border:1px solid var(--border) !important;
  background: rgba(255,250,235,.92) !important;
  color:#7c2d12 !important;
}
.slider-nav:hover{ background:#fff3cb !important; }
.slider-dots button{ background:#fde68a !important; opacity:.95 }
.slider-dots button.on{ background:#f59e0b !important; }

/* FAQ（若已加） */
.faq-item{ border:1px solid var(--border) !important; background:#fffdfa !important; }
.faq-item>summary::after{ color:#d97706 !important; }
.faq-answer{ border-top:1px dashed #f1e7c8 !important; color:var(--muted) !important; }

/* 页脚 */
.footer{
  background:#fffdf8 !important;
  border-top:1px solid var(--border) !important;
  color:#6b7280 !important;
}

/* 链接悬停与标题色保持清晰 */
a:hover{ color: var(--brand-600) !important; }
.h2, .hero h1{ color:#0f172a !important; }

/* 轻微交互提升 */
.card:hover{ transform: translateY(-1px); transition: transform .2s ease; }