/* roulang page: index */
:root {
            --primary: #0052D9;
            --primary-hover: #003CAB;
            --accent-green: #00A870;
            --accent-orange: #ED7B2F;
            --dark-bg: #0A101D;
            --font-main: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }
        html {
            scroll-behavior: smooth;
            scroll-padding-top: 96px;
        }
        body {
            font-family: var(--font-main);
            color: #4E5969;
            background-color: #FFFFFF;
        }
        .hero-bg {
            background-image: linear-gradient(135deg, rgba(10, 16, 29, 0.94) 0%, rgba(0, 82, 217, 0.88) 100%), url('/assets/images/5a6f67c5bd4eb340.webp');
            background-size: cover;
            background-position: center;
        }
        .coupon-card {
            background: linear-gradient(145deg, #ffffff 0%, #f7f9fc 100%);
            border: 1px dashed #0052D9;
            position: relative;
        }
        .coupon-card::before, .coupon-card::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 18px;
            height: 18px;
            background-color: #0A101D;
            border-radius: 50%;
            transform: translateY(-50%);
        }
        .coupon-card::before { left: -9px; }
        .coupon-card::after { right: -9px; }
        .tech-dark-grid {
            background-color: #0A101D;
            background-image: radial-gradient(rgba(0, 82, 217, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }