/* roulang page: index */
:root {
            --primary: #1b4332;
            --primary-dark: #081c15;
            --secondary: #40916c;
            --accent: #b7791f;
            --bg-light: #f8f9fa;
            --bg-subtle: #edf2f7;
            --text-main: #1f2937;
            --text-muted: #4b5563;
            --border-color: rgba(27, 67, 50, 0.12);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #ffffff;
            line-height: 1.75;
        }
        .coupon-ticket {
            background: radial-gradient(circle at left, transparent 12px, #ffffff 13px) left,
                        radial-gradient(circle at right, transparent 12px, #ffffff 13px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
            filter: drop-shadow(0 4px 14px rgba(0,0,0,0.06));
        }
        .coupon-ticket-hero {
            background: radial-gradient(circle at left, transparent 16px, #ffffff 17px) left,
                        radial-gradient(circle at right, transparent 16px, #ffffff 17px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
            filter: drop-shadow(0 10px 25px rgba(27,67,50,0.12));
        }
        .scroll-smooth {
            scroll-behavior: smooth;
        }