/* roulang page: index */
:root {
            --brand-green: #00E599;
            --brand-orange: #FF5A1F;
            --brand-dark: #0B0E14;
            --text-main: #111827;
            --text-muted: #4B5563;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            color: var(--text-main);
            background-color: #F8FAFC;
            line-height: 1.7;
            -webkit-font-smoothing: antialiased;
        }
        .hero-bg {
            background-image: linear-gradient(135deg, rgba(11, 14, 20, 0.94) 0%, rgba(15, 23, 42, 0.88) 100%), url('/assets/images/af30ea2bd9dd6a28.webp');
            background-size: cover;
            background-position: center;
        }
        .dark-section-bg {
            background-image: radial-gradient(circle at 20% 20%, rgba(0, 229, 153, 0.04) 0%, transparent 60%), radial-gradient(circle at 80% 80%, rgba(255, 90, 31, 0.03) 0%, transparent 60%), linear-gradient(180deg, #0B0E14 0%, #111622 100%);
        }
        .smooth-scroll {
            scroll-behavior: smooth;
        }
        .tech-card {
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }
        .tech-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 30px -10px rgba(0, 229, 153, 0.12);
            border-color: rgba(0, 229, 153, 0.4);
        }
        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }