15 lines
1.4 KiB
CSS
15 lines
1.4 KiB
CSS
.privacy-view { width: 100%; max-width: 640px; margin: 0 auto; padding: 1rem 1.25rem 2rem; animation: fadeInUp 0.3s ease-out; }
|
|
.privacy-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; }
|
|
.privacy-back { background: var(--surface-muted); border: 1px solid var(--border); border-radius: var(--radius); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.1rem; color: var(--text-main); flex-shrink: 0; transition: background 0.15s; }
|
|
.privacy-back:hover { background: var(--border); }
|
|
.privacy-title { font-size: 1.3rem; font-weight: 700; color: var(--text-main); margin: 0; }
|
|
.privacy-updated { font-size: 0.8rem; color: var(--text-muted); margin: 0 0 1.5rem; }
|
|
.privacy-content { display: flex; flex-direction: column; gap: 1.5rem; }
|
|
.privacy-section { background: var(--surface-muted); border-radius: var(--radius); padding: 1.25rem; }
|
|
.privacy-section-title { font-size: 1rem; font-weight: 700; color: var(--text-main); margin: 0 0 0.75rem; }
|
|
.privacy-section-content { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; }
|
|
.privacy-section-content p { margin: 0 0 0.5rem; }
|
|
.privacy-section-content p:last-child { margin-bottom: 0; }
|
|
@keyframes fadeInUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
|
|
@media (max-width: 768px) { .privacy-view { padding: 0.75rem 1rem 2rem; } }
|