/* roulang page: index */
:root {
            --primary-blue: #0284C7;
            --electric-cyan: #06B6D4;
            --coral-orange: #F97316;
            --bg-night: #0B0F17;
            --bg-canvas: #F8FAFC;
            --text-heading: #0F172A;
            --text-muted: #64748B;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            line-height: 1.8;
            color: #1E293B;
            background-color: var(--bg-canvas);
        }

        .hero-mesh {
            background: linear-gradient(135deg, rgba(11, 15, 23, 0.94) 0%, rgba(19, 27, 42, 0.88) 100%), url('/assets/images/89114fff454c1fd5.png') center/cover no-repeat;
        }

        .dark-strip {
            background: linear-gradient(180deg, #0B0F17 0%, #111827 100%);
        }

        .card-glow {
            transition: all 0.25s ease-in-out;
        }

        .card-glow:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 28px -6px rgba(2, 132, 199, 0.18);
        }

        .text-glow {
            text-shadow: 0 0 20px rgba(6, 182, 212, 0.35);
        }

        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }