/* roulang page: index */
:root {
            --primary: #0D3B36;
            --accent: #00A878;
            --accent-glow: #00E5A3;
            --cta-orange: #F26419;
            --bg-dark: #061A18;
            --bg-light: #F8FAFA;
            --border-color: #E2EAE8;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1A2E2B;
            background-color: #FFFFFF;
            line-height: 1.7;
        }
        .bio-shadow {
            box-shadow: 0 4px 20px -2px rgba(13, 59, 54, 0.06);
        }
        .bio-shadow-hover:hover {
            box-shadow: 0 12px 30px -4px rgba(13, 59, 54, 0.12);
        }
        .hero-mesh {
            background-image: radial-gradient(rgba(0, 229, 163, 0.15) 1px, transparent 1px), radial-gradient(rgba(0, 168, 120, 0.1) 1px, #061A18 1px);
            background-size: 32px 32px;
            background-position: 0 0, 16px 16px;
        }
        details summary::-webkit-details-marker { display: none; }