/* roulang page: index */
:root {
            --primary: #1E3A34;
            --secondary: #C97A52;
            --bg-paper: #F9F8F6;
            --text-main: #2B2F2E;
            --text-muted: #5E6562;
            --border-line: #E5E2DA;
            --radius-card: 16px;
            --radius-btn: 10px;
            --shadow-subtle: 0 8px 30px -4px rgba(30, 58, 52, 0.06);
            --shadow-lift: 0 16px 36px -6px rgba(30, 58, 52, 0.12);
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            background-color: var(--bg-paper);
            color: var(--text-main);
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        .custom-card {
            background: #FFFFFF;
            border: 1px solid var(--border-line);
            border-radius: var(--radius-card);
            box-shadow: var(--shadow-subtle);
            transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .custom-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-lift);
            border-color: rgba(201, 122, 82, 0.3);
        }
        .btn-primary {
            background-color: var(--secondary);
            color: #FFFFFF;
            border-radius: var(--radius-btn);
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
        }
        .btn-primary:hover {
            background-color: #B36741;
            transform: translateY(-1px);
        }
        .btn-outline {
            border: 1px solid var(--primary);
            color: var(--primary);
            border-radius: var(--radius-btn);
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
        }
        .btn-outline:hover {
            background-color: var(--primary);
            color: #FFFFFF;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }
        .badge-tag {
            display: inline-flex;
            align-items: center;
            font-size: 0.8125rem;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            background-color: rgba(30, 58, 52, 0.08);
            color: var(--primary);
            font-weight: 500;
        }
        .editorial-title {
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            letter-spacing: -0.02em;
        }