/* roulang page: index */
:root {
            --color-primary: #0EA5E9;
            --color-secondary: #F59E0B;
            --color-dark: #111827;
            --color-bg: #FFFFFF;
            --color-gray-soft: #F8F9FA;
            --color-border: #E5E7EB;
        }
        body {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg);
            color: #1F2937;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        .hero-bg {
            background-image: linear-gradient(to right, rgba(11, 15, 23, 0.95), rgba(11, 15, 23, 0.8)), url('/assets/images/c192866f12533371.webp');
            background-size: cover;
            background-position: center;
        }
        .dark-case-bg {
            background-image: linear-gradient(rgba(11, 15, 23, 0.97), rgba(11, 15, 23, 0.97)), url('/assets/images/906acd3f9a0c6ac9.jpg');
            background-size: cover;
            background-position: center;
        }
        .data-grid-pattern {
            background-image: radial-gradient(#E5E7EB 1px, transparent 1px);
            background-size: 20px 20px;
        }
        details summary::-webkit-details-marker {
            display: none;
        }