/* roulang page: index */
:root {
            --primary: #0D5C75;
            --primary-dark: #083B4C;
            --secondary: #00A896;
            --vitality: #2EC4B6;
            --accent: #FF9F1C;
            --bg-page: #F7FAFC;
            --card-radius: 20px;
            --shadow-soft: 0 10px 30px -5px rgba(13, 92, 117, 0.08);
            --shadow-card: 0 14px 35px rgba(0, 0, 0, 0.06);
        }
        
        html {
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--bg-page);
            color: #2D3748;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }

        .hero-banner {
            background: linear-gradient(135deg, rgba(8, 59, 76, 0.94) 0%, rgba(13, 92, 117, 0.90) 100%), url('/assets/images/9608d5378d889ca4.webp') center/cover no-repeat;
        }

        .dark-section {
            background: linear-gradient(180deg, #0B1B2B 0%, #081420 100%);
        }

        .cta-banner {
            background: linear-gradient(135deg, #0D5C75 0%, #00A896 100%);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.8);
        }

        .dark-glass-card {
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .badge-vitality {
            background: rgba(46, 196, 182, 0.12);
            color: #008779;
            border: 1px solid rgba(46, 196, 182, 0.3);
        }

        .chip-btn {
            transition: all 0.25s ease;
        }
        .chip-btn:hover {
            background-color: #00A896;
            color: #ffffff;
            transform: translateY(-2px);
        }

        .faq-item summary::-webkit-details-marker {
            display: none;
        }
        
        .faq-item summary {
            list-style: none;
        }

        .faq-item[open] summary svg {
            transform: rotate(180deg);
        }

        .stat-glow {
            text-shadow: 0 4px 12px rgba(46, 196, 182, 0.3);
        }