/* 元素卡牌 · 隐私政策（移动端优先） */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body.privacy-page {
    margin: 0;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: #2c3142;
    background: linear-gradient(180deg, #0f1220 0%, #1a1f35 120px, #f4f6fb 120px);
}

.privacy-header {
    padding: 28px 20px 32px;
    color: #fff;
    text-align: center;
}

.privacy-header h1 {
    margin: 0 0 8px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.privacy-header .subtitle {
    margin: 0;
    font-size: 0.8125rem;
    opacity: 0.78;
}

.privacy-wrap {
    max-width: 720px;
    margin: -16px auto 0;
    padding: 0 16px 40px;
}

.privacy-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(15, 18, 32, 0.08);
    padding: 24px 20px 28px;
}

.privacy-meta {
    font-size: 0.8125rem;
    color: #6b7280;
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef0f5;
}

.privacy-card h2 {
    margin: 28px 0 12px;
    font-size: 1.0625rem;
    color: #1a2035;
    font-weight: 600;
}

.privacy-card h2:first-of-type {
    margin-top: 0;
}

.privacy-card p {
    margin: 0 0 12px;
    color: #3d4458;
}

.privacy-card ul,
.privacy-card ol {
    margin: 0 0 14px;
    padding-left: 1.25rem;
    color: #3d4458;
}

.privacy-card li {
    margin-bottom: 8px;
}

.privacy-card li:last-child {
    margin-bottom: 0;
}

.privacy-card a {
    color: #2563eb;
    text-decoration: none;
    word-break: break-all;
}

.privacy-card a:hover {
    text-decoration: underline;
}

.privacy-highlight {
    background: #f8fafc;
    border-left: 3px solid #c9a227;
    padding: 12px 14px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 16px;
    font-size: 0.875rem;
    color: #4b5563;
}

.privacy-footer {
    text-align: center;
    padding: 24px 16px 32px;
    font-size: 0.75rem;
    color: #9ca3af;
}

@media (min-width: 480px) {
    .privacy-header h1 {
        font-size: 1.75rem;
    }

    .privacy-card {
        padding: 32px 36px 36px;
    }

    body.privacy-page {
        font-size: 16px;
    }
}

@media (prefers-color-scheme: dark) {
    body.privacy-page {
        background: linear-gradient(180deg, #0a0c14 0%, #12151f 120px, #0f1118 120px);
        color: #e5e7eb;
    }

    .privacy-card {
        background: #1a1f2e;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    }

    .privacy-meta {
        color: #9ca3af;
        border-bottom-color: #2a3144;
    }

    .privacy-card h2 {
        color: #f3f4f6;
    }

    .privacy-card p,
    .privacy-card ul,
    .privacy-card ol,
    .privacy-card li {
        color: #c5cad6;
    }

    .privacy-highlight {
        background: #141824;
        color: #b8bfd0;
    }

    .privacy-footer {
        color: #6b7280;
    }
}