/* roulang page: index */
:root {
      --color-primary: #1e40af;
      --color-secondary: #2563eb;
      --color-accent: #f59e0b;
      --color-dark: #0f172a;
      --color-slate: #334155;
      --color-light: #f8fafc;
      --border-subtle: #e2e8f0;
      --shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.04);
      --shadow-hover: 0 20px 40px rgba(30, 64, 175, 0.08);
    }
    
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      color: #1e293b;
      background-color: #ffffff;
      line-height: 1.6;
    }

    .card-lift {
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-lift:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-hover);
    }

    /* 倒计时圆环动效 */
    .countdown-ring {
      background: conic-gradient(#2563eb 72%, #e2e8f0 0);
    }