/* roulang page: index */
:root {
      --primary: #c59d5f;
      --primary-hover: #ab8244;
      --bg-dark: #11100f;
      --card-bg: #1a1816;
      --border-color: rgba(197, 157, 95, 0.2);
    }
    html { scroll-behavior: smooth; }
    body { background-color: var(--bg-dark); color: #dedede; }
    .gold-gradient {
      background: linear-gradient(135deg, #dfba7f 0%, #c59d5f 50%, #9e783a 100%);
    }
    .gold-text {
      background: linear-gradient(135deg, #f5dfb8 0%, #c59d5f 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .panel-card {
      background: rgba(26, 24, 22, 0.85);
      border: 1px solid var(--border-color);
      transition: all 0.35s ease;
    }
    .panel-card:hover {
      border-color: rgba(197, 157, 95, 0.5);
      transform: translateY(-4px);
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45);
    }

/* roulang page: category1 */
:root {
      --primary: #c59d5f;
      --primary-hover: #ab8244;
      --bg-dark: #11100f;
      --card-bg: #1a1816;
      --border-color: rgba(197, 157, 95, 0.2);
    }
    html { scroll-behavior: smooth; }
    body { background-color: var(--bg-dark); color: #dedede; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
    .gold-gradient {
      background: linear-gradient(135deg, #d7b377 0%, #c59d5f 50%, #997334 100%);
    }
    .panel-card {
      background: rgba(26, 24, 22, 0.85);
      border: 1px solid var(--border-color);
      transition: all 0.35s ease;
    }
    .panel-card:hover {
      border-color: rgba(197, 157, 95, 0.5);
      transform: translateY(-4px);
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45);
    }
    .hero-bg {
      background-image: linear-gradient(to right, rgba(17, 16, 15, 0.95) 45%, rgba(17, 16, 15, 0.7) 100%), url('/assets/images/花开树下的唯美清秀美裙姑娘人像美女摄影花开姑娘_新浪新闻-1.jpg');
      background-size: cover;
      background-position: center;
    }

/* roulang page: category2 */
:root {
            --primary: #c59d5f;
            --primary-hover: #ab8244;
            --bg-dark: #11100f;
            --card-bg: #1a1816;
            --border-color: rgba(197, 157, 95, 0.2);
        }
        html { scroll-behavior: smooth; }
        body { background-color: var(--bg-dark); color: #dedede; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        .gold-gradient {
            background: linear-gradient(135deg, #dfc293 0%, #c59d5f 50%, #9a7337 100%);
        }
        .gold-text-gradient {
            background: linear-gradient(135deg, #dfc293 0%, #c59d5f 50%, #b88d49 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .panel-card {
            background: rgba(26, 24, 22, 0.85);
            border: 1px solid var(--border-color);
            transition: all 0.35s ease;
        }
        .panel-card:hover {
            border-color: rgba(197, 157, 95, 0.5);
            transform: translateY(-4px);
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45);
        }
        .card-stack-left {
            transform: rotate(-3deg) translateY(12px) scale(0.96);
        }
        .card-stack-right {
            transform: rotate(3deg) translateY(12px) scale(0.96);
        }
        @media (max-width: 1024px) {
            .card-stack-left, .card-stack-right {
                transform: none;
            }
        }