/* 金蝶代理静态推广站 - 自定义样式（纯CSS，无构建步骤）
   配合 Tailwind CDN 使用，提供基础样式与自定义组件类 */

:root {
  --brand-50: #EAF1FF;
  --brand-100: #D1E0FF;
  --brand-200: #A3C0FF;
  --brand-300: #6E99FF;
  --brand-400: #3A78FF;
  --brand-500: #1A66FF;
  --brand-600: #0E4FD6;
  --brand-700: #0B3FA8;
  --brand-800: #0B2A6B;
  --brand-900: #081C47;
  --accent-500: #FF5A1F;
  --accent-600: #E04A12;
  --ink: #0F172A;
  --paper: #F8FAFC;
}

/* 字体与基础 */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: "Noto Sans SC", system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.7;
}
h1, h2, h3 { font-family: "Noto Serif SC", Georgia, serif; font-weight: 700; }

/* 全局放大加粗 Tailwind 小字号 */
.text-sm { font-size: 0.9375rem !important; font-weight: 500 !important; }
.text-xs { font-size: 0.8125rem !important; font-weight: 500 !important; }

/* 布局容器 */
.container-x { max-width: 80rem; margin: 0 auto; padding: 0 1rem; }
@media (min-width: 640px) { .container-x { padding: 0 1.5rem; } }
@media (min-width: 1024px) { .container-x { padding: 0 2rem; } }

/* 按钮 */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: .5rem; border-radius: 9999px; padding: .75rem 1.5rem;
  font-size: .875rem; font-weight: 600; text-decoration: none;
  transition: all .2s ease; cursor: pointer; border: none;
}
.btn-primary { background: var(--brand-500); color: #fff; }
.btn-primary:hover { background: var(--brand-600); box-shadow: 0 20px 50px -16px rgba(11,42,107,.32); transform: translateY(-1px); }
.btn-accent { background: var(--accent-500); color: #fff; }
.btn-accent:hover { background: var(--accent-600); box-shadow: 0 20px 50px -16px rgba(255,90,31,.32); transform: translateY(-1px); }
.btn-outline { border: 1px solid var(--brand-200); color: var(--brand-700); background: transparent; }
.btn-outline:hover { background: var(--brand-50); }

/* 卡片 */
.card { border-radius: 1rem; background: #fff; box-shadow: 0 10px 30px -12px rgba(11,42,107,.18); ring: 1px solid #F1F5F9; transition: all .3s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 50px -16px rgba(11,42,107,.32); }

/* 小标题前缀 */
.eyebrow { display: inline-flex; align-items: center; gap: .5rem; font-size: 1.125rem; font-weight: 600; letter-spacing: .08em; color: var(--brand-500); }

/* 悬浮咨询面板 */
.float-consult { position: fixed; right: 1rem; bottom: 1rem; z-index: 50; }
@media (max-width: 768px) { .float-consult { right: .5rem; bottom: .5rem; } }

/* QR 二维码容器（手机端长按识别） */
.qr-img { -webkit-user-select: all; user-select: all; }

/* 动画 */
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.animate-floaty { animation: floaty 4s ease-in-out infinite; }
@keyframes slideup { 0% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0); } }
.animate-slideup { animation: slideup .6s ease-out both; }

/* 懒加载占位 */
img[loading="lazy"] { background: var(--paper); }