/* 业资管家 · 全局动效增强层（common.css）
   原则：仅做 transition/animation/hover 反馈，不覆盖各页面已定义的颜色与布局。
   在各页面内嵌 <style> 之前加载，作为「基础层」，零业务风险。 */

/* 1. 页面载入淡入 */
body { animation: yzj-fade-in .3s ease; }
@keyframes yzj-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* 2. 按钮 hover/active 动效 */
.btn { transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  filter: brightness(1.04);
}
.btn:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: none;
  filter: none;
}

/* 3. 卡片 hover 阴影反馈 */
.card { transition: box-shadow .2s ease; }
.card:hover { box-shadow: 0 6px 20px rgba(14,165,233,.14); }

/* 4. 输入框 focus 高亮（青绿，与主色呼应） */
.form-control, .form-select { transition: border-color .15s ease, box-shadow .15s ease; }
.form-control:focus, .form-select:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 .2rem rgba(20,184,166,.14);
}

/* 5. 链接 hover 过渡 */
a { transition: color .15s ease, opacity .15s ease; }