/* roulang page: index */
:root {
            --primary: #10B981;
            --primary-dark: #059669;
            --secondary: #06B6D4;
            --accent: #F97316;
            --text-main: #0F172A;
            --text-muted: #475569;
            --bg-light: #F8FAFC;
            --border-color: #E2E8F0;
        }

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

        .hero-pattern {
            background-image: radial-gradient(rgba(16, 185, 129, 0.12) 1px, transparent 1px), radial-gradient(rgba(6, 182, 212, 0.08) 1px, transparent 1px);
            background-size: 28px 28px;
            background-position: 0 0, 14px 14px;
        }

        .glow-effect {
            position: relative;
        }
        .glow-effect::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: linear-gradient(45deg, #10B981, #06B6D4, #F97316);
            border-radius: inherit;
            z-index: -1;
            opacity: 0.15;
            transition: opacity 0.3s ease;
        }
        .glow-effect:hover::before {
            opacity: 0.45;
        }

        /* 纯净无障碍聚焦样式 */
        a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
            outline: 2px solid #10B981;
            outline-offset: 2px;
        }

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