/* roulang page: index */
:root {
      --color-primary: #0F172A;
      --color-dark: #0B0F19;
      --color-accent: #0284C7;
      --color-teal: #0D9488;
      --color-surface: #F8FAFC;
      --color-border: #E2E8F0;
      --color-text: #334155;
      --color-muted: #64748B;
    }
    body {
      background-color: var(--color-surface);
      color: var(--color-text);
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    .tabular-nums {
      font-variant-numeric: tabular-nums;
    }
    .video-hero-gradient {
      background: linear-gradient(180deg, rgba(11, 15, 25, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%);
    }
    .hud-border {
      position: relative;
    }
    .hud-border::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 8px;
      height: 8px;
      border-top: 2px solid var(--color-accent);
      border-left: 2px solid var(--color-accent);
    }
    .hud-border::before {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 8px;
      height: 8px;
      border-bottom: 2px solid var(--color-accent);
      border-right: 2px solid var(--color-accent);
    }