/* roulang page: index */
:root {
            --color-primary: #1E4334;
            --color-secondary: #A47843;
            --color-bg: #F9F7F2;
            --color-text: #2B332E;
            --color-muted: #5A665E;
        }
        body {
            background-color: var(--color-bg);
            color: var(--color-text);
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.8;
            -webkit-font-smoothing: antialiased;
        }
        h1, h2, h3, h4, .font-tcm {
            font-family: "Source Han Serif SC", "Songti SC", SimSun, serif;
        }
        .chinese-quote::before {
            content: "“";
            font-family: serif;
            font-size: 2.4rem;
            color: #A47843;
            line-height: 0;
            display: inline-block;
            vertical-align: -0.4rem;
            margin-right: 0.25rem;
        }
        .chinese-quote::after {
            content: "”";
            font-family: serif;
            font-size: 2.4rem;
            color: #A47843;
            line-height: 0;
            display: inline-block;
            vertical-align: -0.8rem;
            margin-left: 0.25rem;
        }
        .card-tcm {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            border: 1px solid rgba(164, 120, 67, 0.15);
        }
        .card-tcm:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -8px rgba(30, 67, 52, 0.12);
            border-color: rgba(164, 120, 67, 0.4);
        }