/* roulang page: index */
:root {
            --primary: #1E40AF;
            --accent: #0D9488;
            --canvas: #F8FAFC;
            --text-main: #0F172A;
            --text-sub: #334155;
            --text-muted: #64748B;
            --border-light: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--canvas);
            color: var(--text-main);
            line-height: 1.7;
        }
        .hero-countdown-ring {
            background: conic-gradient(#0D9488 calc(var(--progress, 85) * 1%), #E2E8F0 0);
        }
        .section-header {
            position: relative;
        }
        .section-header::after {
            content: '';
            display: block;
            width: 48px;
            height: 4px;
            background: #1E40AF;
            border-radius: 2px;
            margin: 12px auto 0;
        }
        .section-header-left::after {
            content: '';
            display: block;
            width: 48px;
            height: 4px;
            background: #0D9488;
            border-radius: 2px;
            margin: 12px 0 0;
        }