/* roulang page: index */
:root {
            --brand-deep: #0A1A14;
            --brand-green: #10B981;
            --brand-orange: #F97316;
            --text-dark: #0F172A;
            --text-muted: #64748B;
            --card-border: rgba(16, 185, 129, 0.12);
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif; }
        .gradient-brand { background: linear-gradient(135deg, #10B981 0%, #F97316 100%); }
        .gradient-dark { background: linear-gradient(180deg, #0A1A14 0%, #0F2D1F 100%); }
        .gradient-mesh { background: radial-gradient(circle at 10% 20%, rgba(16, 185, 129, 0.15) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(249, 115, 22, 0.1) 0%, transparent 40%); }
        .card-glow:hover { box-shadow: 0 12px 30px -10px rgba(16, 185, 129, 0.25); border-color: rgba(16, 185, 129, 0.4); }
        .glass-dark { background: rgba(10, 26, 20, 0.85); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.08); }

/* roulang page: category1 */
:root {
      --brand-deep: #0A1A14;
      --brand-green: #10B981;
      --brand-orange: #F97316;
      --text-dark: #0F172A;
      --text-muted: #64748B;
      --card-border: rgba(16, 185, 129, 0.12);
    }
    html { scroll-behavior: smooth; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif; }
    .gradient-brand { background: linear-gradient(135deg, #10B981 0%, #F97316 100%); }
    .card-glow { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .card-glow:hover { box-shadow: 0 16px 36px -10px rgba(16, 185, 129, 0.22); border-color: rgba(16, 185, 129, 0.4); transform: translateY(-3px); }
    .tag-badge { border: 1px solid rgba(16, 185, 129, 0.25); background: rgba(16, 185, 129, 0.06); }