/* roulang page: index */
:root {
            --color-kinetic: #00E599;
            --color-carbon: #0B0F17;
            --color-slate-bg: #F8FAFC;
            --color-text-main: #0F172A;
            --color-text-muted: #475569;
            --border-subtle: #E2E8F0;
        }

        html {
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            background-color: #FFFFFF;
            color: var(--color-text-main);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }

        /* 动画与微交互 */
        .pulse-beacon {
            box-shadow: 0 0 0 0 rgba(0, 229, 153, 0.7);
            animation: pulse-ring 2s infinite cubic-bezier(0.66, 0, 0, 1);
        }
        @keyframes pulse-ring {
            to {
                box-shadow: 0 0 0 10px rgba(0, 229, 153, 0);
            }
        }

        .gradient-dark-mesh {
            background-color: #0B0F17;
            background-image: radial-gradient(at 20% 25%, rgba(0, 229, 153, 0.12) 0px, transparent 50%),
                              radial-gradient(at 80% 80%, rgba(17, 24, 39, 0.8) 0px, transparent 50%);
        }

        /* 自定义细节展开手风琴动画 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details summary {
            list-style: none;
        }
        details[open] .arrow-indicator {
            transform: rotate(180deg);
        }

        /* 隐藏滚动条 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }