/* roulang page: index */
:root {
            --brand-primary: #283e22;
            --brand-accent: #c59b27;
            --bg-warm: #fcfbf9;
            --text-dark: #1f291e;
        }
        body {
            background-color: var(--bg-warm);
            color: var(--text-dark);
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .tea-gradient {
            background: linear-gradient(135deg, #1b2c17 0%, #283e22 55%, #3a5531 100%);
        }
        .gold-gradient {
            background: linear-gradient(135deg, #c59b27 0%, #deb841 100%);
        }
        .card-blur {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
        }
        .card-dark-blur {
            background: rgba(17, 30, 14, 0.82);
            backdrop-filter: blur(10px);
        }

/* roulang page: category1 */
:root {
      --brand-primary: #283e22;
      --brand-accent: #c59b27;
      --bg-warm: #fcfbf9;
      --text-dark: #1f291e;
    }
    body {
      background-color: var(--bg-warm);
      color: var(--text-dark);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .tea-gradient {
      background: linear-gradient(135deg, #1b2c17 0%, #283e22 55%, #3a5531 100%);
    }
    .gold-gradient {
      background: linear-gradient(135deg, #d7aa42 0%, #c59b27 50%, #9e7616 100%);
    }
    .card-blur {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
    }
    .card-dark-blur {
      background: rgba(17, 30, 14, 0.82);
      backdrop-filter: blur(10px);
    }
    .badge-soft {
      background: rgba(197, 155, 39, 0.12);
      color: #9e7616;
      border: 1px solid rgba(197, 155, 39, 0.25);
    }