/* roulang page: index */
:root {
            --brand-cyan: #00D1B2;
            --brand-teal: #00B4D8;
            --brand-orange: #FF6B35;
            --brand-dark: #0E131F;
            --brand-gray: #F4F6F9;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        .hero-clip {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }
        @media (min-width: 1024px) {
            .hero-clip {
                clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
            }
        }
        .glow-border {
            border: 1px solid rgba(0, 209, 178, 0.2);
            transition: all 0.3s ease;
        }
        .glow-border:hover {
            border-color: rgba(0, 209, 178, 0.6);
            box-shadow: 0 10px 25px -5px rgba(0, 209, 178, 0.15);
        }
        details > summary { list-style: none; }
        details > summary::-webkit-details-marker { display: none; }
        details[open] summary svg { transform: rotate(180deg); }