/* ===== 信用体系 · 政策法规详情页（复用标准详情版式） ===== */

        .article-head { margin-bottom: 22px; }

        .article-cat {

            display: inline-block; color: #fff;

            background: linear-gradient(135deg, var(--primary-blue), var(--accent-blue));

            padding: 4px 12px; border-radius: 4px; font-size: 13px;

            letter-spacing: 0.5px; margin-bottom: 14px;

        }

        .article-title { font-size: 28px; font-weight: 700; color: var(--text-primary); line-height: 1.45; }

        .article-meta {

            display: flex; flex-wrap: wrap; align-items: center; gap: 16px;

            margin-top: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--border-color);

            color: var(--text-muted); font-size: 14px;

        }

        .article-meta .sep { width: 1px; height: 13px; background: var(--border-color); }



        .policy-info {

            display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;

            background: var(--border-color); border: 1px solid var(--border-color);

            border-radius: var(--radius-md); overflow: hidden; margin: 26px 0;

        }

        .policy-info-item { background: var(--bg-white); padding: 16px 20px; display: flex; flex-direction: column; gap: 6px; }

        .policy-info-label { font-size: 13px; color: var(--text-muted); display: flex; align-items: center; gap: 6px; }

        .policy-info-label .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-blue); }

        .policy-info-value { font-size: 16px; font-weight: 600; color: var(--text-primary); }

        .article-nav {

            display: flex; justify-content: space-between; gap: 16px;

            margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--border-color);

        }

        .article-nav a {

            color: var(--text-secondary); text-decoration: none; font-size: 14px; line-height: 1.6;

            transition: var(--transition); width: 48%;

            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;

        }

        .article-nav a:hover { color: var(--primary-blue); }

        .article-nav .label { color: var(--text-muted); font-size: 13px; display: block; margin-bottom: 6px; }

        .article-nav .next { text-align: right; margin-left: auto; }

        .related { margin-top: 48px; }

        .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 22px; }

        .policy-card-related {

            display: flex; flex-direction: column; background: var(--bg-white);

            border: 1px solid var(--border-color); border-radius: var(--radius-md);

            overflow: hidden; text-decoration: none; color: inherit;

            box-shadow: var(--shadow-sm); transition: var(--transition);

        }

        .policy-card-related:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); border-color: var(--accent-blue); }

        .policy-card-related .policy-card-img {

            position: relative; aspect-ratio: 636 / 380; overflow: hidden;

            background: linear-gradient(135deg, #0a326c 0%, #14529c 60%, #4fa3ff 100%);

        }

        .policy-card-related .policy-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.55s ease; }

        .policy-card-related:hover .policy-card-img img { transform: scale(1.07); }

        .policy-card-related .policy-card-body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }

        .policy-card-related .policy-card-title {

            font-size: 16px; font-weight: 700; color: var(--text-primary); line-height: 1.5;

            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.2s ease;

        }

        .policy-card-related:hover .policy-card-title { color: var(--primary-blue); }

        .policy-card-related .policy-card-excerpt {

            font-size: 14px; color: var(--text-secondary); line-height: 1.8;

            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: auto;

        }

        @media (max-width: 980px) { .related-grid { grid-template-columns: repeat(2, 1fr); } .policy-info { grid-template-columns: 1fr; } }

        @media (max-width: 560px) {

            .article-title { font-size: 22px; }

            .article-nav { flex-direction: column; }

            .article-nav a { width: 100%; }

            .article-nav .next { text-align: left; margin-left: 0; }

            .related-grid { grid-template-columns: none; display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 6px; scrollbar-width: none; }

            .related-grid::-webkit-scrollbar { display: none; }

            .related-grid .policy-card-related { flex: 0 0 80%; scroll-snap-align: start; }

        }
