/* roulang page: index */
:root {
      --color-primary: #22252A;
      --color-accent: #D96B27;
      --color-accent-gold: #C59B27;
      --color-bg: #F8F9FA;
      --color-text-main: #111827;
      --color-text-muted: #4B5563;
      --color-border: #E5E7EB;
      --radius-sm: 6px;
      --radius-md: 8px;
      --shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
      --shadow-hover: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: var(--color-bg);
      color: var(--color-text-main);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    .custom-scrollbar::-webkit-scrollbar {
      height: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #D96B27;
      border-radius: 4px;
    }

    .tool-hero-overlay {
      background: linear-gradient(180deg, rgba(24, 26, 30, 0.85) 0%, rgba(34, 37, 42, 0.92) 100%);
    }

    details > summary {
      list-style: none;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary svg {
      transform: rotate(180deg);
    }