/* 丽人梦想秀® · 顶级动态特效样式 luxury_fx.css */
/* 滚动渐入 */
.fx-reveal, .card-stat, .card, .hero-card {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1);
}
.fx-reveal.fx-in, .card-stat.fx-in, .card.fx-in, .hero-card.fx-in {
  opacity: 1;
  transform: translateY(0);
}
/* 页面首次渲染（无 JS 时兜底，避免内容消失） */
.no-fx .fx-reveal, .no-fx .card-stat, .no-fx .card, .no-fx .hero-card {
  opacity: 1;
  transform: none;
}

/* 金线流光按钮（全局所有按钮） */
.fx-shine, .btn, button {
  position: relative;
  overflow: hidden;
}
.fx-shine::after, .btn::after, button::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-20deg);
  pointer-events: none;
}
.fx-shine.fx-shine-on::after, .btn:hover::after, button:hover::after {
  animation: fx-shine-sweep 0.9s ease;
}
@keyframes fx-shine-sweep {
  0% { left: -100%; }
  100% { left: 160%; }
}

/* 卡片悬停光边（全局） */
.card-stat, .card-glass, .card {
  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease, border-color 0.4s ease;
}
.card-stat:hover, .card-glass:hover, .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(123,45,142,0.14), 0 0 0 1px rgba(201,162,91,0.4);
}

@media (prefers-reduced-motion: reduce) {
  .fx-reveal, .card-stat, .card, .hero-card { opacity: 1 !important; transform: none !important; }
  .fx-shine::after, .btn-primary::after, .btn-login::after { animation: none !important; }
}

/* 优雅紫金加载动画 */
.luxury-loading {
  text-align: center;
  padding: 80px 20px;
}
.luxury-loading-spinner {
  width: 46px;
  height: 46px;
  margin: 0 auto 16px;
  border: 3px solid rgba(201,162,91,0.15);
  border-top-color: #C9A25B;
  border-right-color: #E8A0B4;
  border-radius: 50%;
  animation: luxurySpin 0.8s linear infinite;
}
@keyframes luxurySpin { to { transform: rotate(360deg); } }
.luxury-loading-text {
  font-size: 13px;
  color: #C9A25B;
  letter-spacing: 2px;
  animation: luxuryLoadPulse 1.5s ease-in-out infinite;
}
@keyframes luxuryLoadPulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* 面包屑导航栏（独立元素，紫金精致样式） */
.breadcrumb-bar {
  margin-left: 250px;
  padding: 16px 40px 0;
  font-size: 13px;
  color: #8B7A8C;
  position: relative;
  z-index: 2;
}
.breadcrumb-bar a {
  color: #C9A25B;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s, text-shadow 0.2s;
}
.breadcrumb-bar a:hover {
  color: #E8A0B4;
  text-shadow: 0 0 8px rgba(232,160,180,0.5);
}
.breadcrumb-bar span {
  color: #7B2D8E;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .breadcrumb-bar { margin-left: 260px; }
}
@media (min-width: 1600px) {
  .breadcrumb-bar { margin-left: 280px; }
}
@media (max-width: 768px) {
  .breadcrumb-bar { margin-left: 0; padding: 10px 12px 0; font-size: 12px; }
}