/* 淘梦新电商研究院 - 公共样式表 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
html { scroll-behavior: smooth; }

.btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  border-radius: 9999px; background: #0088cc; padding: .75rem 1.5rem;
  font-size: .875rem; font-weight: 600; color: #fff; box-shadow: 0 4px 14px rgba(0,136,204,.2);
  transition: all .2s;
}
.btn-primary:hover { background: #005f8f; box-shadow: 0 6px 20px rgba(0,136,204,.3); }

.btn-outline {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  border-radius: 9999px; border: 2px solid #0088cc; padding: .75rem 1.5rem;
  font-size: .875rem; font-weight: 600; color: #0088cc; transition: all .2s;
}
.btn-outline:hover { background: #0088cc; color: #fff; }

.badge {
  display: inline-flex; align-items: center; border-radius: 9999px;
  background: #eef8ff; padding: .25rem .75rem; font-size: .75rem; font-weight: 500; color: #005f8f;
}

.badge-orange {
  display: inline-flex; align-items: center; border-radius: 9999px;
  background: #fff5eb; padding: .25rem .75rem; font-size: .75rem; font-weight: 600; color: #b35600;
}

.card {
  border-radius: 1.5rem; border: 1px solid #f1f5f9; background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.04); transition: box-shadow .2s;
}
.card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); }

.eyebrow {
  font-size: .875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: #ff7f00;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee { animation: marquee 30s linear infinite; }