/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #06B6D4 100%);
      --dark-surface: #0B132B;
      --card-border: rgba(226, 232, 240, 0.85);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
      background-color: #F8FAFC;
      color: #1E293B;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(37, 99, 235, 0.22) 0%, rgba(11, 19, 43, 0) 70%);
    }
    .code-terminal {
      background-color: #070D1E;
      font-family: Consolas, Monaco, "Courier New", monospace;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 4px;
    }
    .pulse-dot {
      animation: pulseAnimation 2s infinite ease-in-out;
    }
    @keyframes pulseAnimation {
      0%, 100% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.3); opacity: 0.6; }
    }