/* roulang page: index */
:root {
            --primary: #6366F1;
            --secondary: #06B6D4;
            --accent: #10B981;
            --warning: #F59E0B;
            --bg-dark: #0B0F19;
            --text-main: #0F172A;
            --text-muted: #64748B;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        .gradient-border {
            border: 1px solid transparent;
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(6, 182, 212, 0.15)) border-box;
        }
        .coupon-mask {
            background: radial-gradient(circle at left, transparent 14px, #ffffff 15px) left,
                        radial-gradient(circle at right, transparent 14px, #ffffff 15px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
        }
        .coupon-mask-dark {
            background: radial-gradient(circle at left, transparent 14px, #111827 15px) left,
                        radial-gradient(circle at right, transparent 14px, #111827 15px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
        }