/* roulang page: index */
body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
        }
        .line-clamp-1 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

/* roulang page: article */
/* roulang page: article */
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: #f8fafc;
      color: #1e293b;
    }
    .article-content {
      line-height: 1.85;
      font-size: 16px;
      color: #334155;
    }
    .article-content p {
      margin-bottom: 1.5rem;
      text-align: justify;
    }
    .article-content h2 {
      font-size: 1.375rem;
      font-weight: 700;
      color: #0f172a;
      margin-top: 2rem;
      margin-bottom: 1rem;
      padding-left: 0.75rem;
      border-left: 4px solid #2563eb;
    }
    .article-content h3 {
      font-size: 1.15rem;
      font-weight: 600;
      color: #1e293b;
      margin-top: 1.5rem;
      margin-bottom: 0.75rem;
    }
    .article-content ul, .article-content ol {
      margin-bottom: 1.5rem;
      padding-left: 1.5rem;
    }
    .article-content ul {
      list-style-type: disc;
    }
    .article-content ol {
      list-style-type: decimal;
    }
    .article-content li {
      margin-bottom: 0.5rem;
    }
    .article-content blockquote {
      border-left: 4px solid #cbd5e1;
      padding-left: 1rem;
      color: #64748b;
      font-style: italic;
      margin: 1.5rem 0;
      background: #f1f5f9;
      padding: 0.75rem 1rem;
      border-radius: 0 0.375rem 0.375rem 0;
    }
    .article-content img {
      max-width: 100%;
      height: auto;
      border-radius: 0.5rem;
      margin: 1.5rem auto;
    }

/* roulang page: category1 */
/* roulang page: category */
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  background-color: #f8fafc;
  color: #1e293b;
}
@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .category-cards { grid-template-columns: 1fr; }
  .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (max-width: 520px) {
  .hero-title { font-size: 1.75rem; line-height: 1.25; }
  .btn-responsive { width: 100%; text-align: center; justify-content: center; }
}