/* roulang page: index */
:root {
      --primary: #0F2C59;
      --accent: #0284C7;
      --teal: #0D9488;
      --bg-light: #F8FAFC;
      --border-color: #E2E8F0;
    }
    html { scroll-behavior: smooth; }
    body { font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.75; color: #334155; }
    .hero-bg {
      background-image: linear-gradient(135deg, rgba(15, 44, 89, 0.94) 0%, rgba(10, 25, 47, 0.97) 100%), url('/assets/images/844434e8d1a9c2ff.webp');
      background-size: cover;
      background-position: center;
    }
    .card-hover {
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    details summary::-webkit-details-marker { display: none; }
    .tab-active { border-color: #0284C7; color: #0284C7; background-color: #F0F9FF; }