/* roulang page: index */
:root {
            --primary: #1F5E46;
            --secondary: #C89B53;
            --bg-page: #F8F9F6;
            --text-main: #1D2723;
            --text-sub: #4A5852;
            --transition-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-page);
            color: var(--text-main);
            overflow-x: hidden;
        }
        .hero-banner-gradient {
            background: linear-gradient(135deg, rgba(22, 72, 53, 0.95) 0%, rgba(31, 94, 70, 0.9) 60%, rgba(42, 121, 91, 0.85) 100%);
        }
        .gold-badge {
            background: linear-gradient(135deg, #FAF4E8 0%, #F5E8CE 100%);
            border: 1px solid #DFB46C;
            color: #8C6221;
        }
        .btn-gold {
            background: linear-gradient(90deg, #C89B53 0%, #DFB46C 100%);
            transition: var(--transition-smooth);
        }
        .btn-gold:hover {
            opacity: 0.95;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(200, 155, 83, 0.35);
        }
        .card-interaction {
            transition: var(--transition-smooth);
        }
        .card-interaction:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -4px rgba(31, 94, 70, 0.12);
            border-color: rgba(31, 94, 70, 0.28);
        }
        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }