/* roulang page: index */
:root {
            --primary: #0F172A;
            --forest: #064E3B;
            --gold: #D97706;
            --emerald: #10B981;
            --crimson: #EF4444;
            --bg-base: #F8FAFC;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.75; color: #334155; }
        .bento-card { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
        .bento-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.12); }
        .tab-btn.active { border-color: #064E3B; color: #064E3B; background: #ECFDF5; }