/* roulang page: index */
:root {
      --bg-primary: #0A0F1D;
      --bg-secondary: #101935;
      --bg-card: rgba(16, 25, 53, 0.72);
      --border-card: rgba(59, 130, 246, 0.22);
      --border-card-hover: rgba(6, 182, 212, 0.55);
      --primary-blue: #2563EB;
      --accent-cyan: #06B6D4;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --warning: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
    }
    body {
      background-color: var(--bg-primary);
      color: var(--text-main);
      overflow-x: hidden;
      line-height: 1.75;
    }
    h1, h2, h3, h4, h5, h6 {
      line-height: 1.35;
    }
    .glass-card {
      background: var(--bg-card);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid var(--border-card);
      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glass-card:hover {
      border-color: var(--border-card-hover);
      box-shadow: 0 0 25px rgba(59, 130, 246, 0.35);
      transform: translateY(-4px);
    }
    .glow-btn {
      background: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%);
      box-shadow: 0 0 16px rgba(6, 182, 212, 0.45);
      transition: all 0.25s ease-in-out;
    }
    .glow-btn:hover {
      box-shadow: 0 0 28px rgba(6, 182, 212, 0.8);
      transform: translateY(-1px);
    }
    .glow-outline-btn {
      border: 1px solid rgba(6, 182, 212, 0.5);
      background: rgba(6, 182, 212, 0.08);
      color: #38BDF8;
      transition: all 0.25s ease-in-out;
    }
    .glow-outline-btn:hover {
      background: rgba(6, 182, 212, 0.18);
      border-color: #38BDF8;
      box-shadow: 0 0 18px rgba(56, 189, 248, 0.35);
    }
    .bg-gradient-tech {
      background: radial-gradient(circle at 50% 20%, rgba(37, 99, 235, 0.18) 0%, rgba(10, 15, 29, 0) 70%);
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(6, 182, 212, 0.6);
    }
