/* roulang page: index */
:root { --brand-color: #e11d48; }
        body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; }
        .gradient-bg { background: linear-gradient(135deg, #e11d48 0%, #be185d 100%); }
        .card-shadow { box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }

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: category1 */
:root { --brand-color: #e11d48; }
    /* roulang page: index */
    :root { --brand-color: #e11d48; }
    body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; }
    .card-shadow { box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
    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}
    main section{padding:42px 0}
    @media(max-width:768px){main section{padding:42px 0} h1{font-size:2rem}}

    /* 视觉系统增强：GEO 结构化卡片与榜单样式 */
    .answer-box {
      border-left: 4px solid var(--brand-color);
      background: #ffffff;
      box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
    }
    .rank-badge-1 { background: linear-gradient(135deg, #fbbf24, #d97706); color: #fff; }
    .rank-badge-2 { background: linear-gradient(135deg, #94a3b8, #64748b); color: #fff; }
    .rank-badge-3 { background: linear-gradient(135deg, #d97706, #b45309); color: #fff; }
    .metric-bubble {
      background: rgba(225, 29, 72, 0.06);
      border: 1px solid rgba(225, 29, 72, 0.18);
    }