/* roulang page: index */
:root {
      --color-primary: #0F141C;
      --color-secondary: #1E293B;
      --color-accent: #10B981;
      --color-accent-hover: #059669;
      --color-warning: #F59E0B;
      --color-surface-light: #F8FAFC;
      --color-surface-dark: #090D14;
      --color-text-main: #334155;
      --color-text-heading: #0F172A;
      --color-text-muted: #64748B;
      --border-line: rgba(148, 163, 184, 0.2);
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
      color: var(--color-text-main);
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
    .font-mono-num {
      font-family: "DIN", "Roboto Mono", monospace;
    }
    .tactical-border {
      border: 1px solid var(--border-line);
    }
    .tactical-glow {
      box-shadow: 0 0 20px rgba(16, 185, 129, 0.15);
    }
    .dark-glow-card {
      background: linear-gradient(180deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 20, 28, 0.95) 100%);
      border: 1px solid rgba(148, 163, 184, 0.15);
    }
    .radar-grid {
      background-size: 32px 32px;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    }
    html {
      scroll-behavior: smooth;
    }