/* roulang page: index */
:root {
            --bg-base: #0B1120;
            --bg-card: rgba(15, 23, 42, 0.75);
            --border-glow: rgba(56, 189, 248, 0.2);
            --border-glow-hover: rgba(56, 189, 248, 0.6);
            --glow-shadow: 0 0 25px rgba(56, 189, 248, 0.35);
        }

        html {
            scroll-behavior: smooth;
            background-color: var(--bg-base);
            color: #F8FAFC;
        }

        .bg-grid-pattern {
            background-image: radial-gradient(rgba(56, 189, 248, 0.1) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .glass-card {
            background: var(--bg-card);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--border-glow);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            border-color: var(--border-glow-hover);
            box-shadow: var(--glow-shadow);
            transform: translateY(-3px);
        }

        .glow-btn {
            background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%);
            box-shadow: 0 0 15px rgba(56, 189, 248, 0.35);
            transition: all 0.3s ease;
        }

        .glow-btn:hover {
            box-shadow: 0 0 25px rgba(56, 189, 248, 0.7);
            transform: translateY(-2px);
        }

        /* 隐藏 details 默认三角 */
        details summary::-webkit-details-marker {
            display: none;
        }