/* roulang page: index */
:root {
        --color-primary: #0F2438;
        --color-deep: #091420;
        --color-accent: #C5A265;
        --color-teal: #008080;
        --color-text: #1E293B;
        --color-muted: #64748B;
        --color-border: #E2E8F0;
        --color-bg-light: #F8FAFC;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        color: var(--color-text);
        background-color: #FFFFFF;
        line-height: 1.75;
      }
      .custom-scrollbar::-webkit-scrollbar {
        height: 4px;
        width: 4px;
      }
      .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 4px;
      }
      details > summary {
        list-style: none;
      }
      details > summary::-webkit-details-marker {
        display: none;
      }
      .hero-bg {
        background-image: linear-gradient(to right, rgba(15, 36, 56, 0.94), rgba(9, 20, 32, 0.88)), url('/assets/images/67bdb710268fd9ca.webp');
        background-size: cover;
        background-position: center;
      }
      .dark-case-bg {
        background-image: linear-gradient(to bottom, rgba(9, 20, 32, 0.96), rgba(15, 36, 56, 0.98)), url('/assets/images/5a61691dd71dbd5d.webp');
        background-size: cover;
        background-position: center;
      }