/* roulang page: index */
:root {
            --brand-primary: #00D287;
            --brand-dark: #1E232A;
            --brand-surface: #0F172A;
            --brand-warm: #FFE8B3;
            --text-main: #0F172A;
            --text-muted: #334155;
            --text-sub: #64748B;
            --bg-light: #F8FAFC;
            --border-color: #E2E8F0;
        }
        * { box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Inter", sans-serif;
            color: var(--text-muted);
            line-height: 1.75;
            background-color: #FFFFFF;
        }
        h1, h2, h3, h4, h5, h6 {
            color: var(--text-main);
            letter-spacing: -0.02em;
        }
        .text-glow {
            text-shadow: 0 0 24px rgba(0, 210, 135, 0.35);
        }
        .hero-bg {
            background-image: linear-gradient(rgba(15, 23, 42, 0.88), rgba(30, 35, 42, 0.95)), url('/assets/images/674ea28dc729178f.jpg');
            background-size: cover;
            background-position: center;
        }
        .card-ambient {
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }
        .card-ambient:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.08);
            border-color: rgba(0, 210, 135, 0.4);
        }
        details summary::-webkit-details-marker { display: none; }