/* roulang page: index */
:root {
            --brand-leaf: #235230;
            --brand-tea: #7c5126;
            --brand-bg: #fdfbf7;
            --card-border: #e9e2d6;
        }
        body {
            background-color: var(--brand-bg);
            color: #2b2b2b;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        .tea-gradient-banner {
            background: linear-gradient(135deg, #193d23 0%, #2f683e 50%, #447750 100%);
        }
        .subtle-border {
            border: 1px solid var(--card-border);
        }
        .badge-live {
            background: rgba(220, 38, 38, 0.12);
            color: #b91c1c;
            border: 1px solid rgba(220, 38, 38, 0.2);
        }

/* roulang page: category2 */
:root {
      --brand-leaf: #235230;
      --brand-tea: #7c5126;
      --brand-bg: #fdfbf7;
      --card-border: #e9e2d6;
    }
    body {
      background-color: var(--brand-bg);
      color: #2b2b2b;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .tea-gradient-banner {
      background: linear-gradient(135deg, #193d23 0%, #2f683e 50%, #447750 100%);
    }
    .subtle-border {
      border: 1px solid var(--card-border);
    }
    .badge-live {
      background: rgba(220, 38, 38, 0.12);
      color: #b91c1c;
      border: 1px solid rgba(220, 38, 38, 0.2);
    }
    .custom-shadow {
      box-shadow: 0 4px 20px -2px rgba(35, 82, 48, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
    }
    .custom-shadow-hover {
      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .custom-shadow-hover:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 28px -4px rgba(35, 82, 48, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.05);
    }

/* roulang page: category1 */
:root {
            --brand-leaf: #235230;
            --brand-tea: #7c5126;
            --brand-bg: #fdfbf7;
            --card-border: #e9e2d6;
        }
        body {
            background-color: var(--brand-bg);
            color: #2b2b2b;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        .tea-gradient-banner {
            background: linear-gradient(135deg, #193d23 0%, #2f683e 50%, #447750 100%);
        }
        .subtle-border {
            border: 1px solid var(--card-border);
        }
        .badge-live {
            background: rgba(220, 38, 38, 0.12);
            color: #b91c1c;
            border: 1px solid rgba(220, 38, 38, 0.2);
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: #d6ccbe;
            border-radius: 9999px;
        }