/* roulang page: index */
:root {
            --bg-main: #0B0D12;
            --bg-card: #131720;
            --border-color: #222836;
            --accent-amber: #F59E0B;
            --text-silver: #94A3B8;
        }
        body {
            background-color: var(--bg-main);
            color: #F8FAFC;
            font-feature-settings: "tnum";
            -webkit-font-smoothing: antialiased;
        }
        .nav-blur-bg {
            background-color: rgba(19, 23, 32, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        .card-hover {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-hover:hover {
            transform: translateY(-2px);
            border-color: rgba(245, 158, 11, 0.35);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px 1px rgba(245, 158, 11, 0.1);
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(245, 158, 11, 0.25);
        }
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #0B0D12;
        }
        ::-webkit-scrollbar-thumb {
            background: #222836;
            border-radius: 3px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #F59E0B;
        }

/* roulang page: category1 */
:root {
      --bg-main: #0B0D12;
      --bg-card: #131720;
      --border-color: #222836;
      --accent-amber: #F59E0B;
      --text-silver: #94A3B8;
    }
    body {
      background-color: var(--bg-main);
      color: #F8FAFC;
      font-feature-settings: "tnum";
      -webkit-font-smoothing: antialiased;
    }
    .nav-blur-bg {
      background-color: rgba(19, 23, 32, 0.85);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }
    .card-hover {
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-hover:hover {
      transform: translateY(-2px);
      border-color: rgba(245, 158, 11, 0.35);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px 1px rgba(245, 158, 11, 0.1);
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.25);
    }
    /* 隐藏滚动条但保留功能 */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }