/* roulang page: index */
:root {
            --primary: #162B26;
            --primary-light: #23423B;
            --secondary: #C49A58;
            --secondary-hover: #B28744;
            --bg-canvas: #F9F9F6;
            --card-bg: #FFFFFF;
            --text-main: #1D2A26;
            --text-muted: #52635E;
            --border-soft: rgba(22, 43, 38, 0.08);
            --shadow-subtle: 0 10px 30px -10px rgba(22, 43, 38, 0.05);
            --shadow-float: 0 20px 40px -15px rgba(22, 43, 38, 0.12);
        }

        body {
            background-color: var(--bg-canvas);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
            line-height: 1.75;
        }

        /* 极简高定卡片质感 */
        .card-zen {
            background: #FFFFFF;
            border: 1px solid var(--border-soft);
            box-shadow: var(--shadow-subtle);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-zen:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-float);
            border-color: rgba(196, 154, 88, 0.3);
        }

        /* 手风琴折叠平滑过渡 */
        .Focus is on continuing the style definition; the preceding code block introduced a hover effect. The current line indicates an intention to address an accordion-style smooth transition using CSS. The previous code block ended with a period.


Verifying the section requirements specified by the prompt; all 15 sections are needed in `