/* roulang page: index */
:root {
            --color-primary: #0F2B48;
            --color-secondary: #1E3A5F;
            --color-accent: #FF5A1F;
            --color-dark: #0B0F17;
            --color-panel: #111827;
            --color-bg-light: #F8F9FA;
            --border-default: #E5E7EB;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg-light);
            color: #1F2937;
            overflow-x: hidden;
        }
        .coupon-mask {
            background-image: radial-gradient(circle at 0 50%, transparent 8px, #ffffff 8.5px), radial-gradient(circle at 100% 50%, transparent 8px, #ffffff 8.5px);
            background-position: left, right;
            background-size: 100% 100%;
        }