/* roulang page: index */
:root {
            --primary: #1D1D1F;
            --accent: #B8860B;
            --accent-light: #D4AF37;
            --bg-light: #F5F5F7;
            --card-border: #E5E5EA;
            --text-muted: #86868B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            -webkit-font-smoothing: antialiased;
            background-color: var(--bg-light);
            color: var(--primary);
            overflow-x: hidden;
        }
        .coupon-mask {
            mask-image: radial-gradient(circle at 12px center, transparent 12px, white 12.5px);
        }
        .glass-nav {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            background-color: rgba(255, 255, 255, 0.85);
        }
        .hero-banner-bg {
            background-image: linear-gradient(135deg, rgba(15,16,18,0.88), rgba(29,29,31,0.78)), url('/assets/images/5b845dfd716bd9a7.webp');
            background-size: cover;
            background-position: center;
        }
        .dark-section-bg {
            background-image: radial-gradient(circle at top right, rgba(212,175,55,0.08), transparent 40%), linear-gradient(to bottom, #0F1012, #18191B);
        }
        html {
            scroll-behavior: smooth;
        }