/* roulang page: index */
:root {
      --bg-warm: #faf9f6;
      --text-main: #2b2823;
      --text-muted: #6b665d;
      --tea-primary: #3d5236;
      --tea-secondary: #8b5a2b;
      --card-border: #e8e4dc;
    }
    body {
      background-color: var(--bg-warm);
      color: var(--text-main);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.7;
    }
    .custom-hero-bg {
      background-image: linear-gradient(rgba(247, 246, 242, 0.94), rgba(247, 246, 242, 0.98)), url('/assets/images/backpic/back-1.webp');
      background-size: cover;
      background-position: center;
    }
    .tea-shadow {
      box-shadow: 0 4px 20px -2px rgba(45, 41, 29, 0.06);
    }
    .tea-shadow-hover:hover {
      box-shadow: 0 10px 25px -4px rgba(45, 41, 29, 0.12);
      transform: translateY(-2px);
    }

/* roulang page: category1 */
:root {
            --bg-warm: #faf9f6;
            --text-main: #2b2823;
            --text-muted: #6b665d;
            --tea-primary: #3d5236;
            --tea-secondary: #8b5a2b;
            --card-border: #e8e4dc;
        }
        body {
            background-color: var(--bg-warm);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.7;
        }
        .custom-hero-bg {
            background-image: linear-gradient(rgba(250, 249, 246, 0.92), rgba(250, 249, 246, 0.98)), url('/assets/images/backpic/back-2.webp');
            background-size: cover;
            background-position: center;
        }
        .tea-shadow {
            box-shadow: 0 4px 20px -2px rgba(45, 41, 29, 0.06);
        }
        .tea-shadow-hover:hover {
            box-shadow: 0 10px 25px -4px rgba(45, 41, 29, 0.12);
            transform: translateY(-2px);
        }