:root {
  --silu-navy: #142B47;
  --silu-navy-light: #1F4068;
  --silu-gold: #C88A2B;
  --silu-gold-light: #F4E3C1;
  --silu-terra: #A83D26;
  --silu-bg: #F9F6F0;
  --silu-card: #FFFFFF;
}
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  background-color: var(--silu-bg);
  color: #1E293B;
  overflow-x: hidden;
}
.serif-title {
  font-family: 'Noto Serif SC', "Songti SC", serif;
}
.silu-gradient {
  background: linear-gradient(135deg, #102540 0%, #1E3E66 55%, #2B4C73 100%);
}
.gold-gradient {
  background: linear-gradient(135deg, #D49B3B 0%, #B5781E 100%);
}
.silk-pattern {
  background-image: radial-gradient(rgba(200, 138, 43, 0.14) 1px, transparent 1px);
  background-size: 18px 18px;
}
.card-elevate {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.card-elevate:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px -8px rgba(20, 43, 71, 0.14), 0 4px 10px -3px rgba(200, 138, 43, 0.12);
  border-color: rgba(200, 138, 43, 0.55);
}
.nav-pill-active {
  background: linear-gradient(135deg, #D49B3B 0%, #B5781E 100%);
  color: #FFFFFF !important;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(200, 138, 43, 0.35);
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}