/* roulang page: index */
:root {
            --primary-tea: #3e5333;
            --secondary-amber: #b87c4c;
            --bg-rice: #fbfbf9;
            --border-tea: #e2e8dc;
        }
        body {
            background-color: var(--bg-rice);
            color: #242b20;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        .tea-gradient-header {
            background: linear-gradient(180deg, #1f2a1b 0%, #151d12 100%);
        }
        .progress-ring-circle {
            transition: stroke-dashoffset 0.8s ease-in-out;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
        }
        .custom-glass {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(10px);
        }

/* roulang page: category2 */
:root {
      --primary-tea: #3e5333;
      --secondary-amber: #b87c4c;
      --bg-rice: #fbfbf9;
      --border-tea: #e2e8dc;
    }
    body {
      background-color: var(--bg-rice);
      color: #242b20;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .tea-gradient-header {
      background: linear-gradient(180deg, #1f2a1b 0%, #151d12 100%);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background-color: #d1d5db;
      border-radius: 3px;
    }

/* roulang page: category1 */
:root {
      --primary-tea: #3e5333;
      --secondary-amber: #b87c4c;
      --bg-rice: #fbfbf9;
      --border-tea: #e2e8dc;
    }
    body {
      background-color: var(--bg-rice);
      color: #242b20;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .tea-gradient-header {
      background: linear-gradient(180deg, #1f2a1b 0%, #151d12 100%);
    }
    .spec-table-row:nth-child(even) {
      background-color: #f7f9f4;
    }