/* roulang page: index */
:root {
            --bg-main: #0A0D14;
            --bg-panel: #111622;
            --border-glow: rgba(51, 65, 85, 0.7);
            --accent-glow: rgba(255, 42, 95, 0.35);
        }
        body {
            background-color: #0A0D14;
            color: #94A3B8;
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            overflow-x: hidden;
        }
        .console-border {
            border: 1px solid rgba(51, 65, 85, 0.7);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        }
        .console-border:hover {
            border-color: rgba(255, 42, 95, 0.5);
            box-shadow: 0 0 15px var(--accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        }
        .ping-glow {
            box-shadow: 0 0 8px #00E599;
        }
        .ticker-wrap {
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }

/* roulang page: category1 */
:root {
      --bg-main: #0A0D14;
      --bg-panel: #111622;
      --border-glow: rgba(51, 65, 85, 0.7);
      --accent-glow: rgba(255, 42, 95, 0.35);
    }
    body {
      background-color: #0A0D14;
      color: #94A3B8;
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
      overflow-x: hidden;
    }
    .console-border {
      border: 1px solid rgba(51, 65, 85, 0.7);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      transition: all 0.2s ease-in-out;
    }
    .console-border:hover {
      border-color: rgba(255, 42, 95, 0.5);
      box-shadow: 0 0 15px var(--accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transform: translateY(-2px);
    }
    .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

/* roulang page: category2 */
:root {
      --bg-main: #0A0D14;
      --bg-panel: #111622;
      --border-glow: rgba(51, 65, 85, 0.7);
      --accent-glow: rgba(255, 42, 95, 0.35);
    }
    body {
      background-color: #0A0D14;
      color: #94A3B8;
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
      overflow-x: hidden;
    }
    .console-border {
      border: 1px solid rgba(51, 65, 85, 0.7);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      transition: all 0.25s ease-in-out;
    }
    .console-border:hover {
      border-color: rgba(255, 42, 95, 0.5);
      box-shadow: 0 0 15px var(--accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transform: translateY(-2px);
    }
    .filter-btn.active {
      background-color: #FF2A5F;
      color: #FFFFFF;
      border-color: #FF2A5F;
    }