﻿/* ============================================================
   法律文本页面（隐私政策 / 服务条款）
   ============================================================ */

.legal-content {
    max-width: 820px;
    margin: 0 auto;
}

/* 更新日期 */
.legal-meta {
    text-align: center;
    font-size: 13px;
    color: var(--color-gray-400);
    margin: 0 0 var(--spacing-2xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-gray-100);
}

/* 章节标题：无衬线，带下划线 */
.legal-content h3 {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-navy);
    margin: var(--spacing-2xl) 0 var(--spacing-sm);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-gray-100);
    letter-spacing: 0.02em;
}

    .legal-content h3:first-of-type {
        margin-top: 0;
    }

/* 正文 */
.legal-content p {
    font-size: 15px;
    line-height: 1.9;
    color: var(--color-gray-600);
    margin: 0 0 var(--spacing-sm);
}

/* 列表 */
.legal-content ul {
    margin: 0 0 var(--spacing-sm);
    padding-left: 22px;
    list-style: none;
}

    .legal-content ul li {
        position: relative;
        font-size: 15px;
        line-height: 1.9;
        color: var(--color-gray-600);
        margin-bottom: 6px;
        padding-left: 8px;
    }

        /* 用短横线替代默认圆点，符合全站无圆角基调 */
        .legal-content ul li::before {
            content: '';
            position: absolute;
            left: -14px;
            top: 14px;
            width: 6px;
            height: 1px;
            background: var(--color-red);
            opacity: 0.5;
        }

/* 强调文字 */
.legal-content strong {
    color: var(--color-navy);
    font-weight: 600;
}

/* 响应式 */
@media (max-width: 768px) {
    .legal-content h3 {
        font-size: 16px;
        margin: var(--spacing-xl) 0 var(--spacing-sm);
    }

    .legal-content p,
    .legal-content ul li {
        font-size: 14px;
        line-height: 1.8;
    }

    .legal-meta {
        font-size: 12px;
        margin-bottom: var(--spacing-xl);
    }
}
