/* roulang page: index */
:root {
            --primary: #1A4331;
            --primary-dark: #111C16;
            --primary-light: #2A5A43;
            --accent: #C28E52;
            --accent-hover: #AA763E;
            --bg-light: #F8F9FA;
            --bg-subtle: #F0F3F1;
            --text-main: #1B2520;
            --text-muted: #5F6C65;
            --border-color: #E2E7E4;
        }

        html {
            scroll-behavior: smooth;
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #ffffff;
        }

        /* 工业级定制微质感阴影 */
        .card-shadow {
            box-shadow: 0 2px 10px rgba(26, 67, 49, 0.05);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-shadow:hover {
            box-shadow: 0 14px 28px rgba(26, 67, 49, 0.09);
            transform: translateY(-3px);
        }

        /* 视频遮罩渐变与质感叠层 */
        .hero-overlay {
            background: linear-gradient(180deg, rgba(17, 28, 22, 0.78) 0%, rgba(26, 67, 49, 0.88) 100%);
        }

        /* 板块背景交替与过渡 */
        .section-subtle { background-color: var(--bg-subtle); }
        .section-light { background-color: var(--bg-light); }
        .section-dark { background-color: var(--primary-dark); color: #f3f4f6; }

        /* 自定义微光滚动条与通用交互 */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #F0F3F1; }
        ::-webkit-scrollbar-thumb { background: #A7B6AD; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--primary); }

        .btn-accent {
            background-color: var(--accent);
            color: #ffffff;
            transition: all 0.25s ease;
        }
        .btn-accent:hover {
            background-color: var(--accent-hover);
            transform: translateY(-1px);
        }

        details summary::-webkit-details-marker { display: none; }