/* roulang page: index */
:root {
            --primary: #8C6538;
            --primary-hover: #75522A;
            --primary-light: #F4EFEA;
            --dark-base: #111418;
            --dark-card: #181E24;
            --text-main: #1D232C;
            --text-muted: #5A6270;
            --border-light: #E6E8EB;
            --bg-page: #F8F9FA;
        }

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

        .hairline-border {
            border: 1px solid var(--border-light);
        }

        .copper-btn {
            background-color: var(--primary);
            color: #ffffff;
            transition: all 0.25s ease;
        }

        .copper-btn:hover {
            background-color: var(--primary-hover);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(140, 101, 56, 0.2);
        }

        .card-elevated {
            background: #ffffff;
            border: 1px solid var(--border-light);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .card-elevated:hover {
            border-color: #D3B89A;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
            transform: translateY(-2px);
        }

        .smooth-anchor {
            scroll-behavior: smooth;
        }

        .dark-section-bg {
            background-color: #0D1117;
            background-image: radial-gradient(circle at 50% 0%, #1A222C 0%, #0D1117 75%);
        }

        .tabular-nums {
            font-variant-numeric: tabular-nums;
        }