/* roulang page: index */
:root {
            --gold-gradient: linear-gradient(135deg, #fce38a 0%, #d4af37 50%, #996515 100%);
            --panel-gradient: linear-gradient(180deg, #141724 0%, #0d0f17 100%);
            --gold-border: rgba(212, 175, 55, 0.25);
        }
        html { scroll-behavior: smooth; }
        body {
            background-color: #08090d;
            color: #d1d5db;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .gold-text {
            background: var(--gold-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gold-btn {
            background: linear-gradient(135deg, #e5c05b 0%, #c49a2c 100%);
            color: #090a0f;
            box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25);
            transition: all 0.3s ease;
        }
        .gold-btn:hover {
            background: linear-gradient(135deg, #f7d77b 0%, #d8ac38 100%);
            box-shadow: 0 6px 28px rgba(212, 175, 55, 0.45);
            transform: translateY(-1px);
        }
        .card-gold-border {
            border: 1px solid var(--gold-border);
            transition: border-color 0.3s ease, transform 0.3s ease;
        }
        .card-gold-border:hover {
            border-color: rgba(212, 175, 55, 0.65);
            transform: translateY(-2px);
        }
        details summary::-webkit-details-marker { display: none; }