/**
 * logo-brand.css - 落锦集团统一品牌样式 v4
 * 重构于 2026-06-17
 * v2026-08-27 追加：导航栏 Logo 尺寸修复
 */
:root {
  --lj-gold: #b17a2d;
  --lj-gold-light: #d8a54a;
  --lj-gold-glow: rgba(177, 122, 45, 0.18);
  --lj-blue: #2a5fad;
  --lj-blue-light: #4a8adf;
  --lj-blue-glow: rgba(42, 95, 173, 0.14);
  --lj-teal: #0d9488;
  --lj-purple: #6b3fa0;
  --lj-grad-gold: linear-gradient(135deg, #b17a2d, #d8a54a, #e8bf6a);
  --lj-grad-blue: linear-gradient(135deg, #2668c5, #4a90e2, #6ab0f5);
  --lj-grad-teal: linear-gradient(135deg, #0d9488, #14b8a6, #2dd4bf);
  --lj-grad-purple: linear-gradient(135deg, #6b3fa0, #8b5fcf, #a67de0);
  --lj-font: "Inter", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;
  --lj-font-display: Georgia, "Noto Serif SC", "Times New Roman", serif;
  --lj-font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;
  --lj-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --lj-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --lj-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --lj-radius-sm: 8px;
  --lj-radius: 14px;
  --lj-radius-lg: 20px;
  --lj-radius-xl: 28px;
}
.lj-skip-link {
  position: fixed; top: -100px; left: 16px; z-index: 10001;
  padding: 12px 20px; border-radius: 10px;
  background: var(--brand, #b17a2d); color: var(--button-text, #fff);
  font-weight: 700; font-size: 14px; text-decoration: none;
  transition: top 0.3s ease;
}
.lj-skip-link:focus { top: 16px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* === Nav Brand Logo Fix v2026-08-27 === */
.nav .logo,
header .logo,
.luojin-nav-logo {
  display: inline-flex; align-items: center; gap: 10px;
  font-weight: 900; font-size: 17px; color: var(--text, #1b1712);
  text-decoration: none; line-height: 1; white-space: nowrap;
}
.nav .logo em, .nav .logo span, header .logo span {
  color: var(--brand, #b17a2d); font-style: normal;
}
.nav .logo img,
.luojin-brand-logo,
.luojin-logo,
header .logo img {
  width: 38px; height: 38px; flex: 0 0 38px;
  max-width: 38px; max-height: 38px;
  object-fit: contain; border-radius: 10px; display: block;
}
@media (max-width: 760px) {
  .nav .logo, header .logo, .luojin-nav-logo { font-size: 15px; gap: 8px; }
  .nav .logo img, .luojin-brand-logo, .luojin-logo, header .logo img {
    width: 34px; height: 34px; flex: 0 0 34px; max-width: 34px; max-height: 34px;
  }
}