/* roulang page: index */
:root {
      --color-primary: #111217;
      --color-accent: #00E599;
      --color-bg-light: #F8F9FA;
      --color-bg-dark: #0D0E12;
      --color-border: #E5E7EB;
    }
    body {
      color: #1F2937;
      background-color: var(--color-bg-light);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .countdown-ring {
      stroke-dasharray: 283;
      stroke-dashoffset: 65;
      transform: rotate(-90deg);
      transform-origin: 50% 50%;
    }
    .grid-lines {
      background-size: 40px 40px;
      background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
    }
    .dark-grid-lines {
      background-size: 40px 40px;
      background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    }