/* roulang page: index */
:root {
      --color-primary: #1B4332;
      --color-primary-light: #2D5A43;
      --color-primary-dark: #0F1F17;
      --color-accent: #C99A5B;
      --color-surface: #F9F8F5;
      --color-text-main: #1F2421;
      --color-text-muted: #6E7770;
      --border-subtle: rgba(45, 90, 67, 0.1);
      --shadow-soft: 0 10px 30px -5px rgba(15, 31, 23, 0.05);
    }
    body {
      background-color: #FDFCFA;
      color: var(--color-text-main);
      font-family: system-ui, -apple-system, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
      line-height: 1.8;
      overflow-x: hidden;
    }
    .header-blur {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      background-color: rgba(253, 252, 250, 0.94);
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(15, 31, 23, 0.88) 0%, rgba(27, 67, 50, 0.82) 100%), url('/assets/images/33e8dfdbf6464fce.webp') center/cover no-repeat;
    }
    .pattern-seal {
      background-image: radial-gradient(rgba(201, 154, 91, 0.15) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .dark-section-bg {
      background: linear-gradient(180deg, #0F1F17 0%, #152B20 100%);
    }
    .text-balance {
      text-wrap: balance;
    }