/* ============ 隐私条款页面专属样式 ============ */

/* 页面标题 */
.page-header {
    position: relative; z-index: 1;
    text-align: center; padding: 60px 24px 30px;
    display: flex; flex-direction: column; align-items: center;
}
.page-header h1 {
    font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 800;
    letter-spacing: -0.8px; line-height: 1.2;
    margin-bottom: 12px; color: var(--text-slate-900);
}
.page-header .gradient-text {
    background: linear-gradient(135deg, #2563eb, #6366f1, #06b6d4);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text; color: transparent;
}
.page-header .update-date { font-size: 0.85rem; color: var(--text-slate-400); margin-top: 4px; }

/* 隐私条款内容区域 */
.policy-content {
    position: relative; z-index: 1;
    max-width: 860px; margin: 0 auto;
    padding: 20px 24px 70px;
}
.policy-card {
    background: #fff; border: 1px solid #e8ecf1;
    border-radius: var(--radius-xl); padding: 40px 36px;
    box-shadow: var(--shadow-md);
}
.policy-card h2 {
    font-size: 1.3rem; font-weight: 700;
    margin-top: 32px; margin-bottom: 12px;
    color: var(--text-slate-900);
    padding-bottom: 8px; border-bottom: 1px solid #e8ecf1;
}
.policy-card h2:first-child { margin-top: 0; }
.policy-card h3 {
    font-size: 1.05rem; font-weight: 600;
    margin-top: 20px; margin-bottom: 8px;
    color: var(--text-slate-700);
}
.policy-card p {
    font-size: 0.92rem; color: var(--text-slate-500);
    line-height: 1.75; margin-bottom: 12px;
}
.policy-card ul { list-style: none; padding-left: 0; margin-bottom: 12px; }
.policy-card ul li {
    font-size: 0.92rem; color: var(--text-slate-500);
    line-height: 1.75; padding: 4px 0 4px 20px; position: relative;
}
.policy-card ul li::before {
    content: '•'; position: absolute; left: 4px;
    color: var(--blue-500); font-weight: 700;
}
.policy-card .highlight { color: var(--blue-600); font-weight: 600; }
.policy-card .divider { border: none; border-top: 1px dashed #e2e8f0; margin: 24px 0; }

@media (max-width: 768px) {
    .page-header { padding: 40px 16px 20px; }
    .page-header h1 { font-size: 1.6rem; }
    .policy-card { padding: 24px 18px; }
    .policy-card h2 { font-size: 1.1rem; }
}
