/* ========== 数据快照 · 现代紫色主题 ========== */
.snapshot-page { max-width: none; width: 100%; margin: 0; animation: fadeIn 0.45s ease; }
.snapshot-settings .form-row { display: flex; gap: var(--spacing-lg); align-items: flex-end; flex-wrap: wrap; }
.snapshot-settings .form-group { flex: 1; min-width: 180px; }
.storage-indicator { 
    background: rgba(226, 232, 240, 0.5); 
    border-radius: 8px; height: 10px; overflow: hidden; 
    border: 1px solid rgba(226, 232, 240, 0.7);
}
.storage-bar { 
    background: linear-gradient(90deg, var(--gradient-start), var(--secondary)); 
    height: 100%; border-radius: 8px; transition: width 0.35s ease;
    box-shadow: 0 1px 4px rgba(99, 102, 241, 0.25);
}
.snapshot-label {
    display: inline-block; padding: 3px 12px; border-radius: 14px; font-size: 11px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.10), rgba(147, 51, 234, 0.06));
    color: var(--primary-dark);
    border: 1px solid rgba(99, 102, 241, 0.18);
    font-weight: 600; letter-spacing: 0.2px;
}