/* roulang page: index */
:root {
        --color-primary: #1E40AF;
        --color-accent: #0284C7;
        --color-warning: #EA580C;
        --color-bg-base: #F8FAFC;
        --color-text-main: #0F172A;
        --color-text-muted: #64748B;
        --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
        --card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
      }
      body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        background-color: var(--color-bg-base);
        color: var(--color-text-main);
        overflow-x: hidden;
      }
      .custom-card-shadow {
        box-shadow: var(--card-shadow);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .custom-card-shadow:hover {
        box-shadow: var(--card-shadow-hover);
        transform: translateY(-4px);
      }
      .radar-pulse {
        animation: radarPing 2.4s cubic-bezier(0, 0, 0.2, 1) infinite;
      }
      @keyframes radarPing {
        0% { transform: scale(0.95); opacity: 0.8; }
        70%, 100% { transform: scale(2.2); opacity: 0; }
      }