/* roulang page: index */
:root {
      --navy-950: #070d1e;
      --navy-900: #0b132b;
      --cyan-neon: #00f0ff;
      --cyan-glow: rgba(0, 240, 255, 0.35);
      --card-border: rgba(226, 232, 240, 0.8);
      --soft-bg: #f8fafc;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .neon-text-glow {
      text-shadow: 0 0 10px rgba(0, 240, 255, 0.5), 0 0 20px rgba(6, 182, 212, 0.3);
    }
    .neon-border-glow {
      box-shadow: 0 0 15px rgba(6, 182, 212, 0.25);
    }
    .wiki-badge {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    .pulse-dot {
      animation: pulseGlow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
    @keyframes pulseGlow {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: .4; transform: scale(0.88); }
    }

/* roulang page: category1 */
:root {
      --navy-950: #070d1e;
      --navy-900: #0b132b;
      --cyan-neon: #00f0ff;
      --cyan-glow: rgba(0, 240, 255, 0.35);
      --card-border: rgba(226, 232, 240, 0.8);
      --soft-bg: #f8fafc;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .neon-text-glow {
      text-shadow: 0 0 10px rgba(0, 240, 255, 0.5), 0 0 20px rgba(6, 182, 212, 0.3);
    }
    .neon-border-glow {
      box-shadow: 0 0 15px rgba(6, 182, 212, 0.25);
    }
    .wiki-badge {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    .status-pulse {
      animation: pulse-glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
    @keyframes pulse-glow {
      0%, 100% { opacity: 1; }
      50% { opacity: .4; }
    }
    .card-hover-lift {
      transition: all 0.25s ease-out;
    }
    .card-hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 24px -10px rgba(6, 182, 212, 0.2);
      border-color: rgba(6, 182, 212, 0.5);
    }

/* roulang page: category2 */
:root {
      --navy-950: #070d1e;
      --navy-900: #0b132b;
      --cyan-neon: #00f0ff;
      --cyan-glow: rgba(0, 240, 255, 0.35);
      --card-border: rgba(226, 232, 240, 0.8);
      --soft-bg: #f8fafc;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .neon-text-glow {
      text-shadow: 0 0 10px rgba(0, 240, 255, 0.5), 0 0 20px rgba(6, 182, 212, 0.3);
    }
    .neon-border-glow {
      box-shadow: 0 0 15px rgba(6, 182, 212, 0.25);
    }
    .wiki-badge {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    .countdown-box {
      background: rgba(15, 23, 42, 0.85);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(6, 182, 212, 0.3);
    }