/* roulang page: index */
:root {
            --primary: #1E40AF;
            --accent: #0284C7;
            --success: #10B981;
            --dark-bg: #0F172A;
            --light-bg: #F8FAFC;
        }
        html { scroll-behavior: smooth; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--light-bg);
            color: #334155;
        }
        .coupon-mask {
            background-image: radial-gradient(circle at 0 50%, transparent 8px, #ffffff 9px), radial-gradient(circle at 100% 50%, transparent 8px, #ffffff 9px);
        }
        .coupon-active-mask {
            background-image: radial-gradient(circle at 0 50%, transparent 8px, #1E40AF 9px), radial-gradient(circle at 100% 50%, transparent 8px, #1E40AF 9px);
        }