/* roulang page: index */
:root {
            --color-primary: #0F3E36;
            --color-primary-dark: #0A2621;
            --color-accent: #C5A880;
            --color-accent-light: #DFCA9B;
            --color-bg-light: #F4F1EA;
            --color-text-main: #1C2B27;
            --color-text-muted: #5E6D67;
        }
        body {
            color: var(--color-text-main);
            background-color: #FAFAF8;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .gold-gradient-bg {
            background: linear-gradient(135deg, #DFCA9B 0%, #C5A880 100%);
        }
        .pine-glass {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .data-badge {
            border: 1px solid rgba(197, 168, 128, 0.4);
            background: rgba(197, 168, 128, 0.12);
        }
        .hero-magazine-card {
            border: 1px solid rgba(197, 168, 128, 0.25);
            background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(244,241,234,0.92) 100%);
        }
        .tab-btn.active {
            background-color: #0F3E36;
            color: #FFFFFF;
            border-color: #0F3E36;
        }