/* roulang page: index */
:root {
            --primary: #6C38FF;
            --secondary: #FF2E93;
            --accent: #00F5D4;
            --dark-bg: #0D0E15;
            --light-bg: #F8F9FC;
            --text-main: #1E202A;
            --text-muted: #64748B;
            --border-color: rgba(108, 56, 255, 0.12);
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--light-bg);
            color: var(--text-main);
            overflow-x: hidden;
            -webkit-tap-highlight-color: transparent;
        }

        /* 渐变流光文字与背景 */
        .text-gradient {
            background: linear-gradient(135deg, #6C38FF 0%, #FF2E93 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .text-gradient-teal {
            background: linear-gradient(135deg, #00F5D4 0%, #6C38FF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .bg-gradient-brand {
            background: linear-gradient(135deg, #6C38FF 0%, #FF2E93 100%);
        }
        .bg-gradient-dark {
            background: radial-gradient(circle at top right, #201335 0%, #0D0E15 70%);
        }

        /* 卡片堆叠视觉呈现 */
        .card-stack-wrapper {
            perspective: 1200px;
            transform-style: preserve-3d;
        }
        .stack-card-center {
            transform: translateZ(30px);
            z-index: 20;
            box-shadow: 0 25px 50px -12px rgba(108, 56, 255, 0.35);
        }
        .stack-card-left {
            transform: translateX(-45px) translateY(24px) scale(0.92) rotate(-3deg);
            z-index: 10;
            filter: brightness(0.95);
        }
        .stack-card-right {
            transform: translateX(45px) translateY(24px) scale(0.92) rotate(3deg);
            z-index: 10;
            filter: brightness(0.95);
        }
        @media (max-width: 1024px) {
            .stack-card-left, .stack-card-right {
                display: none;
            }
            .stack-card-center {
                transform: none;
            }
        }

        /* 交互微动效 */
        .interactive-card {
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
        }
        .interactive-card:hover {
            transform: translateY(-6px);
            border-color: rgba(108, 56, 255, 0.35);
            box-shadow: 0 20px 35px -10px rgba(108, 56, 255, 0.16);
        }

        /* FAQ 手风琴样式过渡 */
        .faq-item[open] summary svg {
            transform: rotate(180deg);
        }
        summary {
            list-style: none;
        }
        summary::-webkit-details-marker {
            display: none;
        }

        /* 呼吸光点 */
        .pulse-dot {
            box-shadow: 0 0 0 0 rgba(0, 245, 212, 0.7);
            animation: pulse-ring 2s infinite cubic-bezier(0.66, 0, 0, 1);
        }
        @keyframes pulse-ring {
            0% { box-shadow: 0 0 0 0 rgba(0, 245, 212, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(0, 245, 212, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 245, 212, 0); }
        }