/* roulang page: index */
:root {
            --primary: #059669;
            --primary-glow: #10b981;
            --gold-accent: #d97706;
            --bg-dark: #0b0f19;
            --bg-card-dark: #111827;
            --border-dark: #1e293b;
        }
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            background-color: #0b0f19;
            color: #f1f5f9;
            overflow-x: hidden;
        }
        .gold-metal-gradient {
            background: linear-gradient(135deg, #fef3c7 0%, #f59e0b 50%, #b45309 100%);
        }
        .gold-border-gradient {
            border-image: linear-gradient(135deg, #fcd34d, #b45309) 1;
        }
        .vip-card-shadow {
            box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.25);
        }
        .emerald-glow-shadow {
            box-shadow: 0 10px 35px -5px rgba(16, 185, 129, 0.2);
        }
        .coupon-mask {
            mask-image: radial-gradient(circle at 0 50%, transparent 12px, black 13px), radial-gradient(circle at 100% 50%, transparent 12px, black 13px);
            mask-composite: intersect;
            -webkit-mask-composite: source-in;
        }