/* 隐私政策页面样式 */ /* 页面头部 */ .privacy-header { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding-top: 120px; padding-bottom: 80px; position: relative; overflow: hidden; } .privacy-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../images/pattern-bg.png') center/cover; opacity: 0.1; } .min-vh-50 { min-height: 50vh; } /* 隐私政策内容区域 */ .privacy-content { background: #fff; border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); padding: 3rem; margin-top: -60px; position: relative; z-index: 1; } /* 隐私政策章节 */ .privacy-section { margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid #eee; } .privacy-section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .privacy-section h2 { color: #333; font-weight: 600; border-left: 4px solid #4facfe; padding-left: 1rem; margin-bottom: 1.5rem; } .privacy-section h3 { color: #555; font-weight: 600; margin-top: 1.5rem; margin-bottom: 1rem; padding-left: 0.5rem; border-left: 3px solid #00f2fe; } .privacy-section p { color: #666; line-height: 1.8; margin-bottom: 1rem; text-align: justify; } .privacy-section ul { color: #666; line-height: 1.8; margin-bottom: 1rem; padding-left: 2rem; } .privacy-section li { margin-bottom: 0.5rem; position: relative; } .privacy-section li::before { content: '•'; color: #4facfe; font-weight: bold; position: absolute; left: -1rem; } /* 强调文本 */ .privacy-section strong { color: #333; font-weight: 600; } /* 定义列表 */ .privacy-section .list-unstyled li { margin-bottom: 0.8rem; padding-left: 0; } .privacy-section .list-unstyled li::before { content: none; } .privacy-section .list-unstyled strong { color: #4facfe; margin-right: 0.5rem; } /* 响应式调整 */ @media (max-width: 768px) { .privacy-header { padding-top: 100px; padding-bottom: 60px; } .privacy-content { padding: 2rem 1.5rem; margin-top: -40px; } .privacy-section { margin-bottom: 2rem; padding-bottom: 1.5rem; } .privacy-section h2 { font-size: 1.25rem; } .privacy-section h3 { font-size: 1.1rem; } } @media (max-width: 576px) { .privacy-content { padding: 1.5rem 1rem; margin-top: -30px; } .privacy-section { margin-bottom: 1.5rem; padding-bottom: 1rem; } .privacy-section ul { padding-left: 1.5rem; } .privacy-section h2 { font-size: 1.1rem; } .privacy-section h3 { font-size: 1rem; } } /* 打印样式 */ @media print { .privacy-header { background: none !important; color: #000 !important; padding-top: 0; padding-bottom: 2rem; } .privacy-header::before { display: none; } .privacy-content { box-shadow: none; border: 1px solid #ddd; margin-top: 0; } .privacy-section h2, .privacy-section h3 { color: #000 !important; } .privacy-section p, .privacy-section ul { color: #000 !important; } .privacy-section strong { color: #000 !important; } } /* 特殊样式 */ .privacy-section ul ul { margin-top: 0.5rem; margin-bottom: 0.5rem; } .privacy-section ul ul li::before { content: '◦'; color: #00f2fe; } /* 强调框 */ .privacy-section > p:first-child { font-size: 1.1rem; font-weight: 500; color: #444; } /* 附录特殊样式 */ .privacy-section:last-child h2 { border-left-color: #ff6b6b; } .privacy-section:last-child ul li::before { color: #ff6b6b; }