/* roulang page: index */
:root {
            --primary: #1E40AF;
            --primary-hover: #1D4ED8;
            --accent: #F97316;
            --accent-hover: #EA580C;
            --text-main: #0F172A;
            --text-muted: #475569;
            --bg-light: #F8FAFC;
            --bg-white: #FFFFFF;
            --border-line: #E2E8F0;
            --shadow-card: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
            --shadow-hover: 0 20px 25px -5px rgba(15, 23, 42, 0.1);
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        body { color: var(--text-main); background-color: var(--bg-white); line-height: 1.6; }
        .glass-header { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background-color: rgba(255, 255, 255, 0.95); }
        .hero-banner-bg {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 64, 175, 0.88) 100%), url('/assets/images/24f576c75dba5318.jpg') center/cover no-repeat;
        }
        .deep-ocean-bg {
            background: linear-gradient(180deg, #0A0F1D 0%, #111827 100%), url('/assets/images/374191ad9346148e.jpg') center/cover no-repeat;
        }
        .card-custom {
            border: 1px solid var(--border-line);
            border-radius: 12px;
            box-shadow: var(--shadow-card);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-custom:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
            border-color: #CBD5E1;
        }
        .flash-pill {
            background: rgba(249, 115, 22, 0.12);
            color: #C2410C;
            border: 1px solid rgba(249, 115, 22, 0.28);
        }
        .tab-btn.active {
            color: #1E40AF;
            border-color: #1E40AF;
            background-color: #EFF6FF;
        }
        .step-num-badge {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #EFF6FF;
            color: #1E40AF;
            font-weight: 700;
        }
        .faq-item details summary::-webkit-details-marker { display: none; }