/* roulang page: index */
:root {
            --primary: #0F172A;
            --accent: #D97706;
            --accent-hover: #B45309;
            --secondary: #4F46E5;
            --bg-page: #F8FAFC;
            --border-color: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-page);
            color: #334155;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }
        .spec-grid {
            background-image: radial-gradient(rgba(148, 163, 184, 0.25) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .table-row-even {
            background-color: #F8FAFC;
        }

/* roulang page: article */
:root {
            --primary: #0F172A;
            --accent: #D97706;
            --accent-hover: #B45309;
            --secondary: #4F46E5;
            --bg-page: #F8FAFC;
            --border-color: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-page);
            color: #334155;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }
        .spec-grid {
            background-image: radial-gradient(rgba(148, 163, 184, 0.25) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .table-row-even {
            background-color: #F8FAFC;
        }
        .article-prose {
            color: #334155;
            font-size: 1.05rem;
            line-height: 1.85;
        }
        .article-prose p {
            margin-bottom: 1.5rem;
            text-align: justify;
        }
        .article-prose h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #0F172A;
            margin-top: 2.25rem;
            margin-bottom: 1rem;
            padding-left: 0.75rem;
            border-left: 4px solid var(--accent);
            line-height: 1.35;
        }
        .article-prose h3 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #1E293B;
            margin-top: 1.75rem;
            margin-bottom: 0.75rem;
        }
        .article-prose ul, .article-prose ol {
            margin-bottom: 1.5rem;
            padding-left: 1.25rem;
        }
        .article-prose li {
            margin-bottom: 0.5rem;
            list-style-type: disc;
        }
        .article-prose blockquote {
            border-left: 4px solid #CBD5E1;
            padding-left: 1rem;
            color: #64748B;
            font-style: italic;
            margin: 1.5rem 0;
            background: #F1F5F9;
            padding: 1rem;
            border-radius: 0 0.5rem 0.5rem 0;
        }
        .article-prose a {
            color: var(--secondary);
            text-decoration: underline;
            font-weight: 500;
        }
        .article-prose strong {
            color: #0F172A;
            font-weight: 600;
        }

/* roulang page: category1 */
:root {
            --primary: #0F172A;
            --accent: #D97706;
            --accent-hover: #B45309;
            --secondary: #4F46E5;
            --bg-page: #F8FAFC;
            --border-color: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-page);
            color: #334155;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }
        .spec-grid {
            background-image: radial-gradient(rgba(148, 163, 184, 0.25) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .table-row-even {
            background-color: #F8FAFC;
        }
        details[open] summary svg {
            transform: rotate(180deg);
        }