/* roulang page: index */
:root {
            --primary: #00D285;
            --primary-dark: #00B371;
            --dark: #0B1118;
            --secondary: #FF6B00;
        }
        body {
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
            color: #334155;
            background-color: #FFFFFF;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        .focus-ring:focus-visible {
            outline: 2px solid #00D285;
            outline-offset: 2px;
        }
        .hero-video-mask {
            background: linear-gradient(180deg, rgba(11, 17, 24, 0.88) 0%, rgba(11, 17, 24, 0.96) 100%);
        }
        .dark-mesh-bg {
            background-color: #0B1118;
            background-image: radial-gradient(rgba(0, 210, 133, 0.08) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }

/* roulang page: category1 */
:root {
      --primary: #00D285;
      --primary-dark: #00B371;
      --dark: #0B1118;
      --secondary: #FF6B00;
    }
    body {
      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
      color: #334155;
      background-color: #FFFFFF;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }
    .hero-video-mask {
      background: linear-gradient(180deg, rgba(11, 17, 24, 0.88) 0%, rgba(11, 17, 24, 0.96) 100%);
    }
    .filter-btn.active {
      background-color: #00D285;
      color: #0B1118;
      font-weight: 600;
      border-color: #00D285;
    }