/* roulang page: index */
:root {
            --brand-primary: #050811;
            --brand-secondary: #0F172A;
            --brand-emerald: #059669;
            --brand-cyan: #06B6D4;
            --text-heading: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
            --border-light: #E2E8F0;
            --border-dark: #1E293B;
            --surface-card: #FFFFFF;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: #F8FAFC;
            color: var(--text-body);
            line-height: 1.7;
            overflow-x: hidden;
        }

        /* 斜切色块英雄区定制样式 */
        .hero-clip-polygon {
            clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
        }

        @media (max-width: 768px) {
            .hero-clip-polygon {
                clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
            }
        }

        /* 呼吸光点与微动画 */
        .live-dot {
            width: 8px;
            height: 8px;
            background-color: #10B981;
            border-radius: 50%;
            display: inline-block;
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
            animation: pulse-ring 2s infinite;
        }

        @keyframes pulse-ring {
            0% {
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
            }
            70% {
                box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
            }
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
        }
        .accordion-content.open {
            max-height: 500px;
            transition: max-height 0.35s ease-in-out;
        }

        /* 滚动条定制 */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0F172A;
        }
        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #059669;
        }