/* roulang page: index */
:root {
      --primary: #00E599;
      --primary-hover: #09F0A0;
      --dark: #080C14;
      --slate: #0F172A;
      --border-color: #E2E8F0;
    }
    body {
      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
      color: #334155;
      background-color: #FFFFFF;
      -webkit-font-smoothing: antialiased;
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(8, 12, 20, 0.94) 0%, rgba(15, 23, 42, 0.88) 100%), url('/assets/images/dd0ebd7f0f9a09ad.webp') center/cover no-repeat;
    }
    .dark-engine-bg {
      background: radial-gradient(circle at 80% 20%, rgba(0, 229, 153, 0.08) 0%, transparent 60%), #080C14;
    }
    .glow-border:hover {
      border-color: rgba(0, 229, 153, 0.6);
      box-shadow: 0 0 20px rgba(0, 229, 153, 0.15);
    }
    .pulse-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #00E599;
      box-shadow: 0 0 8px #00E599;
      animation: pulseAnim 2s infinite ease-in-out;
    }
    @keyframes pulseAnim {
      0%, 100% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.3); opacity: 0.5; }
    }
    details summary::-webkit-details-marker { display: none; }