/* roulang page: index */
:root {
      --primary: #0D5C63;
      --accent: #E07A5F;
      --dark-slate: #132A2F;
      --mica-white: #F8F9FA;
    }
    html {
      scroll-padding-top: 100px;
    }
    .hero-phone-glow {
      box-shadow: 0 25px 50px -12px rgba(13, 92, 99, 0.35);
    }
    .video-mockup-border {
      border: 8px solid #1F2421;
    }
    .tabular-nums {
      font-variant-numeric: tabular-nums;
    }

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}}