/* roulang page: index */
:root {
      --brand-primary: #ea580c;
      --brand-hover: #c2410c;
      --carbon-dark: #0f172a;
      --cement-bg: #f3f4f6;
      --border-color: #e2e8f0;
      --shadow-hard: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: var(--cement-bg);
      color: #334155;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
    }
    .scroll-anchor {
      scroll-margin-top: 92px;
    }
    .custom-shadow {
      box-shadow: var(--shadow-hard);
    }
    .hero-slide {
      transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    input:focus, select:focus, textarea:focus {
      outline: none;
      box-shadow: 0 0 0 2px rgba(234, 88, 12, 0.4);
    }