/* roulang page: index */
:root {
      --primary: #dc2626;
      --primary-hover: #b91c1c;
      --accent: #f97316;
      --dark: #0f172a;
      --slate-soft: #f8fafc;
      --border-color: #e2e8f0;
    }
    html { scroll-behavior: smooth; }
    .channel-scroll::-webkit-scrollbar { display: none; }
    .channel-scroll { -ms-overflow-style: none; scrollbar-width: none; }
    .festival-glow {
      box-shadow: 0 0 35px -5px rgba(220, 38, 38, 0.25);
    }

/* roulang page: category2 */
:root {
      --primary: #dc2626;
      --primary-hover: #b91c1c;
      --accent: #f97316;
      --dark: #0f172a;
      --slate-soft: #f8fafc;
      --border-color: #e2e8f0;
    }
    html { scroll-behavior: smooth; }
    .channel-scroll::-webkit-scrollbar { height: 4px; }
    .channel-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

body{font-family:"Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;color:#1f2937;background:#f7f9fc}
  header,footer{background:#0f172a;color:#fff} header a,footer a{color:inherit;text-decoration:none}
  main section{padding:64px 0} .container{max-width:1180px}
  .hero,.site-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff}
  .card,.feature-card,.service-card,.category-card{border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 32px rgba(15,23,42,.08);border-radius:16px}
  .btn,.button,a[class*="btn"]{border-radius:999px;font-weight:700}
  img{max-width:100%;height:auto} @media(max-width:768px){main section{padding:42px 0} h1{font-size:2rem}}

/* roulang page: index */
:root {
      --primary-color: #ea580c;
      --secondary-color: #ef4444;
      --bg-dark: #0f172a;
      --card-border: #e2e8f0;
    }
    html {
      scroll-behavior: smooth;
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 9999px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #f1f5f9;
    }

/* roulang page: category1 */
:root {
      --primary: #dc2626;
      --primary-hover: #b91c1c;
      --accent: #f97316;
      --dark: #0f172a;
      --slate-soft: #f8fafc;
      --border-color: #e2e8f0;
      --primary-color: #ea580c;
      --secondary-color: #ef4444;
      --bg-dark: #0f172a;
      --card-border: #e2e8f0;
    }
    html { scroll-behavior: smooth; }
    body {
      font-family: "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.7;
      color: #1f2937;
      background: #f7f9fc;
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 4px;
    }
    .table-container {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

/* roulang page: category2 */
:root {
      --primary: #dc2626;
      --primary-hover: #b91c1c;
      --accent: #f97316;
      --dark: #0f172a;
      --slate-soft: #f8fafc;
      --border-color: #e2e8f0;
    }
    :root {
      --primary-color: #ea580c;
      --secondary-color: #ef4444;
      --bg-dark: #0f172a;
      --card-border: #e2e8f0;
    }
    html { scroll-behavior: smooth; }
    body { font-family: "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.7; color: #1f2937; background: #f7f9fc; }
    .custom-scrollbar::-webkit-scrollbar { height: 4px; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
    .whitepaper-cover { box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.3); }

/* roulang page: category4 */
:root {
      --primary: #dc2626;
      --primary-hover: #b91c1c;
      --accent: #f97316;
      --dark: #0f172a;
      --slate-soft: #f8fafc;
      --border-color: #e2e8f0;
    }
    :root {
      --primary-color: #ea580c;
      --secondary-color: #ef4444;
      --bg-dark: #0f172a;
      --card-border: #e2e8f0;
    }
    html { scroll-behavior: smooth; }
    body {
      font-family: "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.7;
      color: #1f2937;
      background: #f7f9fc;
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background-color: #cbd5e1;
      border-radius: 9999px;
    }
    .hero-stage {
      background: radial-gradient(circle at 50% 30%, #1e293b 0%, #0f172a 100%);
    }
    .stat-badge {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(8px);
    }
    .glass-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05), 0 8px 10px -6px rgba(15, 23, 42, 0.03);
    }

/* roulang page: category3 */
:root {
            --primary: #dc2626;
            --primary-hover: #b91c1c;
            --accent: #f97316;
            --dark: #0f172a;
            --slate-soft: #f8fafc;
            --border-color: #e2e8f0;
            --primary-color: #ea580c;
            --secondary-color: #ef4444;
            --bg-dark: #0f172a;
            --card-border: #e2e8f0;
        }
        html { scroll-behavior: smooth; }
        body {
            font-family: "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            line-height: 1.7;
            color: #1f2937;
            background: #f7f9fc;
        }
        main section { padding: 56px 0; }
        .hero, .site-hero {
            background: linear-gradient(135deg, #0f172a, #1d4ed8);
            color: #fff;
        }
        .card, .feature-card, .service-card, .category-card {
            border: 1px solid rgba(15, 23, 42, .08);
            box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
            border-radius: 16px;
        }
        .btn, .button, a[class*="btn"] {
            border-radius: 999px;
            font-weight: 700;
        }
        img { max-width: 100%; height: auto; }
        .custom-scrollbar::-webkit-scrollbar { height: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        @media(max-width: 768px) {
            main section { padding: 40px 0; }
            h1 { font-size: 1.875rem; line-height: 1.25; }
        }